/*
--#{$prefix}border-width: #{$border-width};
--#{$prefix}border-style: #{$border-style};
--#{$prefix}border-color: #{$border-color};
--#{$prefix}border-color-translucent: #{$border-color-translucent};

--#{$prefix}border-radius: #{$border-radius};
--#{$prefix}border-radius-sm: #{$border-radius-sm};
--#{$prefix}border-radius-lg: #{$border-radius-lg};
--#{$prefix}border-radius-xl: #{$border-radius-xl};
--#{$prefix}border-radius-xxl: #{$border-radius-xxl};
--#{$prefix}border-radius-2xl: var(--#{$prefix}border-radius-xxl); // Deprecated in v5.3.0 for consistency
--#{$prefix}border-radius-pill: #{$border-radius-pill};
*/
/* Color Palette reference : https://mycolor.space/?hex=%23059B96&sub=1 */
:root {
    --fm: #059b96;
    --fm1: #03837f;
    --fm2: #026e6b;
    --fm3: #015a57;
    --fm4: #004644;
    --fm5: #003d3b;
}
* {
    /* font-family: 'Poppins', sans-serif; */
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
}

.login-box, .register-box {
    width: 603px;
}

.login-box .card,
.login-box .card-body {
    border-radius: 1rem !important;
}

.btn-primary,
.card-primary:not(.card-outline)>.card-header,
.show>.btn-primary.dropdown-toggle,
.page-link {
    background-color: var(--fm);
    border-color: var(--fm1);
}

.bg-primary, .badge-primary {
    background-color: var(--fm) !important;
    border-color: var(--fm1) !important;
}

.border-primary {
    border-color: var(--fm1)!important;
}

button.border-light-right {
    border-right-color: #f8f9fa !important;
}

/* .btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--fm1);
    border-color: var(--fm1);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle    
*/

/* .btn-primary,
.page-item .page-link {
    &:active,
    &:hover,
    &:not(:disabled):not(.disabled).active,
    &:not(:disabled):not(.disabled):active {
        background-color: var(--fm1);
        border-color: var(--fm2);
    }
} */

.btn-primary,
.page-item .page-link {
    /* &:hover { */
    &:not(:disabled):not(.disabled):hover {
        background-color: var(--fm1);
        border-color: var(--fm2);
    }
    &:active,
    &:not(:disabled):not(.disabled).active,
    &:not(:disabled):not(.disabled):active {
        background-color: var(--fm3);
        border-color: var(--fm4);
    }
    &.disabled, 
    &:disabled,
    &:disabled:active,
    &:disabled.active,
    &.disabled:active,
    &.disabled.active {
        opacity: .8;
        background-color: var(--fm4);
        border-color: var(--fm5);
        color: #dbdbdba6;
    }
}

.btn-primary {
    &:focus {
        background-color: var(--fm);
        border-color: var(--fm1);
        color: #eeeeee;
    }
}

a {
    &:hover,
    &:focus,
    &:active {
        color: var(--fm1);
    }
}

.page-item.disabled span.page-link {
    background-color: #03504d;
    border-color: #03504d;
}
.page-item.active .page-link{
    background-color: #057773;
    border-color: #057773;
}
.custom-pagination nav .pagination{
    margin-bottom: 0;
}
/* .show>.btn-primary.dropdown-toggle,
.page-link {
    background-color: #057773;
    border-color: #057773;
} */

a {
    color: var(--fm);
}
.text-primary {
    color: var(--fm) !important;
}
a.page-link {
    color: #eeeeee !important;
}

/* a:hover,
a:focus,
a:active {
    color: #057773;
} */


#show_hide_password a {
    cursor: pointer;
}

.dropdown-toggle.hide-icon::after {
    display: none;
}

/* Results "Dropdown/DropUp" */
/* .select2-container--default .select2-results>.select2-results__options {
    background-color: #07b8b2;
    color: #eeeeee;
} */

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #059b96;
    color: #eeeeee;
}

/* Clear "X" */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #eeeeee;
}

/* Clear "X" Hover */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.card-primary:not(.card-outline)>.card-header a.active {
    color: #057773;
}
/* Each Result */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #059b96;
}

.select2-.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 8rem;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* .select2-search__field {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} */

.slider.round {
    border-radius: 34px;
}
.slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 400ms;
}
.slider.round::before {
    border-radius: 50%;
}
.slider::before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 16px;
    left: 4px;
    position: absolute;
    transition: 400ms;
    width: 16px;
}

.view-mode {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 50px;
}

.view-mode input {
    display: none;
}

input:checked + .slider {
    background-color: #059b96;
}
input:checked + .slider::before {
    transform: translateX(26px);
}

.table-condensed{
    font-size: 0.8rem;
}

.table tbody{
    &.text-center-1 td:first-child,
    &.text-center-2 td:nth-child(2),
    &.text-center-3 td:nth-child(3) {
        text-align: center!important;
    }
    &.text-capitalize-1 td:first-child,
    &.text-capitalize-2 td:nth-child(2),
    &.text-capitalize-3 td:nth-child(3) {
        text-transform: capitalize!important;
    }
    /* &td:has(.btn .fa-trash) {
        background-color: yellow;
    } */
}

.table {
    &.text-center-1 td:first-child,
    &.text-center-2 td:nth-child(2),
    &.text-center-3 td:nth-child(3) {
        text-align: center!important;
    }
    &.text-capitalize-1 td:first-child,
    &.text-capitalize-2 td:nth-child(2),
    &.text-capitalize-3 td:nth-child(3) {
        text-transform: capitalize!important;
    }
    /* &td:has(.btn .fa-trash) {
        background-color: yellow;
    } */
    /* width: 80vh; */
}
.equal-width {
    width: 25%;
}
.short-link {
    display:block;
    width: 15rem;
}
.short-link-fit {
    display:block;
    width: 100%;
}

.mode {
    &.card-view .table-container,
    &.table-view .card-container {
        display:none;
    }
    & .card-container {
        max-height: 600px;
        overflow-y: scroll;
    }
}