@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');

/* Colors */
/*:root {*/
/*    --color-b: #001623 !important;*/
/*    --color-warning: #FFAE1F !important;*/
/*    --color-main: #80d0c7 !important;*/
/*    --color-main-light: rgba(128, 208, 199, 0.22) !important;*/
/*    --color-main-dark: #70b5ad !important;*/
/*    --color-main-dark-100: #0fa299 !important;*/
/*    --color-main-gray: #4c4c4c !important;*/
/*    --color-main-gray-disabled: #c1c1c1 !important;*/
/*    --color-main-secondary: #939393 !important;*/
/*    --color-blak-ameoli: #031d30 !important;*/
/*    --bs-heading-color: #031d30 !important;*/
/*    --color-green-ameoli: #48bcc1 !important;*/
/*    --primary-color: #48bcc1 !important;*/
/*    --primary-ligth: rgba(72, 188, 193, 0.07) !important;*/
/*    --font-title: 'Poiret One', cursive;*/
/*    --font-main: 'Montserrat', sans-serif;*/
/*    --border-radius-large: 20px;*/
/*    --bs-badge-font-weight: 700;*/
/*}*/


/*:root {*/
/*    --color-b: #001623 !important;*/
/*    --color-warning: #FFAE1F !important;*/
/*    --color-main: #0fa299 !important;*/
/*    --color-main-light: rgba(128, 208, 199, 0.22) !important;*/
/*    --color-main-dark: #0fa299 !important;*/
/*    --color-main-dark-100: #0fa299 !important;*/
/*    --color-main-gray: #4c4c4c !important;*/
/*    --color-main-gray-disabled: #c1c1c1 !important;*/
/*    --color-main-secondary: #939393 !important;*/
/*    --color-blak-ameoli: #031d30 !important;*/
/*    --bs-heading-color: #031d30 !important;*/
/*    --color-green-ameoli: #0fa299 !important;*/
/*    --primary-color: #0fa299 !important;*/
/*    --primary-ligth: rgba(72, 188, 193, 0.07) !important;*/
/*    --font-title: 'Poiret One', cursive;*/
/*    --font-main: 'Montserrat', sans-serif;*/
/*    --border-radius-large: 20px;*/
/*    --bs-badge-font-weight: 700;*/
/*}*/


html,



body {
    font-family: var(--font-main);
    font-size: 1rem;
    color: var(--color-b);
    background-color: #F5F5F5;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--color-b);
}

tbody, td, tfoot, th, thead, tr {
    border-color: var(--color-main-light);
}



p {
    color: var(--color-b);
}

.fs-15{
    font-size: 1.5rem;
}

.fs-20{
    font-size: 2rem;
}

.fs-25{
    font-size: 2.5rem;
}

.container-main{
    padding-top: 80px;
    min-height: 100vh;
    background-color: #F5F5F5;
}

.card {
    background-color: #F5F5F5;
}

.card-header:first-child {
    border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
}

.card-footer:last-child {
    border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
}


.left-sidebar {
    background-color: #F5F5F5;
}

.app-header {
    background-color: #F5F5F5;
}


.badge {
    margin-bottom: 5px;
    font-weight: 600;
}

.bg-primary {
    background-color: #5D87FF!important;;
}

.bg-info {
    background-color: var(--color-main-gray)!important;
}

.bg-success {
    background-color: var(--primary-color)!important;
}

.bg-secondary{
    background-color: var(--color-main-secondary)!important;
}

.bg-light{
    background-color: var(--primary-ligth)!important;
    border: 1px var(--color-main-dark-100);
}

.text-green{
   color: var(--color-main-dark-100)!important;
}

.content{
    padding-top: 100px;
    min-height: 90vh;
}



.green-ameoli{
    color: var(--color-green-ameoli);
}
.blak-ameoli{
    color: var(--color-blak-ameoli);
}

.color-main{
    color: var(--color-main);
}
.color-main-dark{
    color: var(--color-main-dark);
}

.navbar {
    border-bottom: 2px solid var(--color-main);
    background-color: #F5F5F5;
}

.navbar-brand, .navbar-brand:hover {
    font-size: unset;
    font-weight: unset;
}

.img-logo-lk{
    height: 50px;
}

h1 {
    font-size: 1.8rem;
    /*font-weight: 400;*/
}

h6 {
    color: var(--color-b);
    font-size: 1rem;
}

p{
    font-size: 1.1rem;
    margin-top: .2rem;
    margin-bottom: .2rem;
}



.login-form{
    padding-top: 100px;
}

.logo-text{
    font-family: var(--font-title);
}

.hero-section {
    background-image: unset;
}

.img-logo{
    width: 50px;
    height: 50px;
}

.img-logo-footer{
    width: 100px;
    height: 100px;
}



.white-b{
    color: white;
}

.inputform{
    height: 46px;
    width: 100%;
}


.iti {
 display: block;
}



.form-switch .form-check-input {
width: 2em;
margin-left: -2.5em;
background-position: left center;
border-radius: 2em;
transition: background-position 0.15s ease-in-out;
}


.lolo-img{
    height: 35px;
    width: auto;
}

.lolo-img-footer{
    height: 100px;
    width: auto;
}

.site-header {
    padding-top: 100px;
    padding-bottom: 20px;
}

a {
    color: var(--color-green-ameoli);
    /*border-bottom: dashed 1px var(--color-b);*/
}

.navbar-icon:hover {
    background: var(--primary-color);
    background: var(--color-green-ameoli);
    color: var(--white-color);
}

.nolist{
    list-style: none;
}

.form-control {
    border: 1px solid var(--color-main);
    font-size: 1rem;
}

.link-b{
    font-weight: 500;
    border-bottom: dashed 1px var(--color-b);
}

a:hover{
    color: var(--color-main-dark-100);
}

.link-g{
    font-weight: 600;
    color: var(--color-main-dark-100);
    text-decoration: dashed 1px var(--color-main-dark-100);
}

.navbar-nav .nav-link {
    color: var(--color-blak-ameoli);
    text-transform: unset;
    /*font-size: var(--menu-font-size);*/
}

.section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}



@media screen and (max-width: 991px) {
    .navbar-nav .dropdown-menu {
        max-width: 300px;
    }
}



/*ADMIN*/
.table td, .table th {
    background-color: #F5F5F5;
    white-space: unset;

}

.img-app{
    height: 75px;
    width: 200px;
    margin-bottom: 20px;
}

.faq-section .accordion-body {
    /*color: var(--p-color);*/
    /*font-size: var(--btn-font-size);*/
     line-height: unset;
}

.custom-block-image {

     height: unset;

}

.img-member{
    border-radius: 50%;
}

.textarea-b {
    border-radius: 12px;
}

textarea {
    border-radius: 12px;
}

.form-control .captcha-input{
    margin-bottom: 1px;
    padding-bottom: 1px;
}

.custom-form .form-control {
    background-color: white;
    margin-bottom: unset;
    /*padding-top: 26px;*/
    /*padding-bottom: 26px;*/
    padding-left: 20px;
    color: black;

}
.form-control .select2-hidden-accessible {

    margin-bottom: 24px;
    padding-top: 26px;
    padding-bottom: 26px;
    padding-left: 20px;

}

.custom-form .form-control:focus {
    box-shadow: unset;
}

.map-b{
    border-radius: 12px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: unset;
    padding-left: 15px;
    margin: unset;
    /*color: var(--color-main-gray);*/
}

.navbar-expand-lg .navbar-nav .nav-link-lk {
    color: var(--color-blak-ameoli);
    font-size: 1rem;
    font-weight: 500;
}

.navbar a {
    color: var(--color-blak-ameoli);
    font-size: 1rem;
    font-weight: 500;
}

.navbar-expand-lg .navbar-nav .nav-link-lk:hover {
    color: var(--color-green-ameoli);
}


.sticky-wrapper.is-sticky .navbar {
    /*background-color: var(--color-main);*/
    /*height: 70px;*/
    background-color: white;
    color: var(--color-green-ameoli);
    transition: all 0.5s;
}

.sticky-wrapper.is-sticky .navbar .link-b {
    /*color: white;*/
    border-bottom: dashed 1px white;
}
.sticky-wrapper.is-sticky .lolo-img {
    /*height: 30px;*/
    /*transition: all 0.3s;*/
}

.custom-form button[type="submit"] {
    padding: 10px 20px 10px 20px;
    font-weight: unset;
    font-size: unset;
}

.form-floating > .select2-container--krajee-bs5 .select2-selection--single {

    border-radius: var(--border-radius-large);
}

.select2-container--krajee-bs5 li.select2-results__option {
    color: #000000;
    background-color: #ffffff;
    font-family: var(--font-main);
    font-size: 1rem;
    /*text-align: center;*/
}

.select2-container--open .select2-dropdown--below {
    border-bottom-left-radius: var(--border-radius-large);
    border-bottom-right-radius: var(--border-radius-large);
    padding: 10px;
}

.select2-container--open .select2-dropdown--above {
    border-top-left-radius: var(--border-radius-large);
    border-top-right-radius: var(--border-radius-large);
    padding: 10px;
}

.has-success .select2-container--open .select2-selection, .has-success .select2-container--krajee-bs5.select2-container--focus .select2-selection {
    height: auto;
    min-height: 50px
}

select.is-valid + .select2-container--krajee-bs5 .select2-selection--single, .has-success.select2-container--krajee-bs5 .select2-dropdown, .has-success .select2-container--krajee-bs5 .select2-selection {
    height: auto;
    min-height: 58px
}


.select2-container .select2-selection--single .select2-selection__rendered {
    white-space: unset!important;
    padding-left: .5rem;
}

.form-floating > .select2-container--krajee-bs5 .select2-selection--single .select2-selection__clear {
    margin-right: 23px;
}

.select2-container--krajee-bs5 .select2-selection--single .select2-selection__clear, .select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__clear {
    font-size: 1.5rem;
}

.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after {
    background-color: rgba(255, 255, 255, 0);

}

.select2-container--krajee-bs5:not(.select2-container--disabled) .select2-dropdown {
    box-shadow: 0 0.5rem 0.5rem 0.5rem var(--color-main-light);
}

.form-control:focus {
    box-shadow: unset;
}

.select2-container--krajee-bs5.select2-container--open:not(.select2-container--disabled) .select2-selection, .select2-container--krajee-bs5:not(.select2-container--disabled) .select2-selection:focus {
    box-shadow: 0 0.5rem 0.5rem 0.5rem var(--color-main-light);
}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: 1;
    transform: scale(.85) translateY(-0.5rem) translateX(.3rem);
}

.select-b{
    padding-left: .5rem;
}

.select2-container--krajee-bs5 .select2-search--dropdown .select2-search__field {
    border-radius: var(--border-radius-large);
    padding-left: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.select2-container--krajee-bs5 .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-main-dark);
    color: #fff;
    border-radius: var(--border-radius-large);
    padding: 1rem;
}


.select2-container--krajee-bs5 .select2-results__option[aria-selected] {
    padding: 0.8rem;
    border-radius: var(--border-radius-large);
    margin-bottom: 1rem;
}

.select2-container--krajee-bs5 .select2-selection {
    border: 1px solid var(--color-main);
    border-radius: var(--border-radius-large);
}

.select2-container--krajee-bs5 .select2-selection--single {
    padding: 0.7rem 0.75rem 0.55rem;
    height: calc(3rem + 2px);
}



.select2-container--krajee-bs5.select2-container--open:not(.select2-container--disabled) .select2-selection, .select2-container--krajee-bs5:not(.select2-container--disabled) .select2-selection:focus {
    border-color: var(--color-main);

}

.select2-container--krajee-bs5:not(.select2-container--disabled) .select2-dropdown {
    border-color: var(--color-main);
}

/*.select2-container--krajee-bs5 > .select2-dropdown {*/
/*    z-index: 5;*/
/*}*/

/*.select2-container--krajee-bs5:not(.select2-container--disabled) .select2-dropdown {*/
/*    margin-top: -1rem;*/
/*}*/

.kv-container-bs4 .table {
    margin: 0;
    overflow: hidden;
    border-radius: var(--border-radius-large);
}

.kv-form-bs4 .has-error .invalid-feedback {
    padding-left: 1rem;
}

.iti__selected-flag {
    border-top-left-radius: var(--border-radius-large);
    border-bottom-left-radius: var(--border-radius-large);
}

.iti__country-list {
    z-index: 25;
}

.block-border{
    border: solid 1px var(--color-main);
    border-radius: var(--border-radius-large);
}

.block-border-success{
    border: solid 2px var(--color-main);
    border-radius: var(--border-radius-large);
}

.block-border-warning{
    border: solid 2px var(--color-warning);
    border-radius: var(--border-radius-large);
}

.block-border-bottom{
    border-bottom: solid 1px var(--color-main);

}
.block-border-bottom-2{
    border-bottom: solid 2px var(--color-main);

}

.btn{
    /*padding: 10px 20px 10px 20px;*/
    font-weight: unset;
    /*border: none;*/
    border-radius: var(--border-radius-large);
    /*color: var(--white-color);*/
    /*font-family: var(--title-font-family);*/
    /*font-size: unset;*/
    transition: all 0.3s;
    /*margin-bottom: 10px;*/
    --bs-btn-border-color: var(--color-main);
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--color-main);
    border-color: var(--color-main);
    opacity: 0.8;
}

.btn-main{
    background: var(--color-main);
    color: var(--white-color);
}
.btn-main:hover{
    background: var(--color-main-dark);
    color: var(--white-color);
}

.btn-brows{
    /*margin-top: 11px;*/
    padding-top: 15px;
    padding-bottom: 15px;
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 33px;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}

.alert {
    border-radius: var(--border-radius-large);
    text-align: center;
}

.alert-danger {
    --bs-alert-color: #ff4444;
    --bs-alert-bg: rgba(255, 255, 255, 0);
    --bs-alert-border-color: #ff4444;
    --bs-alert-border: 2px solid  #ff4444;
}

.alert-success {
    --bs-alert-color: var(--color-main);
    --bs-alert-bg: rgba(255, 255, 255, 0);
    --bs-alert-border-color: var(--color-main);
    --bs-alert-border: 2px solid  var(--color-main);
}

.select2-container--krajee-bs5 .select2-results > .select2-results__options {
    padding: 1rem;
}

.modal-backdrop.show {
    opacity: .1;
    z-index: -2;
}

.modal-content {
    border-radius: var(--border-radius-large);
}


.pagination {
     margin-top: 10px;
     justify-content: center!important;
}

.breadcrumb-item a{
    color: var(--color-main-dark);
}
.breadcrumb-item a:hover{
    color: var(--color-green-ameoli);
}

.breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item a:hover, .breadcrumb-item.active {
    color: var(--color-b);
    opacity: 0.8;

}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-left-radius: var(--border-radius-large);
    border-bottom-left-radius: var(--border-radius-large);
    height: 58px;

}

.form-check-input:checked {
    background-color: var(--color-main-dark);
    border-color: var(--color-main-dark);
}

.text-success {
    color: var(--color-main-dark) !important;
}

.custom-block {
    background-color: var(--color-green-ameoli);
}

.custom-block:hover {
    background-color: var(--color-green-ameoli);
}

.section-overlay {
    /*background-image: unset;*/
}

.timeline-section {
    background-image: unset;
}

.timeline-container .vertical-scrollable-timeline .list-progress {
    background-color: var(--color-blak-ameoli);
}

.timeline-container .vertical-scrollable-timeline li.active .icon-holder {
    background-color: var(--color-blak-ameoli);
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        position: absolute;
        right: 0;
    }
}

.navbar .dropdown-item {
    text-transform: unset;
}

.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after {

    background: var(--color-green-ameoli);

}

.navbar-toggler .navbar-toggler-icon {
    background: var(--color-green-ameoli);
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link, .sidebar-nav ul .sidebar-item.selected>.sidebar-link.active, .sidebar-nav ul .sidebar-item>.sidebar-link.active {
    background-color: var(--color-green-ameoli);
    color: #fff;
}

.sidebar-nav ul .sidebar-item .sidebar-link:hover {
    background-color: var(--color-main-light);
    color: var(--color-green-ameoli);
}

.navbar .dropdown-menu {
     display: unset;
}

.required .has-star:not(.custom-control-label):not(.custom-file-label)::after, .is-required::after {
    margin-left: -1px;
}

.iti input, .iti input[type=text], .iti input[type=tel] {
    padding-top: 24px;
    padding-bottom: 24px;
    height: 58px;
}

.label-class-date{
    opacity: .65;
    transform: scale(.85) translateY(-0.8rem) translateX(0.3rem);
}

.form-floating-date{
    padding: 1.45rem 0.75rem 0.55rem;
}

.form-label {
    margin-bottom: 0.5rem;
    font-weight: 400;
    color: var(--color-main-dark-100);
    opacity: .9;
}

.form-label-top{
    position: unset!important;

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 16px!important;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 0.1s ease-in-out,-webkit-transform 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out,transform 0.1s ease-in-out,-webkit-transform 0.1s ease-in-out;
}

.span-green{
    font-weight: 600;
    color: var(--color-main-dark-100);
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    border-radius: var(--border-radius-large);
    color: var(--color-b);
}

.btn-success {
    --bs-btn-bg: var(--color-green-ameoli);
}

.btn-success:hover {
    color: #fff;
    opacity: 0.8;
}

.btn-primary {
    --bs-btn-bg: var(--color-green-ameoli);
}

.btn-primary:hover {
    color: #fff;
    opacity: 0.8;
}

.btn-info{
    --bs-btn-bg: var(--color-green-ameoli);
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-main-gray-disabled);
    --bs-btn-border-color: var(--color-main-gray-disabled);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-main-gray-disabled);
    --bs-btn-hover-border-color: var(--color-main-gray-disabled);
    --bs-btn-focus-shadow-rgb: 100,200,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-main-gray-disabled);
    --bs-btn-active-border-color: var(--color-main-gray-disabled);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-main-gray-disabled);
    --bs-btn-disabled-border-color: var(--color-main-gray-disabled);
}

.alert-success {
    --bs-alert-bg: var(--color-main-light);
    --bs-alert-color: var(--color-main-dark-100);
}

.timeline-time{
    color: var(--color-main-dark-100);
    font-size: 0.9rem;
}

.timeline-widget .timeline-item .timeline-time {
    min-width: 170px;
}

.timeline-widget .timeline-item .timeline-badge-wrap .timeline-badge-border {
    width: 4px;
    height: 100%;
    background-color: var(--color-main-light);
}

.timeline-widget .timeline-item .timeline-badge-wrap .timeline-badge {
    width: 20px;
    height: 20px;
}

.timeline-widget .timeline-item {
    min-height: 45px;
}

.kv-scorebar-border {
    border: 1px solid #fff;
}

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
    color: #fff;
    background-color: var(--color-main-dark-100);
    border-color: var(--color-main-dark-100);
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: var(--color-main-dark-100);
}


.btn-group-toggle>.btn-group-toggle:not(:last-child)>.btn, .btn-group-toggle>.btn.dropdown-toggle-split:first-child, .btn-group-toggle>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    /*margin-left: 10px;*/
    margin-right: 10px;
    height: 50px;
    padding-top: 14px;
}

.btn-group-toggle>.btn-group-toggle:not(:first-child)>.btn, .btn-group-toggle>.btn:nth-child(n+3), .btn-group-toggle>:not(.btn-check)+.btn {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 14px;
}

.btn-outline-success {
    --bs-btn-color: #13DEB9;
    --bs-btn-border-color: #13DEB9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #13DEB9;
    --bs-btn-hover-border-color: #13DEB9;
    --bs-btn-focus-shadow-rgb: 19,222,185;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #13DEB9;
    --bs-btn-active-border-color: #13DEB9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    --bs-btn-disabled-color: #13DEB9;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #13DEB9;
    --bs-gradient: none;
}

.breadcrumb {
    padding-left: 34px;
}


.accordion-button:not(.collapsed) {
     color: var(--bs-heading-color);
     background-color: var(--color-main-light);
}

@media screen and (max-width: 991px){
    .navbar-expand-lg .navbar-nav {
         padding-bottom: unset!important;
    }
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--color-main-gray-disabled)!important;
}
.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--color-main-gray-disabled)!important;
}

.btn-menu{
    margin-bottom: 1rem;
    border-radius: var(--border-radius-large);
    --bs-btn-padding-x: 16px;
    --bs-btn-padding-y: 7px;
    --bs-btn-font-size: 14;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #5A6A85;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 7px;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: unset;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    background-color: var(--bs-btn-bg);
    -webkit-box-shadow: var(--bs-btn-box-shadow);
    box-shadow: var(--bs-btn-box-shadow);
    -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}


.btn-menu:hover{
    opacity: 0.8;
    color: var(--bs-btn-color);
}

.tab-content {
    width: 100%;
}

.krajee-default.file-preview-frame .kv-file-content {
    padding: 20px;
}

.nav {
    display: -webkit-box;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--color-main);
}

.nav-pills .nav-link {
    color: var(--color-main);
    background: var(--color-main-light);
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
}

.nav-link {
    font-size: 1rem;
    margin: 2px;
}

.nav-small-cap {
    color: var(--color-b);
}

.form-check-input {
    border: 1.25px solid var(--color-main);
}

.datetimepicker table tr td.active:active, .datetimepicker table tr td.active.highlighted:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.highlighted.active {
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.card-body {
    color: var(--color-b);
}

.contact-form .form-floating>textarea {
    border-radius: var(--border-radius-large);
}

.nav-tabs {
    --bs-nav-tabs-border-color: var(--color-main);
    --bs-nav-tabs-border-radius: var(--border-radius-large);
    --bs-nav-tabs-link-hover-border-color: var(--color-main) var(--color-main) var(--color-main);
    --bs-nav-tabs-link-active-border-color: var(--color-main) var(--color-main) var(--bs-body-bg);
}

.nav-tabs .nav-link {
    padding: 10px 10px;
    font-size: 1rem;
    background: var(--color-main-light);
    border-bottom: solid 1px var(--color-main);
    margin-left: 0px;
}

.nav-tabs .nav-link:first-child {
    margin-right: 0px;
    margin-top: 10px;
}

@media screen and (max-width: 991px) {
    .nav-tabs .nav-link:first-child {
        margin-right: 0px;
        margin-top: 10px;
    }
}


.border-left {
    border-left: solid 1px var(--color-main)!important;
}
.border-bottom {
    border-bottom: solid 1px var(--color-main)!important;
}
.border-right {
    border-right: solid 1px var(--color-main)!important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    margin-left: 0px;
}

.border-radius-bottom{
    border-bottom-left-radius: var(--border-radius-large);
    border-bottom-right-radius: var(--border-radius-large);
}

.table-color-top{
    background-color: var(--color-main);
    border-top-right-radius: var(--border-radius-large);
    border-top-left-radius: var(--border-radius-large);
    margin-bottom: 4px;
}
.table-color-footer{
    background-color: var(--color-main);
    border-bottom-right-radius: var(--border-radius-large);
    border-bottom-left-radius: var(--border-radius-large);
}
.table-color-body{
    background-color: var(--color-main);
    margin-bottom: 4px;
}

.table-color-top h4{
    color: white;
}
.table-color-footer h4{
    color: white;
}
.table-color-body h4{
    color: white;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    font-size: 1rem;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    font-size: 1rem;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 1rem;
}

.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--color-main);
    border-color: var(--color-main)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--color-main-light);
    outline: 0;
    -webkit-box-shadow: var(--bs-pagination-focus-box-shadow);
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.page-link:hover, .page-item:first-child .page-link:hover, .page-item:last-child .page-link:hover {
    background-color: var(--color-main);
    color: var(--white-color);
}

.form-floating > .select2-container--krajee-bs5 .select2-selection--single {
    padding: 1.45rem .75rem .55rem;
    min-height: calc(3.5rem + 2px);
    height: auto;
}

.s2-select-label, .s2-unselect-label {
    line-height: 1.1;
    font-size: 1rem;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: unset!important;
}

.select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__choice {
    color: white;
    background: var(--color-main);
    border: var(--color-main);
    border-radius: var(--border-radius-large);
    cursor: default;
    width: auto;
    display: inline-block;
    margin: 0.35rem 0 0 0.25rem;
    padding: 0.15rem 0.05rem 0.15rem 0.25rem;
    font-size: 1rem;
    line-height: 1.3rem;
}

.form-floating > .select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__choice {
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    line-height: 1.3;
    font-size: 1rem;
}

.select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    line-height: 1.5;
    list-style: none;
    margin: 0;
    padding: 7px;
    width: 100%;
}

.form-floating > .select2-container--krajee-bs5:not([dir="rtl"]) .select2-selection--multiple .select2-selection__choice {
    margin: 0.75rem 0.375rem 0.1rem 0;
}

.form-floating > .select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 2rem;
    line-height: 0.75rem;
}
.select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    background: none;
    box-shadow: none;
    outline: none;
    float: right;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1rem;
    color: #ffffff;
    text-shadow: 0 1px 0 #b4b4b4;
    opacity: 0.5;
    padding: 0 0 0 1.2rem;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    color: var(--color-b);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    white-space: unset!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 25px;
    position: relative;
    margin: 0px 0px 2px;
    padding: 10px;
    border-radius: 7px;
    gap: 15px;
    font-weight: 400;
}

@media (min-width: 768px) {
    .form-inline .form-group, .form-inline .form-control .btn {
        vertical-align: middle;
        margin-bottom: 18px!important;
    }
}

.toastify {
    padding: 12px 20px;
    color: #fff;
    display: inline-block;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
    background: var(--color-main);

    /*background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);*/
    /*background: linear-gradient(135deg, #73a5ff, #5477f5);*/
    position: fixed;
    opacity: 0;
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none;
    max-width: calc(50% - 20px);
    z-index: 2147483647
}

.toastify.on {
    opacity: 1;
    padding: 30px 40px 30px 40px;
}

.toast-close {
    background: 0 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    opacity: .4;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.toastify-right {
    right: 15px
}

.toastify-left {
    left: 15px
}

.toastify-top {
    top: -150px
}

.toastify-bottom {
    bottom: -150px
}

.toastify-rounded {
    border-radius: 25px
}

.toastify-avatar {
    width: 1.5em;
    height: 1.5em;
    margin: -7px 5px;
    border-radius: 2px
}

.toastify-center {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
    max-width: -moz-fit-content
}

@media only screen and (max-width: 360px) {
    .toastify-left, .toastify-right {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: fit-content
    }
}