@font-face {
    font-family: 'bn font';
    src: url('../fonts/busconido/bn-font.eot');
    src: url('../fonts/busconido/bn-font.eot?#iefix') format('embedded-opentype'),
         url('../fonts/busconido/bn-font.woff') format('woff'),
         url('../fonts/busconido/bn-font.ttf') format('truetype'),
         url('../fonts/busconido/bn-font.svg#bn-font') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
[class*='bnicon-']:before{
	display: inline-block;
   	font-family: 'bn font';
   	font-style: normal;
   	font-weight: normal;
   	line-height: 1;
   	-webkit-font-smoothing: antialiased;
   	-moz-osx-font-smoothing: grayscale
}
.bnicon-icon-pen:before{
    content:'\0041';
}
body{
    font-family: 'Roboto', sans-serif;
}
.flex-basis-0{
    flex-basis: 0 !important;
}
.fs-7{
    font-size: .9rem !important;
}
.fs-75{
    font-size: .75rem !important;
}
.fs-8{
    font-size: .8rem !important;
}
.fs-85{
    font-size: .85rem !important;
}
.fs-9{
    font-size: .7rem !important;
}
.fs-10{
    font-size: .65rem !important;
}
.fw-medium{
    font-weight: 600 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.pb-6{
    padding-bottom: 4rem!important;
}
.pb-7{
    padding-bottom: 5rem!important;
}
.py-1-5{
    padding-top: .35rem!important;
    padding-bottom: .35rem!important;
}
.lh-0{
    line-height: 0 !important;
}
.lh-1-1{
    line-height: 1.1 !important;
}
.lh-1-2{
    line-height: 1.2 !important;
}
.wh-0-7rem{
    width: .7rem !important;
    height: .7rem !important;
}
.wh-0-8rem{
    width: .8rem !important;
    height: .8rem !important;
}
.wh-0-9rem{
    width: .9rem !important;
    height: .9rem !important;
}
.wh-1rem{
    width: 1rem !important;
    height: 1rem !important;
}
.wh-1-1rem{
    width: 1.1rem !important;
    height: 1.1rem !important;
}
.wh-1-2rem{
    width: 1.2rem !important;
    height: 1.2rem !important;
}
.mw-fit-content{
    max-width: fit-content !important;
}
.w-fit-content{
    width: fit-content !important;
}
.h-2-8rem{
    height: 2.8rem !important;
}
.cursor-pointer{
    cursor: pointer !important;
}
.cursor-default{
    cursor: default !important;
}
.ws-nowrap{
    white-space: nowrap !important;
}
.text-ellipsis{
    text-overflow: ellipsis !important;
}
.d-flex-same > * {
    flex: 1 !important;
}
.d-flex-same-h > * {
    height: 100% !important;
}
.color-main{
    color: var(--main) !important;
}
.color-black{
    color: var(--black1) !important;
}
.color-black2{
    color: var(--black2) !important;
}
.color-gray{
    color: var(--gray) !important;
}
.color-gray2{
    color: var(--gray2) !important;
}
.color-sky2{
    color: var(--sky2) !important;
}
.color-sky3{
    color: var(--sky3) !important;
}
.color-sky4{
    color: var(--sky4) !important;
}
.color-main-hover:hover{
    color: var(--main) !important;
}
.color-sky2-hover:hover{
    color: var(--sky2) !important;
}
.color-sky3-hover:hover{
    color: var(--sky3) !important;
}
.color-sky4-hover:hover{
    color: var(--sky4) !important;
}
.pe-6 {
    padding-right: 4rem !important;
}
.pe-7 {
    padding-right: 5rem !important;
}
.end-5{
    right: 2.2rem;
}
.bottom-2{
    bottom: .5rem;
}
.top-1px{
    top: 1px;
}
.rounded-4{
    border-radius: .5rem !important;
}
.rounded-5{
    border-radius: .75rem !important;
}
.rounded-6{
    border-radius: 1rem !important;
}
.rounded-7{
    border-radius: 1.25rem !important;
}
.rounded-8{
    border-radius: 1.5rem !important;
}
.h-100{
    height: 100% !important;
}
.bg-main{
    background-color: var(--main) !important;
}
.bg-main-onhover:hover{
    background-color: var(--white) !important;
}
.bg-sky{
    background: var(--sky) !important;
}
.bg-sky2{
    background: var(--sky2) !important;
}
.bg-sky3{
    background: var(--sky3) !important;
}
.bg-sky4{
    background: var(--sky4) !important;
}
.bg-bone{
    background: var(--bone) !important;
}
.bg-bone2{
    background: var(--bone2) !important;
}
.border-color-main{
    border-color: var(--main) !important;
}
.border-all-color-main{
    border: 1px solid var(--main) !important;
}
.border-color-bone2{
    border-color: var(--bone2) !important;
}
.border-color-onhover:hover{
    border-color: var(--sky2) !important;
}
.border-color-main-onhover:hover{
    border-color: var(--main) !important;
}
.border-color-main-onhover:hover{
    border:1px solid var(--main) !important;
}
.text-black-onhover:hover{
    color: var(--black2) !important;
}
.allways-down .dropdown-menu.show {
    inset: 0px 0px auto auto !important;
    top: 100% !important;
}
.btn-style-1 {
    display: flex;
    height: 1.7rem;
    line-height: 1;
    font-size: .8rem;
    font-weight: 400;
    border-radius: 2rem;
    color: var(--black1);
    align-items: center;
    background: transparent;
    outline: none !important;
    padding: 0 1.5rem 0 1.1rem;
    box-shadow: none !important;
    border: 1px solid var(--main);
}
    .btn-style-1.style-2{
        height: auto;
    }
    .btn-style-1:hover{
        color: var(--white);
        background: var(--main);
    }
        .btn-style-1:hover svg{
            color: var(--white) !important;
        }
    .btn-style-1::after{
        content: none;
    }
    .btn-style-1 svg {
        top: 0.4rem;
        right: 0.6rem;
        font-size: .7rem;
        position: absolute;
    }
        .btn-style-1.style-2 svg{
            top: 0rem;
            right: 0rem;
            font-size: 1rem;
            margin-left: .3rem;
            position: relative;
        }
    .btn-style-1[disabled]{
        user-select: none;
        pointer-events: none;
        opacity: 1 !important;
        border: 1px solid var(--gray2);
        color: var(--white) !important;
        background: var(--gray2) !important;
    }
        .btn-style-1[disabled] svg{
            color: var(--white) !important;
        }
@media screen and (max-width: 575px) {
    .btn-style-1{
        font-size: .8rem;
        padding: 0rem 1.2rem;
    }
}
.btn-style-2 {
    border: none;
    height: 2.3rem;
    font-size: .85rem;
    line-height: 2.3rem;
    color: var(--white);
    padding: 0rem 2.5rem;
    text-decoration: none;
    display: inline-block;
    border-radius: 0.2rem;
    background: var(--main);
    outline: none !important;
}
    .btn-style-2:hover{
        color: var(--main);
        background: var(--white);
        box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
    }
.btn-style-2[disabled]{
    user-select: none;
    pointer-events: none;
    opacity: 1 !important;
    border: 1px solid var(--gray2);
    color: var(--white) !important;
    background: var(--gray2) !important;
}
    .btn-style-2[disabled] svg{
        color: var(--white) !important;
    }
@media screen and (max-width: 575px) {
    .btn-style-2{
        font-size: .8rem;
        padding: 0rem 2rem;
    }
}
.btn-style-3 {
    border: none;
    height: 2.3rem;
    font-size: .85rem;
    line-height: 2.3rem;
    color: var(--white);
    padding: 0rem 2.5rem;
    text-decoration: none;
    display: inline-block;
    border-radius: 0.2rem;
    outline: none !important;
    background: var(--black2);
}
    .btn-style-3:hover{
        color: var(--main);
        background: var(--white);
        box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
    }
@media screen and (max-width: 575px) {
    .btn-style-3{
        font-size: .8rem;
        padding: 0rem 2rem;
    }
}
.btn-style-4{
    height: 2rem;
    border: none;
    padding: 0 1rem;
    box-shadow: none;
    font-size: .75rem;
    line-height: 1.4rem;
    border-radius: 0.25rem;
    outline: none !important;
    color: var(--white) !important;
    background: var(--black1) !important;
}
    .btn-style-4:hover{
        color: var(--black1) !important;
        background: var(--white) !important;
        box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important;
    }
    .btn-style-4[disabled]{
        user-select: none;
        pointer-events: none;
        opacity: 1 !important;
        color: var(--white) !important;
        background: var(--gray2) !important;
    }
.btn-style-5{
    height: 2rem;
    border: none;
    display: flex;
    padding: 0 1rem;
    box-shadow: none;
    font-size: .75rem;
    align-items: center;
    line-height: 1.4rem;
    border-radius: 0.25rem;
    outline: none !important;
    color: var(--white) !important;
    background: var(--main) !important;
}
    .btn-style-5:hover{
        color: var(--main) !important;
        background: var(--white) !important;
        box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important;
    }
    .btn-style-5[disabled]{
        user-select: none;
        pointer-events: none;
        opacity: 1 !important;
        color: var(--white) !important;
        background: var(--gray2) !important;
    }
.btn-style-6{
    height: 2rem;
    display: flex;
    padding: 0 1rem;
    box-shadow: none;
    font-size: .75rem;
    align-items: center;
    line-height: 1.4rem;
    outline: none !important;
    outline: none !important;
    border-radius: 0.3rem !important;
    background: var(--white) !important;
    box-shadow: var(--black1) !important;
    border: 1px solid var(--main) !important;
}
    .btn-style-6:hover{
        color: var(--white) !important;
        background: var(--main) !important;
    }
    .btn-check:checked+.btn-style-6{
        color: var(--white) !important;
        background: var(--main) !important;
    }
    .btn-style-6[disabled],
    .btn-check[disabled]+.btn-style-6{
        user-select: none;
        pointer-events: none;
        opacity: 1 !important;
        color: var(--white) !important;
        background: var(--gray2) !important;
        border: 1px solid var(--gray2) !important;
    }
.btn-style-7{
    height: 2rem;
    border: none;
    padding: 0 1rem;
    box-shadow: none;
    font-size: .75rem;
    line-height: 1.4rem;
    border-radius: 0.25rem;
    outline: none !important;
    color: var(--white) !important;
    background: var(--black2) !important;
}
    .btn-style-7.style-2{
        height: auto;
    }
    .btn-style-7:hover{
        color: var(--black1) !important;
        background: var(--white) !important;
        box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important;
    }
    .btn-style-7[disabled]{
        user-select: none;
        pointer-events: none;
        opacity: 1 !important;
        color: var(--white) !important;
        background: var(--gray2) !important;
    }
.btn-style-action {
    z-index: 1;
    display: flex;
    flex: 0 0 auto;
    cursor: pointer;
    padding: 0 0.8rem;
    align-items: center;
    color: var(--black2);
    justify-content: center;
    background: var(--white);
}
    .btn-style-action:hover{
        color: var(--white);
        background: var(--black1);
    }
    .btn-style-action svg {
        width: .9rem;
        height: .9rem;
    }
    .btn-style-action.style-2{
        color: var(--white);
        background: var(--black1);
    }
        .btn-style-action.style-2 svg{
            width: 1.2rem;
            height: 1.2rem;
        }
        .btn-style-action.style-2:hover{
            color: var(--black1);
            background: var(--white);
            box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important;
        }
    .btn-style-action.style-3{
        color: var(--black1);
        background: transparent;
    }
        .btn-style-action.style-3:hover{
            opacity: .7;
        }
    .btn-style-action.style-4{
        color: var(--white);
        background: var(--main);
    }
        .btn-style-action.style-4:hover{
            color: var(--main);
            background: var(--white);
            box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important;
        }
        .btn-style-action.style-4 svg {
            width: .7rem;
            height: .7rem;
        }
.input-style {
    width: 100%;
    height: 2.2rem;
    margin: 0 auto;
    padding: 0 1rem;
    box-shadow: none;
    text-align: left;
    font-size: .8rem;
    border-radius: .6rem;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--sky2);
    text-decoration: none !important;
}
    .input-style.style-2 {
        height: auto;
        padding: 0.3rem 1rem;
    }
    .input-style:hover,
    .input-style:focus {
        border-color: var(--main);
    }
    .input-style::placeholder{
        color: var(--sky3);
    }
    .input-style::placeholder{
        color: var(--sky3);
    }
    .input-style::-o-placeholder{
        color: var(--sky3);
    }
    .input-style::-ms-placeholder{
        color: var(--sky3);
    }
    .input-style::-moz-placeholder{
        color: var(--sky3);
    }
    .input-style::-webkit-placeholder{
        color: var(--sky3);
    }
    .input-style[disabled]{
        background: var(--gray2);
        border: 1px solid var(--white);
    }
.igt-style-1 {
    border: none;
    font-size: .75rem;
    padding: 0 0.5rem;
    color: var(--gray);
    background: transparent;
}
html .slider-range-multiple-style-1{
    height: .7rem;
    margin: 0 0.6rem;
    background: var(--white);
    cursor: pointer0 !important;
    border-radius: 1rem !important;
    border: 1px solid var(--sky2) !important;
}
    html .slider-range-multiple-style-1 .ui-slider-handle {
        border: none;
        top: -0.3rem;
        width: 1.2rem;
        height: 1.2rem;
        border-radius: 50%;
        background: var(--main);
        outline: none !important;
        box-shadow: none !important;
    }
    html .slider-range-multiple-style-1 .ui-slider-range{
        border: none;
        background: var(--main);
        outline: none !important;
        box-shadow: none !important;
        border-radius: 1rem !important;
    }
    html .slider-range-multiple-style-1.ui-slider-disabled {
        opacity: 1;
        background: var(--gray2) !important;
        border: 1px solid var(--gray2) !important;
    }
        html .slider-range-multiple-style-1.ui-slider-disabled .ui-slider-range,
        html .slider-range-multiple-style-1.ui-slider-disabled .ui-slider-handle{
            background: var(--gray2) !important;
        }
.offcanvas-header .btn-close{
    outline: none !important;
    box-shadow: none !important;
}
.tooltip {
    font-size: .7rem;
}
.outline-none{
    outline: none !important;
}
.boxshadow-none{
    box-shadow: none !important;
}
.boxshadow-onhover:hover{
    box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important;
}
.height-auto{
    height: auto !important;
}
.height-2-2{
    height: 2.2rem !important;
}
.height-2-2-2px{
    height: calc(2.2rem - 2px) !important;
}
.weak-strength{
    text-align: left;
    position: relative;
}
    .weak-strength .form-label {
        left: .9rem;
        top: -1.6rem;
        position: absolute;
    }
    .weak-strength input {
        padding-right: 2.5rem;
    }
        .weak-strength small {
            font-size: .65rem;
            color: var(--gray);
            margin-right: .8rem;
            vertical-align: top;
            display: inline-block;
        }
       .weak-strength span {
            top: 2.2rem;
            right: .8rem;
            font-size: .8rem;
            position: absolute;
        }
           .weak-strength span.weak{
                color: var(--bs-red);
            }
           .weak-strength span.normal{
                color: var(--bs-dark);
            }
           .weak-strength span.half{
                color: var(--bs-primary);
            }
           .weak-strength span.strong{
                color: var(--bs-success);
            }
        .weak-strength .show-pass {
            border: none;
            width: 2.2rem;
            right: 0.8rem;
            height: 2.2rem;
            font-size: 1rem;
            color: var(--gray);
            position: absolute;
            top: calc(50% - 2.2rem);
            background: transparent;
        }
            .weak-strength .show-pass:hover{
                color: var(--main);
			}
.link-on-text{
    font-weight: 600;
    color: var(--main);
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important;
}
    .link-on-text:hover{
        color: var(--main4);
    }
html .sp-style-1 {
    height: 2rem;
    outline: none !important;
    box-shadow: none !important;
}
    html .sp-style-1 .dropdown-toggle {
        height: 100%;
        font-size: .8rem;
        box-shadow: none;
        line-height: 1.4rem;
        opacity: 1 !important;
        outline: none !important;
        color: var(--white) !important;
        background: var(--main) !important;
    }
        html .sp-style-1 .dropdown-toggle:focus{
            outline: none !important;
        }
        html .sp-style-1 .dropdown-toggle:hover{
            color: var(--main) !important;
            background: var(--white) !important;
            box-shadow: 0 0 10px rgb(0 0 0 / 10%) !important;
        }
        html .sp-style-1 .dropdown-toggle.disabled {
            color: var(--white) !important;
            background: var(--gray2) !important;
        }
            html .sp-style-1 .dropdown-toggle .filter-option{
                display: flex;
                font-size: .75rem;
                align-items: center;
                justify-content: flex-start;
            }
        html .sp-style-1.bg-style-2 .dropdown-toggle{
            border-radius: 2rem;
            color: var(--main) !important;
            background: var(--white) !important;
            border: 1px solid var(--sky4) !important;
            box-shadow: 0 0 10px rgb(0 0 0 / 0%) !important;
            transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
        }
            html .sp-style-1.bg-style-2 .dropdown-toggle:focus{
                outline: none !important;
            }
            html .sp-style-1.bg-style-2 .dropdown-toggle:hover{
                color: var(--white) !important;
                background: var(--main) !important;
                border: 1px solid var(--main) !important;
            }
            html .sp-style-1.bg-style-2 .dropdown-toggle.disabled {
                color: var(--white) !important;
                background: var(--gray2) !important;
                border: 1px solid var(--gray2) !important;
            }
    html .sp-style-1 .dropdown-menu{
        padding: 0;
    }
        html .sp-style-1 .dropdown-menu li.dropdown-header .text {
            font-weight: 600;
            font-size: .8rem;
            color: var(--black2);
        }
        html .sp-style-1 .dropdown-menu li a {
            font-size: .8rem;
            position: relative;
            padding: 0.6rem 1rem;
            transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
        }
            html .sp-style-1 .dropdown-menu li a:hover {
                color: var(--white);
                background: var(--main);
            }
            html .sp-style-1 .dropdown-menu li a.active, 
            html .sp-style-1 .dropdown-menu li a.selected {
                color: var(--white);
                background: var(--main4);
            }
        html .sp-style-1 .dropdown-menu li button {
            font-size: .8rem;
            padding: 0.6rem 1rem;
            transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
        }
            html .sp-style-1 .dropdown-menu li button:hover {
                color: var(--white);
                background: var(--main);
            }
            html .sp-style-1 .dropdown-menu li button.active, 
            html .sp-style-1 .dropdown-menu li button.selected {
                color: var(--white);
                background: var(--main4);
            }
    html .sp-style-1 .bs-searchbox {
        padding: 0;
    }
        html .sp-style-1 .bs-searchbox [type="search"] {
            height: 2rem;
            padding: 0 1rem;
            border-radius: 0;
            outline: none !important;
            box-shadow: none !important;
            border: 1px solid var(--sky4);
        }
            html .sp-style-1 .bs-searchbox [type="search"]:hover,
            html .sp-style-1 .bs-searchbox [type="search"]:focus{
                border: 1px solid var(--main);
            }
            html .sp-style-1 .bs-searchbox [type="search"]::placeholder {
                font-size: .8rem;
                color: var(--sky4);
            }
            html .sp-style-1 .bs-searchbox [type="search"]::-o-placeholder {
                font-size: .8rem;
                color: var(--sky4);
            }
            html .sp-style-1 .bs-searchbox [type="search"]::-ms-placeholder {
                font-size: .8rem;
                color: var(--sky4);
            }
            html .sp-style-1 .bs-searchbox [type="search"]::-moz-placeholder {
                font-size: .8rem;
                color: var(--sky4);
            }
            html .sp-style-1 .bs-searchbox [type="search"]::-webkit-placeholder {
                font-size: .8rem;
                color: var(--sky4);
            }
    html .sp-style-1 .dropdown-menu .no-results {
        padding: 0.5rem;
        font-size: .8rem;
        text-align: center;
        background: transparent;
    }
    html .sp-style-1 .bs-select-clear-selected {
        font-size: 1.5rem;
    }
html .sp-style-1.style-1 .dropdown-toggle {
    color: var(--black1) !important;
    background: transparent !important;
    border-color: transparent !important;
} 
    html .sp-style-1.style-1 .dropdown-toggle:hover{
        border-color: var(--main) !important;
    }
    html .sp-style-1.style-1.fw-bolder .dropdown-toggle{
        font-weight: 600 !important;
    }
    html .sp-style-1.style-1.fs-5 .dropdown-toggle .filter-option-inner-inner{
        font-size: .9rem !important;
    }
    html .sp-style-1.style-1 .dropdown-toggle:focus{
        outline: none !important;
    }
    html .sp-style-1.style-1 .dropdown-toggle:hover{
        color: var(--white) !important;
        background: var(--main) !important;
        border: 1px solid var(--main) !important;
    }
    html .sp-style-1.style-1 .dropdown-toggle.disabled {
        color: var(--white) !important;
        background: var(--gray2) !important;
        border: 1px solid var(--gray2) !important;
    }
html .fc-style-1 {
    min-height: auto;
    padding-left: 3rem;
    position: relative;
}
    html .fc-style-1 .form-check-input {
        left: 0rem;
        height: 1rem;
        width: 2.5rem;
        cursor: pointer;
        position: absolute;
        margin: 0 !important;
        top: calc(50% - 0.5rem);
        outline: none !important;
        box-shadow: none !important;
        background-color: transparent;
        filter: brightness(100%) !important;
    }
        html .fc-style-1 .form-check-input:hover{
            border-color: var(--sky4);
            background-color: var(--sky4);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
        }
        html .fc-style-1 .form-check-input:checked{
            border-color: var(--main);
            background-color: var(--main);
        }
        html .fc-style-1 .form-check-input[disabled]{
            outline: none !important;
            box-shadow: none !important;
            background-color: transparent;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        }
    html .fc-style-1 .form-check-label{
        cursor: pointer;
        font-size: .8rem;
        user-select: none;
    }
.section-title {
    font-size: .9rem;
    line-height: 1.3;
    position: relative;
    margin-bottom: 1.4rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--sky2);
}
    .section-title button {
        right: 0;
        top: 50%;
        padding: 0;
        width: 2rem;
        border: none;
        display: flex;
        height: 1.5rem;
        font-size: 1.3rem;
        position: absolute;
        align-items: center;
        color: var(--black1);
        justify-content: center;
        background: transparent;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
        .section-title button:hover{
            color: var(--main4);
        }
.bootstrap-select.bs-container .dropdown-menu > .alert {
    margin: 0;
    bottom: 0;
    z-index: 1;
    padding: 0.4rem;
    font-size: .8rem;
    user-select: none;
    text-align: center;
    position: absolute;
    pointer-events: none;
}
.bootbox-close-button.close {
    top: 1rem;
    right: 1rem;
    opacity: .5;
    border: none;
    height: 1.3rem;
    line-height: 0;
    font-size: 2rem;
    position: absolute;
    background: transparent;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
    .bootbox-close-button.close:hover{
        opacity: 1;
    }
.bootbox-body {
    text-align: center;
    font-size: .9rem;
    color: var(--black2);
}
.bootbox .modal-footer {
    text-align: center;
    justify-content: center;
}
.modal-backdrop {
    opacity: .8 !important;
    background: var(--white) !important;
}
.modal-header {
    padding: 1.2rem 0;
}
    .modal-header .btn-close{
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }
        .modal-header .btn-close:hover{
            color: var(--main);
        }
        .modal-header .btn-close svg {
            height: 1.1rem;
        }
    .modal-header .modal-title {
        line-height: 1;
        font-weight: 300;
        font-size: 1.1rem;
    }
.modal-content {
    padding: 0 0.8rem;
    border-color: var(--sky2);
    box-shadow: 0 0 10px rgb(0 0 0 / 8%);
}
.modal-footer{
    border: none;
}
.dropdown-item:focus{
    color: var(--black2) !important;
    background-color: transparent !important;
}
.dropdown-menu-select-style {
    border: 0;
    min-width: 0;
    border-radius: 0;
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
}
    .dropdown-menu-item-select-style a {
        font-size: .8rem;
        padding: 0.4rem 1.5rem;
    }
    .dropdown-menu-item-select-style a:hover{
        color: var(--white);
        background-color: var(--main4);
    }
    .dropdown-menu-item-select-style a.active{
        user-select: none;
        color: var(--white);
        pointer-events: none;
        background-color: var(--main);
    }
#header{
    z-index: 3;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
    #header nav{
        padding: .5rem 1rem;
        background: var(--white) !important;
    }
        #header nav .navbar-brand{
            line-height: 1;
        }
    #header #headerUserMenu+.dropdown-menu{
        overflow: hidden;
        border-radius: .4rem;
        padding: 0.8rem 1rem !important;
        border: 1px solid rgb(0 0 0 / 15%);
    }
        #header #headerUserMenu+.dropdown-menu .dropdown-divider {
            margin: 1rem 0;
            border-color: var(--sky4);
        }
        #header #headerUserMenu+.dropdown-menu a {
            padding: 0;
            cursor: pointer;
            font-weight: 500;
            font-size: .9rem;
            user-select: none;
            pointer-events: auto;
            color: var(--black2);
            margin-bottom: 0.5rem;
            background: transparent;
        }
            #header #headerUserMenu+.dropdown-menu a:hover{
                color: var(--main);
            }
            #header #headerUserMenu+.dropdown-menu a svg {
                width: 1rem;
                color: var(--main);
                margin-right: 0.7rem;
            }
            #header #headerUserMenu+.dropdown-menu a.disabled{
                color: var(--gray);
            }
                #header #headerUserMenu+.dropdown-menu a.disabled svg{
                    color: var(--gray);
                }
#header .navbar-toggler {
    padding: 0;
    font-size: 2rem;
    color: var(--main);
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
    #header .navbar-toggler:hover {
        color: var(--main4);
    }
@media screen and (max-width: 575px) {
    #header nav .navbar-brand {
        margin: auto;
    }
        #header.only-landing-menu nav .navbar-brand{
            margin: 0;
        }
    #header .actions {
        display: block;
        flex: 0 0 100%;
        margin-top: 0.7rem;
        text-align: center;
        align-items: center;
        margin-bottom: 0.5rem;
        justify-content: center;
    }
        #header.only-landing-menu .actions{
            flex: 1;
            justify-content: flex-end;
        }
}