styles.css

/*
 * This file is part of Anis Client.
 *
 * (c) Laboratoire d'Astrophysique de Marseille / CNRS
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

.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;
}

.card.abstract-accordion,
.card.abstract-accordion .card-header,
.panel.abstract-accordion, .btn .abstract-accordion,
.panel.abstract-accordion .panel-body,
.abstract-accordion .btn {
    background-color: inherit;
    color: inherit;
    border: none;
    padding: 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);
    max-width: fit-content;
    text-align: unset;
}

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

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

.tooltip.custom-tooltip .tooltip-inner .text-left {
    text-align: left;
}
.tooltip.custom-tooltip .tooltip-inner .text-center {
    text-align: center;
}
.tooltip.custom-tooltip .tooltip-inner .text-right {
    text-align: right;
    background-color: red;
}