:root {
    --colorBlackTextPrimary: rgba(0, 0, 0, 0.95);
    --colorBlackTextSecondary: rgba(0, 0, 0, 0.5);
    --colorBlackTextTertiary: rgba(0, 0, 0, 0.3);
    --colorBlackTextDisabled: rgba(0, 0, 0, 0.2);
    --colorBlackWithTransparency: rgba(0, 0, 0, 0.1); 
}

.color-primary {
    color: var(--colorBlackTextPrimary)
}

.font-500 {
    font-weight: 500;
}

.color-secondary {
    color: var(--colorBlackTextSecondary);
}

.color-tertiary{
    color: var(--colorBlackTextTertiary);
}

.absolute-center {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.bottom-0 {
    bottom: 0;
}

.btn-etrel-green-alt {
    background-color: #015350;
    border-color: #015350;
    color: #FFFFFF;
}
.btn-etrel-green-alt:hover,
.btn-etrel-green-alt:focus,
.btn-etrel-green-alt:active,
.btn-etrel-green-alt.active,
.open .dropdown-toggle.btn-etrel-green-alt,
.btn-etrel-green-alt:active:focus,
.btn-etrel-green-alt:active:hover,
.btn-etrel-green-alt.active:hover,
.btn-etrel-green-alt.active:focus {
    background-color: #1b7875;
    border-color: #1b7875;
    color: #FFFFFF;
}
.btn-etrel-green-alt:active,
.btn-etrel-green-alt.active,
.open .dropdown-toggle.btn-etrel-green-alt {
    background-image: none;
}
.btn-etrel-green-alt.disabled,
.btn-etrel-green-alt.disabled:hover,
.btn-etrel-green-alt.disabled:focus,
.btn-etrel-green-alt.disabled:active,
.btn-etrel-green-alt.disabled.active,
.btn-etrel-green-alt[disabled],
.btn-etrel-green-alt[disabled]:hover,
.btn-etrel-green-alt[disabled]:focus,
.btn-etrel-green-alt[disabled]:active,
.btn-etrel-green-alt.active[disabled],
fieldset[disabled] .btn-etrel-green-alt,
fieldset[disabled] .btn-etrel-green-alt:hover,
fieldset[disabled] .btn-etrel-green-alt:focus,
fieldset[disabled] .btn-etrel-green-alt:active,
fieldset[disabled] .btn-etrel-green-alt.active {
    background-color: #1dc5a3;
    border-color: #1dc5a3;
}


.btn-etrel-green {
    background-color: #00997d;
    border-color: #00997d;
    color: #FFFFFF;
}
.btn-etrel-green:hover,
.btn-etrel-green:focus,
.btn-etrel-green:active,
.btn-etrel-green.active,
.open .dropdown-toggle.btn-etrel-green,
.btn-etrel-green:active:focus,
.btn-etrel-green:active:hover,
.btn-etrel-green.active:hover,
.btn-etrel-green.active:focus {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFFFFF;
}
.btn-etrel-green:active,
.btn-etrel-green.active,
.open .dropdown-toggle.btn-etrel-green {
    background-image: none;
}
.btn-etrel-green.disabled,
.btn-etrel-green.disabled:hover,
.btn-etrel-green.disabled:focus,
.btn-etrel-green.disabled:active,
.btn-etrel-green.disabled.active,
.btn-etrel-green[disabled],
.btn-etrel-green[disabled]:hover,
.btn-etrel-green[disabled]:focus,
.btn-etrel-green[disabled]:active,
.btn-etrel-green.active[disabled],
fieldset[disabled] .btn-etrel-green,
fieldset[disabled] .btn-etrel-green:hover,
fieldset[disabled] .btn-etrel-green:focus,
fieldset[disabled] .btn-etrel-green:active,
fieldset[disabled] .btn-etrel-green.active {
    background-color: #1dc5a3;
    border-color: #1dc5a3;
}

#notification-dropdown-menu ul.dropdown-menu.dropdown-messages {
    width: 480px;
}

#notification-dropdown-menu .notification-dropdown-item, 
#notification-dropdown-menu .notification-dropdown-item-summary {
    display: inline-block !important;
}

#notification-dropdown-menu .notification-dropdown-item {
    width: 65%;
}

app-card .ibox {
    border: 1px solid #e7eaec;
}

.float-right {
    float: right;
}

.cursor-pointer {
    cursor: pointer;
}

app-card card-body h1 {
    font-weight: 400;
}

.flex-space-between {
    display:flex; 
    justify-content: space-between;
}

.flex-space-around {
    display:flex; 
    justify-content: space-around;
}

.flex-start {
    display: flex;
    justify-content: start;
}

.flex-stretch-items {
    align-items: stretch;
}

.flex-gap-5 {
    gap: 5px;
}

.flex-gap-10 {
    gap: 10px;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.hmin-600 {
    min-height: 600px;
}

.m-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-r-10 {
    margin-right: 10px;
}

.flex-col {
    flex-direction: column;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.m-t-neg-15 {
    margin-top: -15px;
}

.m-x-5 {
    margin-left: 5px;
    margin-right: 5px;
}