styles.css

/* You can add global styles to this file, and also import other style files */

.theme-color {
    color: #7AC29A;
}

.dl-btn {
    fill: white;
    background-color: #50a44b;
}
.dl-btn:hover {
    background-color: #5cb257;
}

/* Custom styles for external library components */
/* Needs to be in global stylesheet due to ViewEncapsulation */

/* accordion */
.custom-accordion-output .panel-body {
    padding-top: 0;
    padding-bottom: 0;
}

/* modal */
.modal-fit-content {
    width: fit-content;
    max-width: 95%;
}

/* ng select */
.ng-select.ng-select-custom .ng-select-container  {
    height: calc(1.5em + .75rem + 2px);
}

.ng-select.ng-select-disabled > .ng-select-container {
    background-color: #E9ECEF;
}

.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
    background-color: #E9ECEF;
    border-color: #ced4da;
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-top-color: #343A40;
}

.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
    border-bottom-color: #343A40;
}

.ng-select-disabled .ng-arrow-wrapper .ng-arrow {
    border-top-color: #999;
}

.ng-select.ng-select-time .ng-select-container  {
    width: 80px;
}

/* tooltip */

.tooltip.custom-tooltip.fade {
    transition: opacity 1s;
}

.tooltip.custom-tooltip .tooltip-inner {
    color: #000;
    background-color: #E9ECEF;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.tooltip.custom-tooltip .tooltip-arrow,
.tooltip.custom-tooltip .arrow:before {
    border-top-color: #E9ECEF;
}