@import url('admin/flag-icon.min.css');

body {
    background: #f1f1f1;
    font-family: var(--bs-body-font-family);
    font-size: 1rem;
}
body * {
    line-height: 1.5;
}
a {
    transition: 0.3s ease-in-out;
}
h1{
    font-size: calc(1.3625rem + 1.35vw)
}
h2{
    font-size: calc(1.325rem + 0.9vw)
}
h3{
    font-size: calc(1.2875rem + 0.45vw)
}
h4{
    font-size: calc(1.2625rem + 0.15vw)
}
h5{
    font-size: 1.125rem
}
h6 {
    font-size: 0.9375rem
}
h1,h2,h3,h4,h5,h6 {
    font-family: var(--bs-title-font-family);
    color: var(--body-text-color);
    margin: 0;
    padding: 0;
    font-weight: 700;
}
img { max-width: 100%; }
.bx { position: relative;}
.btn-icon .bx { top: 0; }
.container {
    max-width: 1244px;
}
.text-nowrap-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
select.form-control-sm {
    padding: .244rem .6rem;
    min-height: calc(1.4em + 0.338rem + 1px);
    padding: .169rem .6rem;
    font-size: 0.92rem;
    border-radius: .1875rem;
}
select {
    background-position: right 0 center !important;
}
.bootstrap-select .dropdown-toggle.show,
.select2-search--dropdown .select2-search__field:focus {
    border-color: #2E5DD2 !important;
}
.select2-search--dropdown .select2-search__field {
    font-size: 0.92rem;
    padding: 1px 4px;
    /* padding: 0.244rem 0.5rem; */
    border-radius: .1rem !important;
    box-shadow: none;
}
.bootstrap-select .filter-option-inner-inner{
    margin-right: 0.25rem;
}
.light-style .select2-container--default .select2-results__option {
    padding: 0.313rem 0.735rem;
}
.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 31px;
    padding-right: 1.8rem !important;
    color: #475f7b;
}
.light-style .select2-container--default .select2-selection--single .select2-selection__clear{
    height: 30px;
}
.light-style .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    width: 1.8rem
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 10px;
    width: 15px;
    top: 32%;
    background-size: 15px 10px;
}
.light-style .select2-container--default .select2-selection--single {
    height: 31px;
}
.light-style .select2-container--default .select2-selection--multiple {
    min-height: 31px;
}
.light-style .select2-selection--multiple .select2-selection__rendered {
    padding: 0 0.4rem 0 0.4rem;
}
.light-style .select2-selection--multiple .select2-selection__choice {
    margin-top: 0.2rem;
}
.light-style .form-control-sm + .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 27px;
}
.light-style .form-control-sm + .select2-container--default .select2-selection--single .select2-selection__clear,
.light-style .form-control-sm + .select2-container--default .select2-selection--single .select2-selection__arrow,
.light-style .form-control-sm + .select2-container--default .select2-selection--single {
    height: 28px;
}
.light-style .form-control-sm + .select2-container--default .select2-selection--multiple {
    min-height: 28px;
}
.light-style .form-control-sm + .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 1.5rem;
}
.light-style .form-control-sm + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-size: 10px;
    width: 11px;
    top: 28%;
}
.light-style .form-control-sm + .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 1.75rem;
    font-size: 0.92rem;
}
.light-style .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #5a8dee;
}
.light-style .select-primary + .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #fff;
    background-color: #5a8dee;
}
.light-style .select2-container--default .select2-selection--multiple .select2-search__field {
    margin-top: 3px;
}
.light-style .select2-selection--multiple .select2-selection__clear {
    margin-top: 3px;
}
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}
.form-label {
    text-transform: none;
}
.gender-container ul{
    margin-bottom: 0;
}
.bootstrap-maxlength {
    font-size: 0.7rem !important;
    padding: 0 0.5rem !important;
}
.label-danger {
    background: var(--danger-color) !important;
    color: #fff;
}
#rating,
#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}
.btn-view-all {
    color: var(--primary-color);
    transition: 0.3s ease-in-out;
    font-weight: bold;
    padding: 0.25rem 0.15rem;
}
.btn-view-all:hover {
    color: var(--body-text-color);
    text-decoration: underline;
}
.btn-view-all .bx {
    top: 3px;
    font-size: 1.2rem;
}
#btn-to-top {
    position: fixed;
    width: 40px;
    height: 40px;
    padding: 0 0 3px 0;
    bottom: 15px;
    right: 15px;
    z-index: 98;
    border-radius: 50%;
    box-shadow: none;
    background: var(--primary-color);
    color: var(--body-text-white-color);
}
#btn-to-top i {
    font-size: 18px;
    font-weight: bold;
}
#btn-to-top:hover i::before {
    border-bottom: 1px solid var(--body-text-white-color);
}
#btn-to-top:hover {
    background: var(--body-text-color);
}
[type='checkbox'], [type='radio'] {
    color: var(--primary-color);
}
.required {
    color: #ff5b5c;
}
.invalid-feedback {
    font-size: 0.65rem;
    margin-top: 0;
    position: absolute !important;
}
.rounded-sm {
    padding: 0.22rem;
}
body.is-loading {
    margin: 0;
    height: 100%;
    overflow: hidden
}
body .custom-loading-screen {
    display: none;
}
body.is-loading .custom-loading-screen {
    display: block;
}
body.is-loading .custom-loading-screen > div.loading-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
body.is-loading .custom-loading-screen{
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9991;
}
.share-on-container{
    margin: 0 auto;
    position: relative;
}
.share-on-container .btn-close-loader{
    color: #fff;
    position: fixed;
    top: 20px;
    right: 20px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.share-on-container .btn-close-loader:hover{
    color: #999
}
.share-on-container .title{
    color: #fff;
    margin-bottom: 5px;
}
.share-on-container input{
    display: block;
    width: 100%;
    text-align: center;
    padding: 2px 0;
    font-size: 1.1rem;
    color: #fff;
    border: none !important;
    box-shadow: none !important;
    background: transparent;
}
.hover-text-accent:hover,
.text-accent {
    color: var(--accent-color) !important
}
.text-link {
    color: var(--accent-color);
}
.text-link:hover {
    color: var(--accent-color);
    text-decoration: underline;
}

/* *`xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    /* body {
        background: cyan;
    } */
}

/* *`xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    /* body {
        background: yellow;
    } */
}

/* *`lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    /* body {
        background: green;
    } */
}

/* *`md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    /* body {
        background: blue;
    } */
}

/* *`sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /* body {
        background: red;
    } */
}