@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
:root {  
    --color-main:var(--color-white);
    --color-primary:#B4E7FB;
    --color-primary-light:#F7B500;
    --color-status-primary:#0073BC;
    --color-primary-bg:#00A1E4;
    --color-sercondary-12:rgba(0, 115, 188, 0.12);
    --color-sercondary-24:rgba(0, 115, 188, 0.24);
    --color-sercondary-50:rgba(0, 115, 188, 0.50);
    --color-sercondary-100:rgba(0, 115, 188, 1);
    --color-mask:rgba(0, 115, 188, 1);

    --color-status-light:#E3F7FC;
    --color-status-error:#E55555;
    --border-color:#E7E7E6;
    --color-white:rgba(255, 255, 255, 0.87);
    --color-error:#EE8181;
    --background-icon:radial-gradient(99.11% 99.11% at 50% 0.89%, #FFF 0%, #B5E4FF 100%);
    --color-gradient-01:#84D7FF;
    --color-gradient-02:#84D7FF;
    --color-gradient-03:#84D7FF;
    --color-gradient-04:#84D7FF;
    --color-gradient-05:#FCFDB5;
    --Colors-Button-Colors-button-sub-primary: #E8F7FC;
}
.status_process {
    background-color: rgba(255, 255, 255, 0.12);
}
.status_error {color: var(--color-white);}
html {
    /*overflow-x: hidden;*/
}
/*custom color*/
.otp-line-item.active {border-color: #00a1e4;}
.box-tran .otp-line-item.active {border-color: var(--color-primary);}
.banner-box {
    background-color: #fff;
}
.page-link:hover {
    background-color: #00A1E4;
    border-color: #00A1E4;
}
body>.select2-container .select2-dropdown [aria-selected="true"] {
    color: #00A1E4;
}
.pagination-active {
    background-color: #00A1E4;
}
.active.item-ava .item-style .item-pic .bor-radius {
    border-color: #00A1E4; 
}
.active.item-ava .item-style-text{
    color: #00A1E4;
 }

input[type="radio"]:checked~.box.box--light {
    border: 1px solid #00A1E4;
}
.owl-slide label.touch.checked {
    border-color: #00A1E4;
}
div.owl-theme .owl-dots .owl-dot.active,
.owl-theme .owl-dots .owl-dot:hover {
    background: #00A1E4;
}
.link_lightmode {
    color: #005D98;
    text-decoration: underline !important;
}
.color-link {color: #005D98;}
.hover-c:hover {
    color: #00A1E4;
}

.hover-uc:hover {
    text-decoration: none;
    color: #00A1E4;
}
.tk-money .h5{
    color: var(--color-primary-light);font-weight: bold;
}
.radio-wrap input[type=radio]:checked ~ .box-checked-light, .radio-wrap input[type=radio]:checked ~ * .box-checked-light {
    box-shadow: inset 0 0 0 1px #00A1E4;
}
.radio-wrap input[type=radio]:checked ~ .ic-radio, .radio-wrap input[type=radio]:checked ~ * .ic-radio {
    border-color: #00A1E4;
    box-shadow: inset 0 0 0 2px #110f0d;
    background-color: #00A1E4;
}
.custom-control-input:checked~.custom-control-label::before,
.custom-control-input:indeterminate~.custom-control-label::after {
    border-color: #00A1E4;
    background-color: #00A1E4;
}
input[type="radio"]:checked~.radio-text {
    color: #00A1E4;
}
input[type="radio"]:checked~.radio-style-2.radio-ic {
    border-color: #00A1E4;
}
input[type="radio"]:checked~.radio-style-2.radio-ic::after {
    background-color: #00A1E4;
}  
.select2.select2-container--open .select2-selection {
    border-color: var(--color-primary);
}
.input-material~.select2-container--open .select2-selection--single {
    border-color: var(--color-primary) !important;
}
.box-tran .sidebar__list {
    background-color: rgba(255, 255, 255, 0.08);
}
.accordion .sidebar__list>.sidebar__item>.text {
    color: var(--color-primary);
}
.dropdown-menu li:hover .dropdown-text {
    color: #005d98;
}
.ubg-secondary {
    color: #005d98 !important;
    background-color: #e1f6fd;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: linear-gradient(-120deg, #00B1EF 0%, #005D97 100%);
}
.breadcrumb-item a:hover {
    color: var(--color-primary);
}
.sidebar {
    background-color: rgba(14, 32, 44, 0.87);
}
.sidebar .box {
    background: rgba(255, 255, 255, 0.08);
}
.sidebar-mini__body {
    background-color: #0B161E !important;
}
.sidebar-mini-active {
    background: linear-gradient(-120deg, #00B1EF 0%, #005D97 100%);
}
.copyright_slider,
.input-md~.btn-group.open.input-material~.input-label, .input-md.input-hadval.input-material~.input-label, .input-md.input-autoval.input-material~.input-label {
    color: var(--color-primary);
}
.color-primary {
    color: var(--color-primary) !important;
}
.modal-dialog:not(.modal-dialog-right-top) .color-primary {
    color: #005D98 !important;
}
.cards_pic .color-primary {
    color: #005D98 !important;
}
table .color-primary {
    color: #00A1E4 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #005D98;
}
.input-clean:focus, .input-clean.light-pick-focus {
    border-color: var(--color-primary);
}
.input:focus~.input-line-bar:after, .input.light-pick-focus~.input-line-bar:after, .input~.btn-group.open~.input-line-bar:after {
    border-color: var(--color-primary);
}
input[type="checkbox"]:checked~.checkbox-ic {
    border-color: #00A1E4;
    background-color: #00A1E4;
}
/*custom color end*/
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 0;
}

.select2-container--default .select2-selection--single {
    padding-right: 30px;
}
.z-index2 {z-index: 2; position: relative;}
.underline {
    text-decoration: underline !important;
}
.slider_carousel_2 .owl-stage {padding-left: 0 !important;}
.text-link a {
    color: var(--color-primary);
    font-size: 12px;
}
.list-col .list-link-item.no-hover:hover {
    background-color:inherit !important;
}
.text-link a:hover {
    color: var(--color-primary);
    opacity: 0.85;
}
.list-pd30>* {
    padding-left: 24px;
    padding-right: 24px;
}

/* date piker*/

.month-item-header>div {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: left;
}

.month-item-header>button {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.box-checkbox .checkbox-text a {
    text-decoration: underline !important;
}

.litepicker-mobile-header {
    width: 100%;
    margin-bottom: 0;
    min-height: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 16px;
    border-bottom: 1px solid rgba(50, 46, 34, 0.08);
}

.litepicker-mobile-header-title.h3 {
    font-size: 16px;
    font-weight: 600;
}

.litepicker__close-action {
    width: 44px;
    height: 44px;
}

.litepicker-mobile-header--main .row .col-auto {
    padding-right: 0;
}

.litepicker-mobile-header--main,
.litepicker-mobile-header--main>.row {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.align-items-center {
    -ms-flex-align: center!important;
    -webkit-box-align: center!important;
    align-items: center!important;
}


.month-item-year {
    width: 76px;
}
.litepicker .container__days .day-item.is-today {
    color: #005D98;
}
.litepicker .container__days .day-item.is-today.is-start-date.is-end-date {color: #fff;}
.litepicker .container__months .month-item-header div>.month-item-name,
.litepicker .container__months .month-item-header div>.month-item-year {
    cursor: pointer;
    height: 40px;
    margin-right: 8px;
    direction: ltr;
    padding: 0 20px 0 10px;
    line-height: 40px;
    border-radius: 5px;
    background-color: rgba(234, 239, 243, 0.6);
    background-image: url(../images/web/icons/primary/arrow-dropdown.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center right 0;
    font-size: 14px;
    font-weight: 500;
}

.litepicker .container__months .month-item-header .button-previous-month,
.litepicker .container__months .month-item-header .button-next-month {
    visibility: inherit;
}

.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
    background-color: #00A1E4; color: #fff;
}

.litepicker .container__days .day-item:hover {
    color: #00A1E4;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.litepicker .container__days .day-item.is-start-date:hover,
.litepicker .container__days .day-item.is-end-date:hover {
    color: #fff;
}

.litepicker .container__days .day-item.is-in-range {
    background-color: rgba(0, 0, 0, 0.05);
}

.month-item-header {
    font: 16px "Nunito Sans", "Arial", sans-serif;
}

.button-next-month,
.button-previous-month {
    width: 26px;
    height: 26px;
    outline: 0;
    border: none;
    border-radius: 8px!important;
    background-color: transparent;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer!important;
    outline: 0!important;
}

.litepicker .container__months .month-item-header .button-next-month {
    background: url(../images/base/icons/arrow-right/arrow_right.svg) no-repeat 0 0;
}

.litepicker .container__months .month-item-header .button-previous-month {
    background: url(../images/base/icons/arrow-right/arrow_left.svg) no-repeat 0 0;
}

.button-next-month svg,
.button-previous-month svg {
    display: none;
}


/*datepicker end*/

.valid-error {
    color: var(--color-error);
}

.box.bg-white04 {
    background: rgba(255, 255, 255, 0.04);
}

.dashboard_ic img {
    filter: drop-shadow(0px 2px 4px rgba(0 0 0 / 0.24)); margin-left: 1.5px;
}

.text-upper {
    text-transform: uppercase;
}

.color-error {
    color: var(--color-error);
}

.justify-content-left {
    justify-content: left !important;
}

.txt-lower {
    text-transform: inherit !important;
}

.search-list:not(.show) {
    display: none;
}

.search-list {
    -webkit-box-shadow: 3px 5px 40px 0 rgb(36 40 65 / 16%);
    box-shadow: 3px 5px 40px 0 rgb(36 40 65 / 16%);
    border-radius: 8px;
    background-color: #fff;
    position: absolute;
    top: 65px;
    width: 100%;
    z-index: 999;
}

.search-list li {
    border-radius: 8px;
    position: relative;
    padding: 16px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    cursor: pointer;
}

.search-list li:after {
    content: "";
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-size: 16px 16px;
    color: var(--color-primary);
    position: absolute;
    right: 0;
    width: 30px;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 36px;
}

.search-list li.selected:after {
    background-image: url(../images/web/icons/primary/ic_check.svg);
}

.search-list li.selected,
.search-list li:hover {
    background-color: rgba(50, 46, 34, 0.04);
    color: var(--color-primary);
}

.item_row {
    padding: 16px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.item_row:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.item_row .col-md-5>*,
.item_row .col-md-4>* {
    margin-bottom: 2px;
}

.title_modules {
    padding: 15px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.item_row .col1-flex::after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: 7px;
    top: 0;
    background-color: rgba(255, 255, 255, 0.08);
    content: "";
    display: block;
}

/*heigh*/

.height-full {
    height: 100% !important;
}


.module {
    height: 100% !important;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.module .boxmodule {
    display: flex;
    flex-direction: column;
}

.module .boxmodule-1 {
    flex: 1;
}

.module .boxmodule-2 {
    height: 140px;
}

.modal-body .line {
    margin: 12px ​0 15px;
}


/*heigh end*/


/*form*/

.toast.fade:not(.show) {
    height: 0;
}

.valid-feedback {
    /*padding-left: 16px;*/
    color: #84EE81;
}

.is-valid~label,
.is-valid~.valid-feedback {
    color: #84EE81 !important;
}

.is-invalid~label,
.is-invalid~.valid-feedback {
    color: var(--color-error) !important;
}

.is-warning~label,
.is-warning~.valid-feedback {
    color: #DE9B60 !important;
}

.is-valid~.valid-feedback,
.is-invalid~.valid-feedback,
.is-warning~.valid-feedback {
    display: block;
}

.is-valid.input-material,
.is-invalid.input-material,
.is-warning.input-material {
    padding-right: calc(1.5em + .75rem);
    background-repeat: no-repeat;
    background-position: right calc(.775em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
/*
.is-valid.input-material {
    background-image: url(../images/web/icons/primary/form_ic_success.svg);
}

.is-warning.input-material {
    background-image: url(../images/web/icons/primary/form_ic_info.svg);
}

.is-invalid.input-material {
    background-image: url(../images/web/icons/primary/form_ic_error.svg);
}
*/
.is-invalid.input-material~.ubg-secondary.login-eye {
    display: none;
}

.is-valid~.input-ic,
.is-invalid~.input-ic,
.is-warning~.input-ic {
    /*right: 30px;
    width: 32px;*/
}


/*Form end*/

.carousel-logo.owl-carousel .owl-item img {
    display: inline-block;
    width: 100%;
    min-width: 24px;
    border-radius: 100%;
    min-height: 24px;
    max-width: 44px;
}

.carousel-logo.mb15 {
    margin-bottom: 15px;
}

.row.list-pv10.align-center.radio_default {
    margin-bottom: 24px;
}

.owl-carousel label.touch {
    position: relative;
}

.carousel-logo label.touch {
    height: 44px;
    line-height: 41px;
    width: 44px;
    background-color: rgba(255, 255, 255, 0.12);
	margin-left: 2px;
}

.carousel-logo label.touch.checked {
    border-color: var(--color-primary);
    background: transparent;
}

.owl-carousel input[type=radio] {
    position: absolute;
    width: 100%;
    cursor: pointer;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
}


/*intro*/

.introjs-tooltip-header {
    padding-left: 15px;
    padding-right: 15px;
}

.introjs-tooltip-title {
    font-size: 15px;
}

.introjs-tooltiptext {
    padding: 5px 15px;
    font-size: 14px;
}

.introjs-tooltip {
    min-width: 300px;
    max-width: 400px;
}

.introjs-fixedTooltip {
    box-shadow: rgb(33 33 33 / 87%) 0px 0px 1px 2px, rgb(33 33 33 / 87%) 0px 0px 0px 5000px !important;
}

.introjs-skipbutton {
    color: #9E8762 !important;
    position: absolute;
    font-size: 12px;
    font-weight: 300;
    bottom: 15px;
    left: 50%;
    width: 100px;
    margin-left: -50px;
}

.introjs-button {
    border: none;
    padding: .4rem 1.3rem;
    font-size: 0;
    background-size: 18px;
}

.introjs-button:focus {
    box-shadow: inherit;
    border: none;
}

.introjs-tooltipbuttons {
    border-top: none;
}

.introjs-prevbutton.introjs-disabled:focus,
.introjs-prevbutton.introjs-disabled:hover {
    background: url(../images/web/icons/dark/intro_arr_left.svg) no-repeat center center rgba(50, 46, 34, 0.04);
}

.introjs-nextbutton.introjs-disabled:focus,
.introjs-nextbutton.introjs-disabled:hover {
    background: url(../images/web/icons/dark/intro_arr_right.svg) no-repeat center center rgba(50, 46, 34, 0.04);
}

.introjs-prevbutton {
    float: none;
    background: url(../images/web/icons/dark/intro_arr_left.svg) no-repeat center center rgba(50, 46, 34, 0.04);
}

.introjs-nextbutton {
    background: url(../images/web/icons/dark/intro_arr_right.svg) no-repeat center center rgba(50, 46, 34, 0.04);
}

.introjs-bullets {
    display: none;
}

.introjs-disabled.introjs-prevbutton {
    background: url(../images/web/icons/dark/intro_arr_left_active.svg) no-repeat center center rgba(50, 46, 34, 0.04);
}

.introjs-disabled.introjs-nextbutton,
.introjs-nextbutton.introjs-donebutton {
    background: url(../images/web/icons/dark/intro_arr_right_active.svg) no-repeat center center rgba(50, 46, 34, 0.04);
}

.introjs-button:hover {
    background-color: rgba(50, 46, 34, 0.06);
}


/*intro end*/


/*Spin*/

.spinner {
    position: relative;
}

.spinner:before {
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 50%;
    border: 2px solid #D1D3E0;
    border-right: 2px solid transparent;
}

.spinner:before {
    width: 1rem;
    height: 1rem;
    margin-top: -0.55rem;
}

.spinner.spinner-center:before {
    left: 50%;
    margin-left: -0.75rem;
}

.spinner.spinner-left:before {
    right: auto;
}

.spinner.spinner-right:before {
    left: auto;
}

.spinner.spinner-sm:before {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -0.625rem;
}

.spinner.spinner-sm.spinner-center:before {
    left: 50%;
    margin-left: -0.625rem;
}

.spinner.spinner-sm.spinner-left:before {
    right: auto;
}

.spinner.spinner-sm.spinner-right:before {
    left: auto;
}

.spinner.spinner-lg:before {
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
}

.spinner.spinner-lg.spinner-center:before {
    left: 50%;
    margin-left: -1rem;
}

.spinner.spinner-lg.spinner-left:before {
    right: auto;
}

.spinner.spinner-lg.spinner-right:before {
    left: auto;
}

.spinner:before {
    -webkit-animation: animation-spinner .5s linear infinite;
    animation: animation-spinner .5s linear infinite;
}

.spinner.spinner-primary:before {
    border: 2px solid #3699FF;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-primary:before {
    border: 2px solid #1287ff;
    border-right: 2px solid transparent;
}

.spinner.spinner-secondary:before {
    border: 2px solid #E4E6EF;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-secondary:before {
    border: 2px solid #ced1e2;
    border-right: 2px solid transparent;
}

.spinner.spinner-success:before {
    border: 2px solid #1BC5BD;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-success:before {
    border: 2px solid #17a69f;
    border-right: 2px solid transparent;
}

.spinner.spinner-info:before {
    border: 2px solid #8950FC;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-info:before {
    border: 2px solid #712dfb;
    border-right: 2px solid transparent;
}

.spinner.spinner-warning:before {
    border: 2px solid #FFA800;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-warning:before {
    border: 2px solid #db9000;
    border-right: 2px solid transparent;
}

.spinner.spinner-danger:before {
    border: 2px solid #F64E60;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-danger:before {
    border: 2px solid #f42c41;
    border-right: 2px solid transparent;
}

.spinner.spinner-light:before {
    border: 2px solid #F3F6F9;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-light:before {
    border: 2px solid #dbe4ed;
    border-right: 2px solid transparent;
}

.spinner.spinner-dark:before {
    border: 2px solid #181C32;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-dark:before {
    border: 2px solid #0c0e1a;
    border-right: 2px solid transparent;
}

.spinner.spinner-white:before {
    border: 2px solid #ffffff;
    border-right: 2px solid transparent;
}

.spinner.spinner-darker-white:before {
    border: 2px solid #ededed;
    border-right: 2px solid transparent;
}

.spinner.spinner-right:before {
    left: auto;
    right: 1rem;
}

.spinner.spinner-right.ubtn:not(.btn-block) {
    padding-right: 2rem;
}

.spinner.spinner-right.ubtn:not(.btn-block).spinner-sm {
    padding-right: 2rem;
}

.spinner.spinner-right.ubtn:not(.btn-block).spinner-lg {
    padding-right: 3rem;
}

.spinner.spinner-left:before {
    right: auto;
    left: 1rem;
}

.spinner.spinner-left.ubtn:not(.btn-block) {
    padding-left: 2rem;
}

.spinner.spinner-left.ubtn:not(.btn-block).spinner-sm {
    padding-left: 2rem;
}

.spinner.spinner-left.ubtn:not(.btn-block).spinner-lg {
    padding-left: 3rem;
}

.spinner.spinner-track:before {
    -webkit-animation: animation-spinner .5s linear infinite;
    animation: animation-spinner .5s linear infinite;
}

.spinner.spinner-track.spinner-primary:before {
    border: 2px solid #cfe7ff;
    border-top-color: #2791ff;
}

.spinner.spinner-track.spinner-darker-primary:before {
    border: 2px solid #9ccdff;
    border-top-color: #037fff;
}

.spinner.spinner-track.spinner-secondary:before {
    border: 2px solid white;
    border-top-color: #dadde9;
}

.spinner.spinner-track.spinner-darker-secondary:before {
    border: 2px solid white;
    border-top-color: #c4c8dc;
}

.spinner.spinner-track.spinner-success:before {
    border: 2px solid #8aefea;
    border-top-color: #19b8b0;
}

.spinner.spinner-track.spinner-darker-success:before {
    border: 2px solid #5de9e2;
    border-top-color: #159892;
}

.spinner.spinner-track.spinner-info:before {
    border: 2px solid #eee6ff;
    border-top-color: #7f41fc;
}

.spinner.spinner-track.spinner-darker-info:before {
    border: 2px solid #cdb4fe;
    border-top-color: #671efb;
}

.spinner.spinner-track.spinner-warning:before {
    border: 2px solid #ffdc99;
    border-top-color: #f09e00;
}

.spinner.spinner-track.spinner-darker-warning:before {
    border: 2px solid #ffcb66;
    border-top-color: #cc8600;
}

.spinner.spinner-track.spinner-danger:before {
    border: 2px solid #fde0e3;
    border-top-color: #f53f53;
}

.spinner.spinner-track.spinner-darker-danger:before {
    border: 2px solid #fbafb7;
    border-top-color: #f41d34;
}

.spinner.spinner-track.spinner-light:before {
    border: 2px solid white;
    border-top-color: #e9eef4;
}

.spinner.spinner-track.spinner-darker-light:before {
    border: 2px solid white;
    border-top-color: #d1dde8;
}

.spinner.spinner-track.spinner-dark:before {
    border: 2px solid #4a5699;
    border-top-color: #131628;
}

.spinner.spinner-track.spinner-darker-dark:before {
    border: 2px solid #394377;
    border-top-color: #070910;
}

.spinner.spinner-track.spinner-white:before {
    border: 2px solid white;
    border-top-color: #f7f7f7;
}

.spinner.spinner-track.spinner-darker-white:before {
    border: 2px solid white;
    border-top-color: #e6e6e6;
}

@-webkit-keyframes animation-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animation-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*spin end*/


/*select2*/

.select2-item2 {
    display: flex;
    align-items: center;
}

.selection .select2-img,
.selection .select2-des,
.selection .select2-img2,
.selection .select2-des2 {
    display: none;
}

.select2-img,
.select2-img2 {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: rgba(50, 46, 34, 0.04);
    border-radius: 100px;
}

.select2-des {
    padding-right: 30px;
}

.bottom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.show-radio-1,
.show-radio-2 {
    height: 0; overflow: hidden;
}

.show-radio-1.active,
.show-radio-2.active {
    opacity: 1;
    height: auto; overflow: inherit;
}
.bp0{border-bottom: 0 !important;}
.title-slide {
    margin-bottom: 24px;
}
.boxslider_carousel .owl-carousel .owl-nav {
    right: 0;
    top: -55px;
    left: auto;
    width: 90px;
    justify-content: space-between;
    display: flex;
    position: absolute; overflow: hidden;
}
.boxslider_carousel .splide__arrows {
    right: 0;
    top: -44px;
    left: auto;
    width: 90px;
    justify-content: space-between;
    display: flex;
    position: absolute;
}
.boxslider_carousel .owl-carousel .owl-nav button, .boxslider_carousel .splide__arrows button {
    position: initial; left: inherit; right: inherit; top: inherit;
}
.boxslider_carousel {margin-bottom: 32px;}
.form-select2customize .input-label {
    /*color: var(--color-primary);
    font-size: 12px;
    top: 28px;
    position: relative;
    left: 16px;*/
}
.modal .select2-container--default .select2-selection--single,.modal .select2-container--default .select2-selection--multiple {
    border: 1px solid #858172;
}
.modal .col.text-left .form-group.mb0 .select2-container--default .select2-selection--single .select2-selection__placeholder,
.modal .col.text-left .form-group.mb0 .select2-container--default .select2-selection--single .select2-selection__rendered, 
.modal .col.text-left .form-group.mb0 .select2-container--default .select2-search--inline .select2-search__field
{
    color: #322E22;
}
.ubtn.ubg-trans.ubtn-sm.inline-block .size14.color-primary-light {
    color: var(--color-primary);
}
.max-width-480 {max-width: 480px;}
.min-height-60 {min-height: 60px;}
.txt-hiddren,
.list-info-hiddren {
    display: none;
}

.show-box-cont,
.showbox {
    height: 0;
}

.showbox.active {
    opacity: 1;
    height: auto !important;
}

.show-box .box-sm-header.box-sm-header_edit {
    border-bottom: none;
}

.show-box.active .box-sm-header.box-sm-header_edit {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.switch-ic {
    border-color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.3);
}
.switch-bg {
    background-color: rgba(255, 255, 255, 0.2);
}
input[type="checkbox"]:checked~.table .switch-bg {
    border: none;
    background-color: rgba(0, 161, 228, 1);
}

.box-white08 {
    background-color: rgba(255, 255, 255, 0.08);
}

.text-upber {
    text-transform: uppercase;
}
.txt {
    line-height: 1.1;
}
.form-select2customize .select2-selection__rendered {
    top: 10px;
    position: relative;
    color: var(--color-white) !important;
}

.disabled {
    opacity: 0.6;
}

.select2-container--default .select2-results__option .select2-item {
    display: inline-block;
    width: 100%;
}

.select2-container--default .select2-results__option .select2-item::after,
.select2-container--default .select2-results__option .select2-item2::after {
    width: 95%;
    height: 1px;
    border-bottom: 1px dashed rgba(50, 46, 34, 0.08);
    position: absolute;
    bottom: 0;
    left: 2.5%;
    content: "";
    display: inline-block;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px;
}

.select2-container--default .select2-results__option:last-child {
    border-bottom: none;
}

.select2-img,
.select2-img2 {
    float: left;
    margin-right: 10px;
}

.show_box .show_box_cont {
    display: none;
}
.show_box2 .show_box_cont {
    display: none;
}
.show_box-1 .show_box1_cont,
.show_box-2 .show_box2_cont,
.show_box-3 .show_box3_cont,
.show_box-4 .show_box4_cont,
.show_box-5 .show_box5_cont,
.show_box-6 .show_box6_cont,
.show_box-7 .show_box7_cont {
    display: block;
}



.cursor {
    cursor: pointer;
}
.w100 {width: 100%;}
.mt5 {margin-top: 5px !important;}
.pt5 {padding-top: 5px !important;}
.color-error{
    color: var(--color-error);
}
.show-radio-btn1,
.show-radio-btn2 {
    display: none;
}

.active.show-radio-btn1 {
    display: inline-block;
}

.active.show-radio-btn2 {
    display: inline-block;
}
.cursor-default {cursor:default;}
.list-col .list-link-item {
    padding: 16px 24px !important;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.08) !important;
}
.list-link-row .list-link-item.checkbox, .list-link-row .list-link-item.radio {
    align-items: start;
}
.list-link-row .checkbox-ic, .list-link-row .radio-ic {margin-top: 5px;}
.list-link-row .checkbox .table {
    width: 100%;
}
.list-link-row .checkbox .list-info-item:first-child .table, .list-link-row .radio .list-info-item:first-child .table {
    margin-top: 0;
}
.list-col .list-link-item:last-child {
    border-bottom: none !important;
}

.list-col label.list-link-item:hover .txt {
    color: #fff;
}

.list-col label.list-link-item:hover .txt.color-primary {
    color: var(--color-primary);
}

.list-col .list-link-item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}
.list-col .list-link-item:last-child:hover {
    border-radius: 0 0 16px 16px;
}
.list-col .list-link-style .list-link-item:last-child:hover, .list-col .list-link-row .list-link-item:last-child:hover {
    border-radius:8px;
}
.list-col input[type="radio"]:checked~.radio-text {
    color: #fff;
}

.list-col input[type="radio"]:checked~.list-link-item {
    background-color: #333;
}
.list-col .list-link-style .list-link-item, .list-col .list-link-row .list-link-item {
    padding: 16px 25px !important;
    border-bottom: none !important;
    margin-bottom: 16px;
    border-radius: 8px;
    background-color: rgba(255,255,255,0.08);
}
.list-col .list-link-style .list-link-item:last-child, .list-col .list-link-row .list-link-item:last-child {
    margin-bottom: 0;
}
.list-style-col-custom .checkbox {cursor: default;}
.list-style-col-custom .col-auto.col-number {padding-left: 0;}
.mr0 {margin-right: 0 !important;}
.box-body {padding: 30px;}
.list-link-item .col-number::after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.08);
    content: "";
    display: block;
}
.ptop50 {
    padding-top: 50px !important;
}

.ic_cicle {
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 8px;
}

.funcion-col4 a.box:hover {
    opacity: 0.95;
}

.ic_cicles {
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.08);
}

.wh64 {
    width: 64px;
    height: 64px;
}

.middle-center {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.pd5 {
    padding: 5px;
}

.row-default .radio {
    display: block;
    position: relative;
}

.block {
    display: block;
}

.box_checks {
    cursor: pointer;
    align-items: center;
    border-radius: 8px;
    padding: 16px;
    margin-left: 0;
    margin-right: 0;
    background-color: rgba(255, 255, 255, 0.08);
}

.box_checks img {
    opacity: 0.5;
}

.box_checks.active img {
    opacity: 1;
}

.box-bors {
    border: 1px solid #707070;
    border-radius: 8px;
    padding: 12px 15px;
}

.dropdown-style {
    padding: 16px !important;
}

.dropdown-search {
    margin-bottom: 16px;
}

.dropdown-style .input-clean {
    color: rgba(50, 46, 34, 1);
    background-color: rgba(50, 46, 34, 0.12);
}

.dropdown-style .input-clean::placeholder {
    color: rgba(50, 46, 34, 1);
}

.box-button-disable .fr .ubtn{opacity: 0.38;}
.box-button-disable .disable-input{display: block;}
.qrcode {padding: 5px; border-radius: 10px; background-color: #fff; margin: 0 auto; width: 200px;}
.qrcode img {max-width: 190px; height: 190px;}
/*radio check*/

.form-radio .owl-item {
    opacity: 0;
}

.form-radio .owl-item.active {
    opacity: 1;
}

.form-radio {
    margin-bottom: 24px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
}

label.touch {
    display: block;
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 100px;
    border: 1px solid transparent;
    text-align: center;
    cursor: pointer;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
}

.carousel-logo.carousel-style2 label.touch {
    padding: 0px;line-height: 41px;
}
.carousel-logo.carousel-style2 .owl-item img {

    max-width: 36px;
}
label.touch.checked {
    color: var(--color-primary);
}
.col-flex-number {
    position: relative;
}
.col-flex-number::after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: 7px;
    top: 0;
    background-color: rgba(255, 255, 255, 0.08);
    content: "";
    display: block;
}
.align-items-top .checkbox-sm {
    top: 1px;
}
.checkbox-ic-gray {border-color: rgba(0, 0, 0, 0.38);}
.box-checked {
    margin-bottom: 30px;
}


/*end radio check*/


/*.form-radio.owl-carousel {
  width: 104%;
}
.box-radio {overflow: hidden;}*/


/*width*/

.row-flex {
    display: flex;
    margin-left: -16px;
    margin-right: -16px;
}

.col-flex {
    padding-left: 16px;
    padding-right: 16px;
    align-self: center;
    position: relative;
}

.col-flex div {
    align-self: center;
}

.col1-flex {
    width: 64px;
}

.col2-flex {
    flex: 1 1 auto;
}

.col3-flex {
    width: 70px;
}

.coll-flex {
    flex: 1 1 auto;
    align-self: center;
}

.colr-flex {
    flex: 0 0 auto;
    align-self: center;
}


/*width end*/

.col-flex.col3-flex .dropdown-menu.show {
    left: auto !important;
    right: 0;
    transform: translate3d(0px, 32px, 0px) !important;
}

.box-list:last-child .col-flex.col3-flex .dropdown-menu.show {
    left: auto !important;
    right: 0;
    bottom: 0;
    top: auto !important;
    transform: translate3d(0px, -30px, 0px) !important;
}


/*radio*/

input[type="radio"]:checked~.radio-style-2.radio-ic.radio-ic_edit::after {
    display: none;
}

.radio-ic.radio-ic_edit {
    position: absolute;
    border-color: transparent;
    top: 22%;
    width: 24px;
    right: 16px;
    height: 24px;
}

.radio-ic.radio-ic_edit {
    ;
    opacity: 1 !important;
}

input[type="radio"]:checked~.radio-ic_edit.radio-style-2.radio-sm {
    border: none;
}

input[type="radio"]:checked~.radio-style-2.radio-ic.radio-ic_edit {
    border-color: transparent !important;
    background: url(../images/web/icons/primary/ic_check.svg) no-repeat 0 0;
}


/*end radio*/


/*.no-active .fr .ubtn{opacity: 0.3;}*/

.box-button .fr {
    position: relative;
}

.disable-input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    right: 0;
    z-index: 2;
}

.active.box-button .disable-input {
    display: none;
}

.box-button {
    margin-bottom: 0; position: relative;
}

.box-button-tab.box-button {
    margin-bottom: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 30px;
}

.wh44 {
    width: 44px;
    height: 44px;
    line-height: 44px;
}

.wh48 {
    width: 44px;
    height: 44px;
}

.clearfix {
    display: inline-block;
    width: 100%;
}

.height30 {
    height: 30px;
}

.size12 {
    font-size: 12px; line-height: 16px;
}

.size13 {
    font-size: 13px;
}

.size14 {
    font-size: 14px; line-height: 20px;
}

.size15 {
    font-size: 15px;
}

.size16 {
    font-size: 16px; line-height: 24px;
}

.size17 {
    font-size: 17px;
}

.size18 {
    font-size: 18px;
}


.size34 {
    font-size: 34px;
}

.size24 {
    font-size: 24px;
}

.fw600 {
    font-weight: 600;
}

.mr10 {
    margin-right: 10px;
}


.fw500 {
    font-weight: 500;
}

.line {
    height: 1px;
    background-color: rgba(255, 255, 255, 0.08);
    margin: 15px 0;
}


.pl0 {
    padding-left: 0;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.w36 {
    width: 36px;
}

.w48 {
    width: 48px;
}

.pl5 {
    padding-left: 5px;
}

.select-option-hide,
.select-option-sub1,
.select-option-sub2 {
    display: none;
}

.select-option-hide.active,
.select-option-sub1.active,
.select-option-sub2.active {
    display: block;
}


.box-sm-header.box-sm-header_edit.pt30 {
    padding-top: 23px;
}

.nobor {
    border: none !important;
}

.menu {
    padding-right: 0 !important;
}

.txt-upper {
    text-transform: uppercase;
}

.color-white38 {
    color: rgba(255, 255, 255, 0.38);
}

.color-white60 {
    color: rgba(255, 255, 255, 0.60);
}

.color-white87 {
    color: var(--color-white);
}

.color-primary-light {
    color: var(--color-primary-light);
}

.breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.6);
    content: "\";

}

.mt0 {
    margin-top: 0 !important;
}

.max-width-770 {
    max-width: 770px;
}

.max-width-1170 {
    max-width: 1170px;
}

.max-width-450 {
    max-width: 450px;
}

.max-width-360 {
    max-width: 360px;
}

.max-width-160 {
    max-width: 160px;
}

.input-icons {
    width: 100%;
}

.box-relative {
    position: relative;
}

.dropdown-arrow-mobile {
    background: url(../images/base/icons/arrow-right/arrow-right-color.svg) no-repeat right 50px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    right: 30px;
    cursor: pointer;
}

.list-cont.pt10 {
    padding-top: 10px;
}

.select-option-hide .list-info-item {
    border-bottom-style: dashed;
}


/*Thanh toan thanh cong*/

.h15 {
    height: 15px;
}

.top15 {
    margin-top: -15px;
}

.top25 {
    margin-top: -25px;
    margin-bottom: -15px;
}

.box-black {
    background-color: #212121;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
    border: 1px dashed rgba(255, 255, 255, 0.12);
}

sub {
    bottom: 0;
    font-size: 70%;
}

.nobor {
    border: none !important;
}



.list-style-col a.list-link-item:first-child:hover {
    border-radius: 0;
}

.text-underline {
    text-decoration: underline !important;
}

a.color-primary:hover {
    color: var(--color-primary);
    opacity: 0.8;
}
.nav-tab-3>.nav {max-width: 400px;}
.col-flex-auto {min-width: 24px;}
.w-auto {width: auto !important;}
.box2 {
    position: relative;
    margin-top: 0; margin-bottom: 0;
    padding-top: 60px;
}


.box2-top-cont {
    padding: 90px 24px 20px 0;
}
.box2-top {
    background: rgba(34, 41, 48, 0.8);
    border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    -webkit-border-radius: 16px 16px 0 0;
}
.box2-bottom {
    background: rgba(34, 41, 48, 0.8);
    padding: 24px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    margin-bottom: 24px;
    display: inline-block;
    width: 100%;
}

.input-single {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 8px;
}
.ic_download {top:-1px}
.noindex {z-index: 0;}
.line-dot {
    margin-bottom: 25px;
    height: 1px;
    border-bottom: 1px dotted rgba(255,255,255,0.38);
}
.box2-middle {
    position: relative;
    padding-left: 16px;
    padding-right: 17px;
}

.box2-middle-left,
.box2-middle-right {
    position: absolute;
    width: 17px;
    height: 37px;
    top: 0;
}

.box2-middle-left {
    left: 0;
}

.box2-middle-right {
    right: 0;
}


/*
.box2-middle::before,.box2-middle::after { position: absolute; width: 30px; height: 30px; content: ""; top: 0;}
.box2-middle::before {
  shape-outside: circle(50% at 30%);
      clip-path: circle(50% at 0%);
  background: rgba(34, 41, 48, 0.8); left: 0;
}
.box2-middle::after {right: 0;}
*/

.box2-middle-cont {
    background: rgba(34, 41, 48, 0.8);
    height: 37px;
    position: relative;
}

.box2-middle-cont::before {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    width: 100%;
    height: 18px;
    content: "";
    display: block;
    top: 17px;
    left: 0;
}

.tick_ic {
    position: absolute;
    width: 170px;
    left: 50%;
    z-index: 1;
    top: -20px;
    margin-left: -85px;
}


/*end Thanh toan thanh cong*/

.box-tran .otp-number-input {
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
    font-size: 24px;
    font-weight: 400;
    width: 12%;
}



.max-width-580 {
    max-width: 580px;
}

.width-auto {
    margin: 0 auto;
}

.box-tran .otp-number-input.otp-filled-active {
    background: transparent;
    border-color: var(--color-primary);
    color: var(--color-white);
}

.ubtn-sm img {
    top: -1px;
}

.box.box--light.no-p .form-group.form-select2customize {
    
}

.list-cont.pt15 {
    margin-top: -5px;
}

.list-cont.pb15 {
    padding-bottom: 15px;
}

.body-top .menu .menu__wrap::before {
    display: none;
}

.img_style {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding-top: 65%;
    position: relative;
    background-color: rgba(255, 255, 255, 0.1);
}

.box-list-product .img_style {
    padding-top: 50%;
}

#modal-guide .modal-body {
    background: #fff;
}

.modal-dialog-right-top {
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
    height: 100%;
}

.modal-dialog-right-top.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    border-radius: 0;
}

.modal-dialog-right-top.modal-dialog-scrollable {
    max-height: 100%;
}

.modal-dialog-right-top .modal-content {
    background-color: #24221E;
    border: none;
    color: var(--color-white);
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.modal-dialog-right-top.modal-dialog-scrollable .modal-header::after,
.modal-dialog-right-top.modal-dialog-scrollable .modal-footer::after,
.modal-dialog-right-top.modal-dialog-scrollable .modal-header::after,
.modal-dialog-right-top.modal-dialog-scrollable .modal-footer::after {
    display: none;
}

.img_style img {
    position: absolute;
    left: 0;
    top: 0;
}

.blog-item .img_style:not(.row) {
    display: block;
}

.img44 {
    height: 44px;
}
.col-md-6 .tabs .nav.nav-style-default {
    min-width: 315px;
}  
.nav.nav-pills {
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 100px;
    overflow: hidden;
    padding: 4px;
    margin: 0 auto;
}

.nav-tab {
    padding: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.w33percen {
    width: 33.33333333%;
}

.list-link-item:hover .color-white {
    color: rgba(255, 255, 255, 1);
}

.owl-dots {
    display: none;
}

.menu .menu__wrap::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
    position: fixed;
    height: 80px;
    left: 0;
    top: 0;
    width: 100%;
    content: "";
    opacity: 0.38;
}

.background .menu .menu__wrap::before {
    display: none;
}

.toast-header {
    color: var(--color-white);
    background-color: transparent;
    border-bottom: none;
    font-size: 16px;
    padding: 16px 45px 1px 11px;
}

.toast {
    background-color: #005D98;
    color: var(--color-white);
    z-index: 2;
    box-shadow: inherit;
    border-radius: 8px;
    border: none;
}

.toast-warning {
    background-color: #FABD02;
}

.toast-error {
    background-color: #F9461D;
}

.toast.show {
    display: block;
    opacity: 0.95;
}

.toast-body {
    padding: 0 42px 16px 43px;
    font-size: 14px;
}

a {
    color: var(--color-primary);
}

a.sidebar__item:hover>.text {
    color: #fff;
}


.footer-item img {
    top: -2px;
    position: relative;
}

.otp-check .text-right {
    padding-top: 10px;
}

.dropdown-item {
    margin-bottom: 14px;
    padding: 0 16px;
    margin: 0;
    font-size: 14px;
    /*border-bottom: 1px solid rgba(50,46,34,0.08);*/
    line-height: 44px;
}

.dropdown-item:first-child {
    border-radius: 8px 8px 0 0;
}

.dropdown-item:last-child {
    border-radius: 0 0 8px 8px;
    border: none;
}

.dropdown-item:first-child {
    border-radius: 8px;
}

.dropdown-item.active {
    border-radius: 0 0 8px 8px;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #005D98;
    background-color: transparent;
    font-weight: 600;
}

.box-tran.box_lists {
    background-color: transparent;
}

.profile .color-primary {
    font-size: 14px;
}

.profile .color-white-5 {
    margin-bottom: 0;
}

.box-list-product .blog-item_bottom {
    background: transparent;
}

.box-list-product .img_style {
    display: block;
    border-radius: 16px;
    overflow: hidden;
}

.date_style {
    background: url(../images/web/img/date_style.svg) no-repeat 0 -2px;
    padding: 2px 0 2px 26px;
}

.box-list-product .img_style img {
    border-radius: 16px;
    max-height: 185px;
    max-width: initial;
}

.box-list-product .swiper-btn-banner .swiper-next,
.box-list-product .swiper-btn-banner .swiper-prev {
    top: 80px;
    bottom: inherit;
}

.line-col {
    height: 100%;
    padding: 0;
    width: 1px;
    border-left: 1px dashed rgba(255, 255, 255, 0.12);
}

.button_language .text-left img {
    position: absolute;
    top: -5px;
    right: 0;
}

.button_language .ubtn-text {
    width: 100%;
}

.text-left {
    text-align: left !important;
}

.button_language .ubtn {
    justify-content: left;
}

.img_style img {
    width: 100%;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.blog-item_bottom {
    display: block;
    color: var(--color-white);
    padding: 16px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.08);
}

.box-list-product .blog-item_bottom {
    padding: 16px 0;
}

.bg-default::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(17, 15, 13, 0.7);
    opacity: 0;
    transition: opacity .15s linear;
}

.bg-content {
    display: block;
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(17, 15, 13, 0) 0%, rgba(17, 15, 13, 0.98) 60%, rgba(17, 15, 13, 1) 100%);
}

.body-top .bg-default::before,
.background .bg-default::before {
    opacity: 1;
}

.no-background .bg-default::before {
    opacity: 0;
}

.blog-item_img {
    display: block;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.ic_arrow_right1 {
    display: block;
    background-image: url(../images/base/icons/arrow-right/arrow_ic_right1.svg);
    background-position: 0 0;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 20px;
    background-size: 100%;
}

.box-list-product .ic_arrow_right1 {
    right: 0;
}


.date_style {
    color: rgba(255, 255, 255, 0.38);
    font-size: 14px;
    display: block;
}

.home_ic.sidebar-mini__item {
    top: 30px;
}

.blank-section .blank-ic {
    margin-bottom: 20px;
}

.circle_number {
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 16px;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    color: #9E8762;
    text-align: center;
    font-weight: 700;
}

.button_eye {
    position: absolute;
    right: -11px;
    top: -14px;
}

.spinner.spinner-right.button_eye {
    top: -12px;
}

.tk-money-title {
    color: rgba(255, 255, 255, 0.38);
}

.txt_money {
    position: relative;
}

.tk-money .h5 {
    font-size: 18px;
    letter-spacing: 1px;
}

.list-link-item .txt_custom {
    display: table-cell;
    font-size: 15px;
    vertical-align: middle;
    line-height: 24px;
}

.copyright_slider {
    text-align: center;
    font-size: 14px;
}

.txt_white {
    color: rgba(255, 255, 255, 0.6);
}

.social-footer a:hover .txt_white {
    color: var(--color-white);
}

.social-footer a img {
    opacity: 0.8;
}

.social-footer a:hover img {
    opacity: 1;
}

.dropdown-menu .txt_white {
    margin: 0 0 0 10px;
}

.block.txt_white {
    line-height: 18px;
    margin-top: 15px;
    font-size: 12px;
}

.btn_24 .txt_white {
    margin-left: 10px;
}

.icbox_48 {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    vertical-align: middle;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 0.1);
}

.ic24 {
    content: "";
    display: inline-block;
    width: 24px;
    position: absolute;
    height: 24px;
    left: 0;
    top: 7px;
}

.btn_24.btn {
    padding-left: 30px;
}

.show_txt {
    display: block;
}

.hiddren_txt {
    display: none;
}

.show .show_txt {
    display: none;
}

.show .hiddren_txt {
    display: block;
}

.ic_ultility {
    background: url(../images/base/icons/language/ultility_ic.svg) no-repeat 0 0;
    left: 8px;
}

.show .ic_ultility {
    background: url(../images/base/icons/language/ultility_ic_close.svg) no-repeat 0 0;
    left: 8px;
}

.box_tool .btn {
    color: var(--color-primary);
    border-radius: 8px;
    padding: 6px 15px 6px 35px;
    max-height: 40px;
}

.box_tool .show .btn {
    background-color: rgba(255, 255, 255, 0.08);
}

.btn-menu.dropdown-toggle::after {
    background: url(../images/web/icons/white/ic_list_menu.svg) no-repeat 0 0;
    content: "";
    width: 24px;
    height: 24px;
    border: 0;
    margin: 0;
    padding: 0;
}

.btn-menu {
    padding: 0;
    border: none;
    width: 24px;
    height: 24px;
}

.show>.btn-menu {
    background-color: rgba(255, 255, 255, 0.12);
}

.open .accordion-arrow__content>div {}

.list-link-item.box--light {
    margin-bottom: 16px;
    background: none;
}

.box-list:first-child .list-link-item.box--light:last-child {
    margin-bottom: 0;
}

.box-list:last-child .list-link-item.box--light:last-child {
    margin-bottom: 30px;
}

.list-link-item.box--light::before {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.08);
    content: "";
    -webkit-transition: 0.2s ease-in-out;
    top: 0;
    left: 0;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    backdrop-filter: blur(9px);
    border-radius: 8px;
    -webkit-backdrop-filter: blur(9px);
}

.list-link-item.box--light:hover::before {
    background-color: rgba(255, 255, 255, 0.12);
}

.link_adsolute {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 0;
    z-index: 1;
}

.list-link-item.box--light .btn-copy {
    z-index: 2;
}

.list-link-item.box--light .col-flex .dropdown {
    z-index: 2;
}

.dropdown-menu {
    /* top: 10px !important;*/
}

.list-link-item-show {
    position: relative;
    z-index: 0;
}

.open .list-link-item-show {
    overflow: inherit !important;
    max-height: 500px !important;
}

.list-link-item.box--light .col1-flex {
    position: relative;
}

.list-link-item.box--light .col1-flex::after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: 7px;
    top: 0;
    background-color: rgba(255, 255, 255, 0.08);
    content: "";
    display: block;
}

.accordion .list-link-item {
    border-bottom: none;
}

.main-header h2 {
    font-size: 28px;
    font-weight: 300;
    color: #fff;
}

.breadcrumb-transparent {
    background-color: transparent;
    padding-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}


/**/

.titleh1 {
    text-shadow: 0 2px 2px rgb(0 0 0 / 10%);
}

button:focus {
    outline: none !important;
    box-shadow: inherit !important
}

.dropdown-item {
    color: #322E22;
}

.dropdown-item:hover {
    color: #005D98;
}

.modal-header {
    display: inline-block;
    text-align: center;
}

.modal-footer {
    display: block;
}

.modal-title {
    font-weight: 600;
    font-size: 20px;
}

.modal-backdrop.show {
    opacity: 0.98;
}

.cursor {
    cursor: pointer;
}

.input-tran {
    line-height: 56px;
    display: block;
    padding: 0;
}

.list-info-item.last {
    border-bottom: none;
}

.max-width-770 .list-info-item.last {
    min-height: auto;
}

.max-width-770 .list-info-item.last .table {
    margin-bottom: 0;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.92);
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}



/*otp*/

.input-code .otp-check {
    width: 100%;
    word-spacing: 50%;
    font-size: 56px;
    font-weight: bold;
}

.otp-check::-moz-placeholder {
    color: #b3b3b3;
    font-weight: normal;
}

.otp-check:-ms-input-placeholder {
    color: #b3b3b3;
    font-weight: normal;
}

.otp-check::-webkit-input-placeholder {
    color: #b3b3b3;
    font-weight: normal;
}

.otp-check:focus {
    text-align: left
}

.content {
    padding: 15px;
    text-align: center;
}

.link {
    color: #4B4024 !important;
}

.ubtn-text {
    font-size: 14px;
}

.input-code {
    display: flex;
    flex-direction: auto;
    justify-content: space-around;
    align-content: space-between;
    height: 44px;margin: 20px 0 30px;
    padding: 0 15px;
}

.otp-number-input {
    background: url(../images/line.svg) repeat-x 0 95%;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    outline: none;
    width: 10%;
    font-weight: 600;
    /*transition: all .2s ease-in-out;*/
    border-radius: 0;
    border-top: none;
    color: #322E22;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.otp-number-input.otp-filled-active {
    background: url(../images/line-active.svg) repeat-x 0 95%;
}


/*icon*/

.alert-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0 0 14px;
    border-color: transparent transparent transparent var(--color-white);
    position: absolute;
    top: -14px;
    left: 0;
}

button.close {
    height: 20px;
    outline: none;
    width: 20px;
    background-color: rgb(120, 108, 83, 0.12);
    position: absolute;
    top: 18px;
    right: 15px;
    border-radius: 50px;
}

.alert-light button.close {
    top: 50%;
    margin-top: -10px;
}

@font-face {
    font-family: "Ki";
    src: url("../fonts/keenthemes-icons/Ki.eot");
    src: url("../fonts/keenthemes-icons/Ki.eot?#iefix") format("embedded-opentype"), url("../fonts/keenthemes-icons/Ki.woff") format("woff"), url("../fonts/keenthemes-icons/Ki.ttf") format("truetype"), url("../fonts/keenthemes-icons/Ki.svg#Ki") format("svg");
    font-weight: normal;
    font-style: normal;
}

.ki {
    font-size: 1rem;
}

.ki:before {
    font-family: "Ki";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.ki-double-arrow-next:before {
    content: "\f100";
}

.ki-double-arrow-back:before {
    content: "\f101";
}

.ki-double-arrow-down:before {
    content: "\f102";
}

.ki-double-arrow-up:before {
    content: "\f103";
}

.ki-long-arrow-back:before {
    content: "\f104";
}

.ki-arrow-next:before {
    content: "\f105";
}

.ki-arrow-back:before {
    content: "\f106";
}

.ki-long-arrow-next:before {
    content: "\f107";
}

.ki-check:before {
    content: "\f108";
}

.ki-arrow-down:before {
    content: "\f109";
}

.ki-minus:before {
    content: "\f10a";
}

.ki-long-arrow-down:before {
    content: "\f10b";
}

.ki-long-arrow-up:before {
    content: "\f10c";
}

.ki-plus:before {
    content: "\f10d";
}

.ki-arrow-up:before {
    content: "\f10e";
}

.ki-round:before {
    content: "\f10f";
}

.ki-reload:before {
    content: "\f110";
}

.ki-refresh:before {
    content: "\f111";
}

.ki-solid-plus:before {
    content: "\f112";
}

.ki-bold-close:before {
    content: "\f113";
}

.ki-solid-minus:before {
    content: "\f114";
}

.ki-hide:before {
    content: "\f115";
}

.ki-code:before {
    content: "\f116";
}

.ki-copy:before {
    content: "\f117";
}

.ki-up-and-down:before {
    content: "\f118";
}

.ki-left-and-right:before {
    content: "\f119";
}

.ki-bold-triangle-bottom:before {
    content: "\f11a";
}

.ki-bold-triangle-right:before {
    content: "\f11b";
}

.ki-bold-triangle-top:before {
    content: "\f11c";
}

.ki-bold-triangle-left:before {
    content: "\f11d";
}

.ki-bold-double-arrow-up:before {
    content: "\f11e";
}

.ki-bold-double-arrow-next:before {
    content: "\f11f";
}

.ki-bold-double-arrow-back:before {
    content: "\f120";
}

.ki-bold-double-arrow-down:before {
    content: "\f121";
}

.ki-bold-arrow-down:before {
    content: "\f122";
}

.ki-bold-arrow-next:before {
    content: "\f123";
}

.ki-bold-arrow-back:before {
    content: "\f124";
}

.ki-bold-arrow-up:before {
    content: "\f125";
}

.ki-bold-check:before {
    content: "\f126";
}

.ki-bold-wide-arrow-down:before {
    content: "\f127";
}

.ki-bold-wide-arrow-up:before {
    content: "\f128";
}

.ki-bold-wide-arrow-next:before {
    content: "\f129";
}

.ki-bold-wide-arrow-back:before {
    content: "\f12a";
}

.ki-bold-long-arrow-up:before {
    content: "\f12b";
}

.ki-bold-long-arrow-down:before {
    content: "\f12c";
}

.ki-bold-long-arrow-back:before {
    content: "\f12d";
}

.ki-bold-long-arrow-next:before {
    content: "\f12e";
}

.ki-bold-check-1:before {
    content: "\f12f";
}

.ki-close:before {
    content: "\f130";
}

.ki-more-ver:before {
    content: "\f131";
}

.ki-bold-more-ver:before {
    content: "\f132";
}

.ki-more-hor:before {
    content: "\f133";
}

.ki-bold-more-hor:before {
    content: "\f134";
}

.ki-bold-menu:before {
    content: "\f135";
}

.ki-drag:before {
    content: "\f136";
}

.ki-bold-sort:before {
    content: "\f137";
}

.ki-eye:before {
    content: "\f138";
}

.ki-outline-info:before {
    content: "\f139";
}

.ki-menu:before {
    content: "\f13a";
}

.ki-menu-grid:before {
    content: "\f13b";
}

.ki-wrench:before {
    content: "\f13c";
}

.ki-gear:before {
    content: "\f13d";
}

.ki-info:before {
    content: "\f13e";
}


/*icon end*/


/*ale*/

.alert {
    border: none;
    border-radius: 8px;
    margin-bottom: 30px;
}

.alert-custom.alert {
    border-radius: 0 16px 16px;
}


.alert.alert-primary .close i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-primary .close:focus i,
.alert.alert-primary .close:hover i {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-secondary {
    background-color: #E4E6EF;
    border-color: #E4E6EF;
    color: #3F4254;
}

.alert.alert-secondary .close i {
    opacity: 0.8;
    color: #3F4254;
}

.alert.alert-secondary .close:focus i,
.alert.alert-secondary .close:hover i {
    opacity: 1;
    color: #3F4254;
}

.alert.alert-success {
    background-color: #1BC5BD;
    border-color: #1BC5BD;
    color: var(--color-white);
}

.alert.alert-success .close i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-success .close:focus i,
.alert.alert-success .close:hover i {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-info {
    background-color: #8950FC;
    border-color: #8950FC;
    color: var(--color-white);
}

.alert.alert-info .close i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-info .close:focus i,
.alert.alert-info .close:hover i {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-warning {
    background-color: #FFA800;
    border-color: #FFA800;
    color: var(--color-white);
}

.alert.alert-warning .close i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-warning .close:focus i,
.alert.alert-warning .close:hover i {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-danger {
    background-color: #F64E60;
    border-color: #F64E60;
    color: var(--color-white);
}

.alert.alert-danger .close i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-danger .close:focus i,
.alert.alert-danger .close:hover i {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-light {
    background-color: rgba(255, 255, 255, 0.08);
    -webkit-backdrop-filter: blur(20px) brightness(140%);
    backdrop-filter: blur(20px) brightness(140%);
    color: var(--color-white));
}

.alert.alert-light .close span {
    font-size: 12px;
}

.close {
    float: right;
    font-size: 16px;
    font-weight: 500;
    line-height: 8px;
    color: var(--color-white);
    text-shadow: inherit;
    opacity: 1;
}

.alert.alert-light .close i {
    opacity: 1;
    color: var(--color-white);
    font-size: 8px;
}

.alert.alert-light .close:focus i,
.alert.alert-light .close:hover i {
    opacity: 1;
    color: rgb(255, 255, 255, 1);
}

.alert-light button.close {
    background-color: rgb(255, 255, 255, 0.12);
}

.close:hover {
    color: #fff;
}

.alert.alert-dark {
    background-color: #181C32;
    border-color: #181C32;
    color: var(--color-white);
}

.alert.alert-dark .close i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-dark .close:focus i,
.alert.alert-dark .close:hover i {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-white {
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: #3F4254;
}

.alert.alert-white .close i {
    opacity: 0.8;
    color: #3F4254;
}

.alert.alert-white .close:focus i,
.alert.alert-white .close:hover i {
    opacity: 1;
    color: #3F4254;
}

.alert.alert-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 1.5rem 2rem 1.5rem 1.5rem;
}

.alert.alert-custom .alert-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.25rem 0 0;
}

.alert.alert-custom .alert-icon i {
    font-size: 2.4rem;
}

.alert.alert-custom .alert-icon.alert-icon-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.alert.alert-custom .alert-text {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.alert.alert-custom .alert-close {
    padding: 0 0 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 0;
}

.alert.alert-custom .alert-close .close {
    text-shadow: none !important;
    cursor: pointer;
    line-height: 0;
}

.alert.alert-custom .alert-close i {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    font-size: 1rem;
}

.alert.alert-custom .alert-close i.ki {
    font-size: 10px;
}

.alert.alert-custom .alert-close:focus i,
.alert.alert-custom .alert-close:hover i {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.alert.alert-custom.alert-outline-2x {
    border-width: 2px;
}

.alert.alert-custom.alert-white {
    background-color: var(--color-white);
    border-color: var(--color-white);
}

.alert.alert-custom.alert-white .alert-icon i {
    color: #3F4254;
}

.alert.alert-custom.alert-white .alert-text {
    color: #3F4254;
}

.alert.alert-custom.alert-white .alert-close i {
    color: #3F4254;
}

.alert.alert-custom.alert-default {
    background-color: #F3F6F9;
    border-color: #F3F6F9;
}

.alert.alert-custom.alert-shadow {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
}

.alert.alert-custom.alert-primary {
    background-color: #3699FF;
    border-color: #3699FF;
}

.alert.alert-custom.alert-primary .alert-icon i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-custom.alert-primary .alert-text {
    color: var(--color-white);
}

.alert.alert-custom.alert-primary .alert-close i {
    color: var(--color-white);
}

.alert.alert-custom.alert-primary .alert-close:focus,
.alert.alert-custom.alert-primary .alert-close:hover {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-custom.alert-light-primary {
    background-color: #E1F0FF;
    border-color: transparent;
}

.alert.alert-custom.alert-light-primary .alert-icon i {
    color: #3699FF;
}

.alert.alert-custom.alert-light-primary .alert-text {
    color: #3699FF;
}

.alert.alert-custom.alert-light-primary .alert-close i {
    color: #3699FF;
}

.alert.alert-custom.alert-light-primary .alert-close:focus,
.alert.alert-custom.alert-light-primary .alert-close:hover {
    color: #187DE4;
}

.alert.alert-custom.alert-light-primary.alert-notice {
    border: 0;
    border-left: 4px solid #3699FF;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.alert.alert-custom.alert-outline-primary {
    background-color: transparent;
    border-color: #3699FF;
}

.alert.alert-custom.alert-outline-primary .alert-icon i {
    color: #3699FF;
}

.alert.alert-custom.alert-outline-primary .alert-text {
    color: #3699FF;
}

.alert.alert-custom.alert-outline-primary .alert-close i {
    opacity: 0.8;
    color: #3699FF;
}

.alert.alert-custom.alert-outline-primary .alert-close:focus i,
.alert.alert-custom.alert-outline-primary .alert-close:hover i {
    opacity: 1;
}

.alert.alert-custom.alert-secondary {
    background-color: #E4E6EF;
    border-color: #E4E6EF;
}

.alert.alert-custom.alert-secondary .alert-icon i {
    opacity: 0.8;
    color: #3F4254;
}

.alert.alert-custom.alert-secondary .alert-text {
    color: #3F4254;
}

.alert.alert-custom.alert-secondary .alert-close i {
    color: #3F4254;
}

.alert.alert-custom.alert-secondary .alert-close:focus,
.alert.alert-custom.alert-secondary .alert-close:hover {
    opacity: 1;
    color: #3F4254;
}

.alert.alert-custom.alert-light-secondary {
    background-color: #EBEDF3;
    border-color: transparent;
}

.alert.alert-custom.alert-light-secondary .alert-icon i {
    color: #E4E6EF;
}

.alert.alert-custom.alert-light-secondary .alert-text {
    color: #E4E6EF;
}

.alert.alert-custom.alert-light-secondary .alert-close i {
    color: #E4E6EF;
}

.alert.alert-custom.alert-light-secondary .alert-close:focus,
.alert.alert-custom.alert-light-secondary .alert-close:hover {
    color: #d7dae7;
}

.alert.alert-custom.alert-light-secondary.alert-notice {
    border: 0;
    border-left: 4px solid #E4E6EF;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.alert.alert-custom.alert-outline-secondary {
    background-color: transparent;
    border-color: #E4E6EF;
}

.alert.alert-custom.alert-outline-secondary .alert-icon i {
    color: #3F4254;
}

.alert.alert-custom.alert-outline-secondary .alert-text {
    color: #3F4254;
}

.alert.alert-custom.alert-outline-secondary .alert-close i {
    opacity: 0.8;
    color: #3F4254;
}

.alert.alert-custom.alert-outline-secondary .alert-close:focus i,
.alert.alert-custom.alert-outline-secondary .alert-close:hover i {
    opacity: 1;
}

.alert.alert-custom.alert-success {
    background-color: #1BC5BD;
    border-color: #1BC5BD;
}

.alert.alert-custom.alert-success .alert-icon i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-custom.alert-success .alert-text {
    color: var(--color-white);
}

.alert.alert-custom.alert-success .alert-close i {
    color: var(--color-white);
}

.alert.alert-custom.alert-success .alert-close:focus,
.alert.alert-custom.alert-success .alert-close:hover {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-custom.alert-light-success {
    background-color: #C9F7F5;
    border-color: transparent;
}

.alert.alert-custom.alert-light-success .alert-icon i {
    color: #1BC5BD;
}

.alert.alert-custom.alert-light-success .alert-text {
    color: #1BC5BD;
}

.alert.alert-custom.alert-light-success .alert-close i {
    color: #1BC5BD;
}

.alert.alert-custom.alert-light-success .alert-close:focus,
.alert.alert-custom.alert-light-success .alert-close:hover {
    color: #0BB7AF;
}

.alert.alert-custom.alert-light-success.alert-notice {
    border: 0;
    border-left: 4px solid #1BC5BD;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.alert.alert-custom.alert-outline-success {
    background-color: transparent;
    border-color: #1BC5BD;
}

.alert.alert-custom.alert-outline-success .alert-icon i {
    color: #1BC5BD;
}

.alert.alert-custom.alert-outline-success .alert-text {
    color: #1BC5BD;
}

.alert.alert-custom.alert-outline-success .alert-close i {
    opacity: 0.8;
    color: #1BC5BD;
}

.alert.alert-custom.alert-outline-success .alert-close:focus i,
.alert.alert-custom.alert-outline-success .alert-close:hover i {
    opacity: 1;
}

.alert.alert-custom.alert-info {
    background-color: #8950FC;
    border-color: #8950FC;
}

.alert.alert-custom.alert-info .alert-icon i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-custom.alert-info .alert-text {
    color: var(--color-white);
}

.alert.alert-custom.alert-info .alert-close i {
    color: var(--color-white);
}

.alert.alert-custom.alert-info .alert-close:focus,
.alert.alert-custom.alert-info .alert-close:hover {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-custom.alert-light-info {
    background-color: #EEE5FF;
    border-color: transparent;
}

.alert.alert-custom.alert-light-info .alert-icon i {
    color: #8950FC;
}

.alert.alert-custom.alert-light-info .alert-text {
    color: #8950FC;
}

.alert.alert-custom.alert-light-info .alert-close i {
    color: #8950FC;
}

.alert.alert-custom.alert-light-info .alert-close:focus,
.alert.alert-custom.alert-light-info .alert-close:hover {
    color: #7337EE;
}

.alert.alert-custom.alert-light-info.alert-notice {
    border: 0;
    border-left: 4px solid #8950FC;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.alert.alert-custom.alert-outline-info {
    background-color: transparent;
    border-color: #8950FC;
}

.alert.alert-custom.alert-outline-info .alert-icon i {
    color: #8950FC;
}

.alert.alert-custom.alert-outline-info .alert-text {
    color: #8950FC;
}

.alert.alert-custom.alert-outline-info .alert-close i {
    opacity: 0.8;
    color: #8950FC;
}

.alert.alert-custom.alert-outline-info .alert-close:focus i,
.alert.alert-custom.alert-outline-info .alert-close:hover i {
    opacity: 1;
}

.alert.alert-custom.alert-warning {
    background-color: #FFA800;
    border-color: #FFA800;
}

.alert.alert-custom.alert-warning .alert-icon i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-custom.alert-warning .alert-text {
    color: var(--color-white);
}

.alert.alert-custom.alert-warning .alert-close i {
    color: var(--color-white);
}

.alert.alert-custom.alert-warning .alert-close:focus,
.alert.alert-custom.alert-warning .alert-close:hover {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-custom.alert-light-warning {
    background-color: #FFF4DE;
    border-color: transparent;
}

.alert.alert-custom.alert-light-warning .alert-icon i {
    color: #FFA800;
}

.alert.alert-custom.alert-light-warning .alert-text {
    color: #FFA800;
}

.alert.alert-custom.alert-light-warning .alert-close i {
    color: #FFA800;
}

.alert.alert-custom.alert-light-warning .alert-close:focus,
.alert.alert-custom.alert-light-warning .alert-close:hover {
    color: #EE9D01;
}

.alert.alert-custom.alert-light-warning.alert-notice {
    border: 0;
    border-left: 4px solid #FFA800;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.alert.alert-custom.alert-outline-warning {
    background-color: transparent;
    border-color: #FFA800;
}

.alert.alert-custom.alert-outline-warning .alert-icon i {
    color: #FFA800;
}

.alert.alert-custom.alert-outline-warning .alert-text {
    color: #FFA800;
}

.alert.alert-custom.alert-outline-warning .alert-close i {
    opacity: 0.8;
    color: #FFA800;
}

.alert.alert-custom.alert-outline-warning .alert-close:focus i,
.alert.alert-custom.alert-outline-warning .alert-close:hover i {
    opacity: 1;
}

.alert.alert-custom.alert-danger {
    background-color: #F64E60;
    border-color: #F64E60;
}

.alert.alert-custom.alert-danger .alert-icon i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-custom.alert-danger .alert-text {
    color: var(--color-white);
}

.alert.alert-custom.alert-danger .alert-close i {
    color: var(--color-white);
}

.alert.alert-custom.alert-danger .alert-close:focus,
.alert.alert-custom.alert-danger .alert-close:hover {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-custom.alert-light-danger {
    background-color: #FFE2E5;
    border-color: transparent;
}

.alert.alert-custom.alert-light-danger .alert-icon i {
    color: #F64E60;
}

.alert.alert-custom.alert-light-danger .alert-text {
    color: #F64E60;
}

.alert.alert-custom.alert-light-danger .alert-close i {
    color: #F64E60;
}

.alert.alert-custom.alert-light-danger .alert-close:focus,
.alert.alert-custom.alert-light-danger .alert-close:hover {
    color: #EE2D41;
}

.alert.alert-custom.alert-light-danger.alert-notice {
    border: 0;
    border-left: 4px solid #F64E60;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.alert.alert-custom.alert-outline-danger {
    background-color: transparent;
    border-color: #F64E60;
}

.alert.alert-custom.alert-outline-danger .alert-icon i {
    color: #F64E60;
}

.alert.alert-custom.alert-outline-danger .alert-text {
    color: #F64E60;
}

.alert.alert-custom.alert-outline-danger .alert-close i {
    opacity: 0.8;
    color: #F64E60;
}

.alert.alert-custom.alert-outline-danger .alert-close:focus i,
.alert.alert-custom.alert-outline-danger .alert-close:hover i {
    opacity: 1;
}

.alert.alert-custom.alert-light {
    background-color: var(--color-white);
    -webkit-backdrop-filter: blur(20px) brightness(140%);
    backdrop-filter: blur(20px) brightness(140%);
}

.alert.alert-custom.alert-light .alert-icon i {
    opacity: 0.8;
    color: #110F0D;
}

.alert.alert-custom.alert-light .alert-text {
    color: #110F0D;
}

.alert.alert-custom.alert-light .alert-close i {
    color: #110F0D;
}

.alert.alert-custom.alert-light .alert-close:focus,
.alert.alert-custom.alert-light .alert-close:hover {
    opacity: 1;
    color: #110F0D;
}

.alert.alert-custom.alert-light-light {
    background-color: #F3F6F9;
    border-color: transparent;
}

.alert.alert-custom.alert-light-light .alert-icon i {
    color: #F3F6F9;
}

.alert.alert-custom.alert-light-light .alert-text {
    color: #F3F6F9;
}

.alert.alert-custom.alert-light-light .alert-close i {
    color: #F3F6F9;
}

.alert.alert-custom.alert-light-light .alert-close:focus,
.alert.alert-custom.alert-light-light .alert-close:hover {
    color: #E4E6EF;
}

.alert.alert-custom.alert-light-light.alert-notice {
    border: 0;
    border-left: 4px solid #F3F6F9;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.alert.alert-custom.alert-outline-light {
    background-color: transparent;
    border-color: #F3F6F9;
}

.alert.alert-custom.alert-outline-light .alert-icon i {
    color: #3F4254;
}

.alert.alert-custom.alert-outline-light .alert-text {
    color: #3F4254;
}

.alert.alert-custom.alert-outline-light .alert-close i {
    opacity: 0.8;
    color: #3F4254;
}

.alert.alert-custom.alert-outline-light .alert-close:focus i,
.alert.alert-custom.alert-outline-light .alert-close:hover i {
    opacity: 1;
}

.alert.alert-custom.alert-dark {
    background-color: #181C32;
    border-color: #181C32;
}

.alert.alert-custom.alert-dark .alert-icon i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-custom.alert-dark .alert-text {
    color: var(--color-white);
}

.alert.alert-custom.alert-dark .alert-close i {
    color: var(--color-white);
}

.alert.alert-custom.alert-dark .alert-close:focus,
.alert.alert-custom.alert-dark .alert-close:hover {
    opacity: 1;
    color: var(--color-white);
}

.alert.alert-custom.alert-light-dark {
    background-color: #D1D3E0;
    border-color: transparent;
}

.alert.alert-custom.alert-light-dark .alert-icon i {
    color: #181C32;
}

.alert.alert-custom.alert-light-dark .alert-text {
    color: #181C32;
}

.alert.alert-custom.alert-light-dark .alert-close i {
    color: #181C32;
}

.alert.alert-custom.alert-light-dark .alert-close:focus,
.alert.alert-custom.alert-light-dark .alert-close:hover {
    color: #131628;
}

.alert.alert-custom.alert-light-dark.alert-notice {
    border: 0;
    border-left: 4px solid #181C32;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.alert.alert-custom.alert-outline-dark {
    background-color: transparent;
    border-color: #181C32;
}

.alert.alert-custom.alert-outline-dark .alert-icon i {
    color: #181C32;
}

.alert.alert-custom.alert-outline-dark .alert-text {
    color: #181C32;
}

.alert.alert-custom.alert-outline-dark .alert-close i {
    opacity: 0.8;
    color: #181C32;
}

.alert.alert-custom.alert-outline-dark .alert-close:focus i,
.alert.alert-custom.alert-outline-dark .alert-close:hover i {
    opacity: 1;
}

.alert.alert-custom.alert-white {
    background-color: var(--color-white);
    border-color: var(--color-white);
}

.alert.alert-custom.alert-white .alert-icon i {
    opacity: 0.8;
    color: #3F4254;
}

.alert.alert-custom.alert-white .alert-text {
    color: #3F4254;
}

.alert.alert-custom.alert-white .alert-close i {
    color: #3F4254;
}

.alert.alert-custom.alert-white .alert-close:focus,
.alert.alert-custom.alert-white .alert-close:hover {
    opacity: 1;
    color: #3F4254;
}

.alert.alert-custom.alert-light-white {
    background-color: var(--color-white);
    border-color: transparent;
}

.alert.alert-custom.alert-light-white .alert-icon i {
    color: var(--color-white);
}

.alert.alert-custom.alert-light-white .alert-text {
    color: var(--color-white);
}

.alert.alert-custom.alert-light-white .alert-close i {
    color: var(--color-white);
}

.alert.alert-custom.alert-light-white .alert-close:focus,
.alert.alert-custom.alert-light-white .alert-close:hover {
    color: #F3F6F9;
}

.alert.alert-custom.alert-light-white.alert-notice {
    border: 0;
    border-left: 4px solid var(--color-white);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.alert.alert-custom.alert-outline-white {
    background-color: transparent;
    border-color: var(--color-white);
}

.alert.alert-custom.alert-outline-white .alert-icon i {
    color: var(--color-white);
}

.alert.alert-custom.alert-outline-white .alert-text {
    color: var(--color-white);
}

.alert.alert-custom.alert-outline-white .alert-close i {
    opacity: 0.8;
    color: var(--color-white);
}

.alert.alert-custom.alert-outline-white .alert-close:focus i,
.alert.alert-custom.alert-outline-white .alert-close:hover i {
    opacity: 1;
}


/*alert end */


/* fix css angular */

.cdk-overlay-pane {
    max-width: 90vw !important;
}

.mat-dialog-container {
    background: transparent;
}

.mat-dialog-container {
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.input:disabled~.input-ic {
    opacity: 0.3;
}

.mat-dialog-container .modal-dialog-centered::before {
    display: none !important;
}

.mat-dialog-container .modal-dialog-centered {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mat-dialog-container .modal-dialog {
    max-width: 100%;
}

.list-link>div>.list-link-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.list-link>div:last-child>.list-link-item:last-child {
    border: 0;
}

.form-vertical .input-label {
    margin-bottom: 7px;
}

.input-label {
    display: block;
}

.input-readonly-trans,
.input-readonly-trans:focus {
    background-color: transparent;
    padding-left: 0;
}

html.cdk-global-scrollblock {
    position: static !important;
    left: 0 !important;
    top: 0 !important;
    overflow-y: unset !important;
}

[ng-app="App"][name="sidebar-left-trigger"]:first-child {
    display: unset !important;
    -webkit-appearance: checkbox !important;
    position: relative;
    z-index: 9999;
    width: 1px;
    height: 1px;
    opacity: 0;
}

app-root .modal {
    background: rgba(0, 0, 0, 0.5);
}

app-root .live-search-box {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}

app-root input::-webkit-input-placeholder {
    font-family: "Helvetica Neue", "Helvetica", "Nunito Sans", "Arial", sans-serif !important;
    font-size: 15px !important;
}

app-root input::-moz-placeholder {
    font-family: "Helvetica Neue", "Helvetica", "Nunito Sans", "Arial", sans-serif !important;
    font-size: 15px !important;
    line-height: 44px;
}

app-root input:-ms-input-placeholder {
    font-family: "Helvetica Neue", "Helvetica", "Nunito Sans", "Arial", sans-serif !important;
    font-size: 15px !important;
}

app-root input::placeholder {
    font-family: "Helvetica Neue", "Helvetica", "Nunito Sans", "Arial", sans-serif !important;
    font-size: 15px !important;
}

app-root .input-ic-sm-2 {
    padding-right: 44px;
}

.select-2-backdrop.show~.select-2-backdrop.show {
    display: none !important;
}


/* end fix css angular */


/*init*/

.pr5 .input-ic {
    right: 5px;
}

.form-group.row:after,
.form-group.row:before {
    display: none;
}

@media (max-width: 768px) {
    .tooltip {
        display: none !important;
    }
    .sidebar-mini__body {
        overflow: auto;
    }
}

body {
    font: 100% "Nunito Sans", "Arial", sans-serif;
    margin: 0;
    width: 100%;
    font-size: 16px;
    background-color: rgba(17, 15, 13, 1);
    overflow-x: hidden;
    color: #322E22;
    line-height: 18px;
    font-weight: 300;
    /*letter-spacing: -0.25px;*/
}

body.no-touch {
    padding-right: 0 !important;
    overflow-y: auto !important;
}
.box-blank {padding-top: 15px;padding-bottom: 15px;}
.color-primary2 {color: #D4B264;}
a.color-primary2:hover {color: #D4B264; opacity: 0.9;}
.text-underline {text-decoration: none;}
.modal-open {
    overflow: auto;
    padding-right: 0 !important;
}

.h0 {
    height: 0;
}

@media (max-width: 769px) {
    body.modal-open {
        overflow: hidden !important;
    }
}

.menu__mobile--profile img {
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid white;
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 1;
    margin: auto;
}

.menu-profile-img {
    position: absolute;
    width: 37px;
    background-size: cover;
    background-position: center;
    height: 37px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    border-radius: 18.5px;
}


/*end init*/


/* background */

.link.h6 {
    text-transform: none;
}

.input-ic--txt {
    font-size: 16px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}


/* end background */

.ubg-link {
    color: #322E22;
    padding: 0;
}

a.ubg-link:hover {
    color: var(--color-primary);
}

.box-white {
    background: #fff;
}

.bg-white {
    background: #fff;
    border-top: 1px solid rgba(50, 46, 34, 0.08);
}

.list-link .list-link-item .ic_cicle,
.list-info .list-info-item .ic_cicle {
    width: 40px;
    height: 40px;
}

.title-white {
    border-bottom: 1px solid rgba(50, 46, 34, 0.08);
    padding: 30px;
    color: #322E22;
}

.box-white-cont {
    padding: 30px;
    color: rgba(50, 46, 34, 0.87);
}

.modal-search {
    padding-top: 20px;
    margin-bottom: 15px;
}


/* fix color */

.modal .switch-bg,
.modal .switch-ic {
    border: 1.4px solid rgba(0, 0, 0, 0.4);
}

.modal .item-link-arrow {
    background-color: rgba(0, 0, 0, 0.05);
}

.modal .input-clean {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.modal .input-clean~.input-ic:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.02)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 30%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 30%);
}

.modal .input-material~.input-label,
.modal .input-label,
.modal .color-white-3 {
    /* color: rgba(0, 0, 0, 0.6);*/
}

.nosearch .select2-search--dropdown {
    display: none;
}

.input-group.input-group-material .select2-container {
    width: 100% !important;
}

.modal .input-material:focus~.input-label,
.modal .input-material.light-pick-focus~.input-label,
.modal .input-material~.btn-group.open~.input-label {
    color: #110F0D;
}

.modal .input-material,
.input-material~.select2-container--default .select2-selection--single,
.input-material~.select2-container--default .select2-selection--multiple,
.input-material~.btn-group .multiselect {
    border: 1px solid rgba(255, 255, 255, 0.24);
}

.textarea-autosize {
    line-height: 1.3;
}

.modal .table-basic>tbody>tr:nth-of-type(odd) {
    color: var(--color-white);
    background-color: transparent;
}

.modal .table-border-h>tbody>tr>td,
.modal .table-border-h>thead>tr>th,
.modal .table-border-h>tfoot>tr>td {
    border-bottom: 1px solid #eaeeec;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeeec;
}

.modal .table-border-v>tbody>tr>td,
.modal .table-border-v>thead>tr>th,
.modal .table-border-v>tfoot>tr>td {
    border-right: 1px solid #eaeeec;
    border-left: 1px solid #eaeeec;
}

.modal .table-basic>thead>tr>th {
    color: rgba(74, 74, 74, 0.6);
}

.modal th {
    /*border-top: 1px solid #eaeeec;*/
}

.input-material~.input-label {
    color: rgba(255, 255, 255, 0.7);
}

.input-material,
.input-line {
    color: var(--color-main);
}

.modal .switch-text {
    color: var(--color-white);
    opacity: 0.5;
}

.modal .list-check-item>label,
.modal .list-check-item>.switch {
    border-bottom: 1px solid #eaeeec;
}

.modal input[type="checkbox"]:checked~.table .switch-on {
    color: var(--color-white);
}

.modal input[type="checkbox"]:checked~.table .switch-on {
    opacity: 1;
}

.input-line option {
    margin: 40px;
    color: var(--color-white);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

a.ubg-op-white-3 {
    -webkit-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
}

a.ubg-op-white-3:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.ubg-primary .ubtn-text {
    color: var(--color-main);
}

.ubg-primary {
    background-color: #005D98;
    background-image: -webkit-linear-gradient(-120deg, #005D98 0%, #00A1E4 100%);
    background-image: -moz-linear-gradient(-120deg, #005D98 0%, #00A1E4 100%);
    background-image: -o-linear-gradient(-120deg, #005D98 0%, #00A1E4 100%);
    background-image: linear-gradient(-120deg, #005D98 0%, #00A1E4 100%);
}

.ubg-primary:hover {
    opacity: 0.92;
}

.ubtn-gray {
    background: rgba(50, 46, 34, 0.08);
}

.ubtn-gray:hover {
    background: rgba(50, 46, 34, 0.12);
}

.table {
    color: inherit;
}

.wrap-checkbox.list-col .list-info-item {
    padding: 0 16px;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
}

.wrap-checkbox.list-col .check-all-label.check-all-section {
    padding: 15px;
    margin-left: 0;
    margin-right: 0;
}

.wrap-checkbox.list-col .list-info-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
}
.wrap-checkbox.list-col .list-info-item:last-child:hover {
    border-radius: 0 0 16px 16px;
}
a.ubg-primary-light,
button.ubg-primary-light,
.ubg-primary-light {
    background:  #e1f6fd;
    color: #005d98;
}

a.ubg-primary-light:hover,
button.ubg-primary-light:hover {
    opacity: 0.95;color: #005d98;
}

.ubg-red-light {
    background-color: #E55555;
    color: var(--color-white);
}

.ubg-red-light:hover {
    background-color: rgb(238, 103, 103);
}
.box.box--light .active.ubg-secondary, .box.box--light .ubg-secondary:hover {
    background-color: #00A1E4;
}
.ubtn.ubg-trans,
.ubtn.ubg-secondary,
a.ubg-secondary {
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.ubtn.ubg-trans:hover {
    background-color: rgb(255, 255, 255, 0.1);
    color: var(--color-main);
}

.tk-eye:hover {
    background-color: rgb(255, 255, 255, 0.08);
    color: var(--color-main);
}

a.ubg-secondary:hover {
    background-color: rgb(255, 255, 255, 0.95);
    color: #005D98;
}

.ubg-black {
    background: rgba(34, 41, 48, 0.8);
    color: var(--color-white);
}

.box.box--light .ubg-secondary:hover,
.sidebar-menu .ubg-secondary:hover,
.main-header .ubg-secondary:hover {
    background-color: rgb(255, 255, 255, 0.1);
    color: var(--color-main);
}

.ubg-black:hover { opacity: 0.9;}

.box2 .ubtn.ubg-secondary:hover,
.box2 a.ubg-secondary:hover,
.box2 .tk-eye:hover {
    background-color: rgb(255, 255, 255, 0.1);
}

.ubg-trans .legitRipple-ripple,
.ubtn.ubg-secondary .legitRipple-ripple,
.menu__ic-box .legitRipple-ripple,
.box .legitRipple-ripple {
    opacity: 0.1;
}

.font20 {
    font-size: 20px;
}

.select2-results__option {
    color: #121f3e;
}

.ubg-primary .legitRipple-ripple {
    opacity: 0.1;
}

.ubtn-line-white {
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.color-white-38 {
    color: rgba(255, 255, 255, 0.38);
}

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

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

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

.ubtn-line-white-sm {
    height: 24px;
    border-radius: 12px;
    cursor: pointer !important;
}

.ubtn-line-white-sm .ubtn-text {
    font-size: 12px;
    white-space: nowrap;
    padding: 0 10px;
    font-weight: 500;
}


/* end fix color */


/* hover line */

.hover-line {
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(114, 191, 0)), to(rgb(114, 191, 0)));
    background-image: -o-linear-gradient(left, rgb(114, 191, 0) 0%, rgb(114, 191, 0) 100%);
    background-image: linear-gradient(to right, rgb(114, 191, 0) 0%, rgb(114, 191, 0) 100%);
    background-size: 0 1px;
    background-position: 0px 95%;
    -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    padding: 2px 0px;
}

.hover-red:hover {
    color: #ff4800de
}

.no-touch .hover-line:hover {
    /* background-size: 100% 1px;*/
}


/* end hover line */


/* header */

.menu {
    background-color: transparent;
    /* opacity: 0.9; */
}

.menu .menu__wrap {
    text-align: center;
}

.menu.menu--sticky .menu__wrap {
    text-align: left;
    position: relative;
}

.background .menu.menu--sticky .menu__wrap {
    text-align: center;
}

.menu--sticky {
    background-color: rgba(36, 32, 25, 0.87);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

@supports ((-webkit-backdrop-filter: blur(9px)) or (backdrop-filter: blur(9px))) {
    .menu--sticky {
        background-color: rgba(14, 32, 44, 0.87);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        -webkit-backdrop-filter: blur(9px);
        backdrop-filter: blur(9px);
    }
}

@media (min-width: 1201px) {
    .menu,
    .search {
        width: -webkit-calc(100% - 320px);
        width: calc(100% - 320px);
        left: 320px;
        right: auto;
        border-radius: 0;
    }
    .menu:not(.menu--sticky) {
        top: 0;
    }
}

@media (max-width: 1200px) {
    .menu__ic-box {
        width: 100%;
    }
}

.menu__item {
    opacity: 0.6;
}

.menu__ic-box {
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.no-touch .menu__ic-box:hover {
    /*background-color: rgba(255, 255, 255, 0.05);*/
    opacity: 1;
}

.cart-ic-number {
    position: absolute;
    top: 5px;
    z-index: 10;
    right: 5px;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 61, 78, 0.4);
    box-shadow: 0 0 20px 0 rgba(255, 61, 78, 0.4);
    font-size: 11px;
    font-weight: 500;
    display: block;
    line-height: 21px;
}

.main {
    padding-bottom: 0;
    min-height: -webkit-calc(100vh - 60px);
    min-height: calc(100vh - 60px);
    position: relative;
    z-index: 2;
}

.main--with-sidebar-both {
    min-height: -webkit-calc(92vh - 128px);
    min-height: calc(92vh - 128px);
}

.main--with-menu {
    margin-top: 80px;
    padding-top: 0;
    margin-bottom: 48px;
}

.main-header {
    padding-top: 32px;
    margin-bottom: 32px;
}

.main--bg {
    background-color: rgba(20, 34, 32, 0.7);
}

.main-section {
    padding-right: 30px;
    padding-left: 30px;
    margin: 0 auto;
    max-width: none;
}

.main-section-big {
    padding-left: 60px;
    padding-right: 60px;
}


.main .news-section:last-child .main-section-inner {
    padding-bottom: 0;
}

.news-content .box-list-product .blog-item_bottom {
    padding-bottom: 0;
}

.home-section:last-child .main-section-inner {
    border-bottom: none;
}

.main-bg-section:last-child {
    margin-bottom: 0;
}

.main-bg-section {
    position: relative;
}

.main-bg-section>.anchor {
    position: absolute;
    top: -70px;
    height: 1px;
    width: 100%;
    left: 0;
}

@media (max-width: 1200px) {
    .main {
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .main-section-big {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 600px) {
    .main-section,
    .banner {
        padding-right: 16px;
        padding-left: 16px;
    }
    .main {
        min-height: 100vh;
    }
    .main-bg-section>.anchor {
        top: -100px;
    }
}


/* end header */


/* banner */

.banner {
    overflow: hidden;
    margin-bottom: 30px;
}

.banner img {
    border-radius: 16px;
}

@media (max-width: 767px) {
    .banner img {
        border-radius: 16px;
    }
}


/* end banner */


/* fav */

.fav-item {
    width: 16.6666%;
    position: relative;
    display: inline-block;
    max-height: 200px;
}

@supports (-ms-accelerator: true) {
    /* Edge 12+ CSS */
    .fav .fav-item {
        display: table;
    }
}

@supports (-ms-ime-align: auto) {
    /* Edge 16+ CSS */
    .fav .fav-item {
        display: table;
    }
}

@supports (-ms-accelerator: true) or (-ms-ime-align: auto) {
    @media (min-width: 40px) {
        path[stroke-width*="1."] {
            stroke-width: 1.1 !important;
        }
    }
}

.fav-item-inner {
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.3;
    color: var(--color-main);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    position: relative;
    width: auto;
    height: auto;
    border-radius: 0;
}

.fav-setting .fav-item-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px dashed rgba(255, 255, 255, 0.2);
}

.fav-ic {
    padding: 13%;
    padding-bottom: 0;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    position: relative;
    z-index: 2;
}

.fav-text {
    padding-top: 0;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    z-index: 2;
}

.fav-item-inner .fav-text {
    color: var(--color-main);
}

.fav-ic img {
    width: 40px;
}

.fav-item:not(.fav-setting) .fav-item-inner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    /*background-image: url(../images/web/img/bg-bubble.svg);*/
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: top 10px center;
}

.fav-item:not(.fav-setting) .fav-item-inner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 120px 120px;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    background-size: 30px;
    background-position: top -3px left -3px;
    border-radius: inherit;
}

.main .fav-item:not(.fav-setting) .fav-item-inner::after {
    background-size: 70px;
    background-position: top -20px left -20px;
}

.fav-item:not(.fav-setting):nth-child(n+1) .fav-item-inner::after {}

.fav-item-inner:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.fav-setting .fav-item-inner:hover .fav-ic {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #110F0D;
    -webkit-box-shadow: 0 0 10px 0 rgba(172, 142, 99, 0.5), inset 0 0 10px 0 rgba(172, 142, 99, 0.5);
    box-shadow: 0 0 10px 0 rgba(172, 142, 99, 0.5), inset 0 0 10px 0 rgba(172, 142, 99, 0.5);
}

.fav-item-inner:hover::after .fav-ic {
    background-size: 160px 160px;
}

.swiper-fav {
    overflow: visible;
}

.menu__logo-simple {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
}

.menu__logo-main {
    -webkit-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
    display: block;
}

.sticky-fav~.menu .menu__logo-main {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}

.sticky-fav~.menu .menu__logo-simple {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 1;
}

@media (min-width: 1700px) {
    .fav-ic img {
        width: 40px;
    }
}

@media (max-width: 1540px) {
    .fav-item {
        width: 33.333%;
    }
    .fav-page-setting .fav-item {
        width: 33.333%;
        padding-top: 33.333%;
    }
}

@media (min-width: 1201px) and (max-width: 1384px) {
    /* .fav-item-inner {
      left: 15px;
      width: calc(100% - 30px);
      height: calc(100% - 30px);
   } */
    .fav-ic img {
        width: 40px;
    }
    .fav-page-setting .fav-item-inner {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
        height: -webkit-calc(100% - 20px);
        height: calc(100% - 20px);
        left: 10px;
    }
}

@media (min-width: 1201px) and (max-width: 1330px) {
    .fav-item {
        width: 33.333%;
    }
    a .home-ults-ic {
        padding: 10px 0;
    }
}

@media (max-width: 920px) {
    .fav-item {
        width: 16.66%;
    }
    .fav-text {
        max-width: 100%;
    }
}

@media (max-width: 840px) {
    .fav-item {
        width: 25%;
    }
}

@media (min-width: 768px) {
    .swiper-wrapper {
        float: right;
        width: auto;
    }
}

@media (max-width: 1199px) {
    .fav-item-inner:hover .fav-ic {
        -webkit-box-shadow: 0 5px 10px 0 rgba(172, 142, 99, 0.4);
        box-shadow: 0 5px 10px 0 rgba(172, 142, 99, 0.4);
    }
    .tooltip {
        display: none;
    }
    .fav-item-inner {
        left: 5px;
    }
    .swiper-fav .swiper-wrapper {
        -webkit-flex-wrap: unset;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
    }
    .fav-item {
        width: 130px;
        padding-top: 0;
    }
    .fav-item.row-40>* {
        padding-left: 10px;
        padding-right: 10px;
    }
    .swiper-fav .fav-item:first-child {
        margin-left: 75px;
    }
    .fav-section {
        overflow: hidden;
        margin-bottom: 16px;
    }
    .banner {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 600px) {
    .owl-next::before,
    .owl-prev::before {
        width: 24px;
        height: 24px;
        background-size: 10px 10px;
    }
    .owl-nav .owl-next,
    .owl-nav .owl-prev {
        width: 24px;
        height: 24px;
    }
    .swiper-fav .fav-item:first-child {
        margin-left: 0;
    }
    .banner {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
    }
    .main .fav {
        padding-bottom: 0;
    }
    .main .fav-item:not(.fav-setting) .fav-item-inner::after,
    .main .fav-item:not(.fav-setting) .fav-item-inner::before {
        display: none;
    }
    .main .fav-item-inner {
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: 0;
        background: transparent !important;
    }
    .owl-carousel .owl-item .fav-ic img {
        position: relative;
        z-index: 3;
        width: 36px;
        height: 36px;
    }
    .main .fav-ic:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        /*background-image: url(../images/web/img/bg-circle.svg);*/
        background-size: 30px;
        background-position: top -3px left -3px;
        left: 0;
        top: 0;
        z-index: 1;
    }
    .main .fav-ic:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        /*background-image: url(../images/web/img/bg-bubble.svg);*/
        background-repeat: no-repeat;
        background-size: 50% auto;
        background-position: top 3px center;
        left: 0;
        top: 0;
        z-index: 2;
    }
    .main .fav-item-inner {
        position: relative;
        width: auto;
        height: auto;
        border-radius: 0;
        left: 0;
    }
    .main .fav-item {
        padding-top: 0;
        width: auto;
        width: 25%;
    }
    .main .fav .row-40 {
        margin-left: 0;
        margin-right: 0;
    }
    .main .fav .row-40>* {
        padding-left: 3px;
        padding-right: 3px;
    }
    .main .fav-text {
        max-width: 83px;
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.75);
    }
    .main .fav-setting .fav-ic,
    .main .fav-setting .fav-ic:before,
    .main .fav-setting .fav-ic:after {
        background: transparent;
    }
    .main .fav-setting .fav-item-inner {
        border: 0;
        box-shadow: none;
    }
    .main .fav-setting .fav-ic {
        border: 1px dashed rgba(255, 255, 255, 0.2);
    }
}


/* fav-page */

.fav-page-setting .fav-item-inner {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    left: 15px;
}

.fav-setting__inner {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.fav-setting__sub .fav-item:not(.fav-setting) .fav-item-inner::before,
.fav-setting__sub .fav-item:not(.fav-setting) .fav-item-inner::after {
    display: none;
}

.fav-page-setting .fav-item:not(.fav-setting) .fav-item-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.fav-setting__sub .fav-item:not(.fav-setting) .fav-item-inner {
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sortable-ghost {
    opacity: 0.3;
}

.fav-page-setting .fav-item:not(.fav-setting).sortable-selected .fav-item-inner {
    border: 1px solid red;
}

.fav-setting__main {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
}

.fav-page-setting .fav-ic img {
    width: 36px;
}

.fav-page-setting .fav-item:not(.fav-setting) .fav-item-inner::after,
.fav-page-setting .fav-item:not(.fav-setting) .fav-item-inner::before {
    display: none;
}

.fav-page-setting .fav-item-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
}

.fav-page-setting .fav-ic {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    padding: 0;
    line-height: 46px;
    margin-bottom: 5px;
    background: rgb(172, 142, 99);
    background: -o-linear-gradient(330deg, rgba(116, 163, 82, 0.9) 0%, rgba(69, 150, 100, 0.9) 100%);
    background: linear-gradient(120deg, rgba(116, 163, 82, 0.9) 0%, rgba(69, 150, 100, 0.9) 100%);
}

.fav-page-setting .fav-ic img {
    position: relative;
    z-index: 3;
    width: 30px;
    -webkit-filter: drop-shadow(0 2px 2px #126731);
    filter: drop-shadow(0 2px 2px #126731);
}

.fav-page-setting .fav-ic:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../images/web/img/bg-circle.svg);
    background-size: 30px;
    background-position: top -3px left -3px;
    left: 0;
    top: 0;
    z-index: 1;
}

.fav-page-setting .fav-ic:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/web/img/bg-bubble.svg);
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: top 10px center;
    left: 0;
    top: 0;
    z-index: 2;
}

.fav-page-setting .fav-item-inner {
    position: relative;
    width: auto;
    height: auto;
    border-radius: 0;
    left: 0;
}

.fav-page-setting .fav-item {
    padding-top: 0;
    width: auto;
    width: 20%;
}

.fav-page-setting .fav-text {
    padding-bottom: 20px;
}

.handle {
    cursor: -webkit-grab;
    cursor: grab;
}

.fav-item>.ubtn-wrap {
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    display: inline-block;
    margin: auto;
    z-index: 20;
    width: 66px;
}

.fav-item>.ubtn-wrap>.ubtn {
    margin-right: 0;
    margin-left: auto;
}

@media (max-width: 1600px) {
    .fav-page-setting .fav-item {
        width: 25%;
    }
}

@media (max-width: 1440px) {
    .fav-page-setting .fav-item {
        width: 33.3333%;
    }
}


/* endfav-page */

.fav-cont {
    margin: 0 auto;
}



.fav--sticky-top {
    top: 0;
}

.fav--sticky .fav-item {
    width: 44px;
    margin-left: 15px;
}

.fav--sticky .fav-ic {
    padding: 0;
    line-height: 44px;
    text-align: center;
}

.fav--sticky .fav-ic img {
    width: 32px;
}

.fav--sticky .fav-item-inner {
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    height: 100%;
    border-radius: 16px;
    left: 0;
    width: 44px;
    height: 44px;
    min-width: 0;
    min-height: 0;
}

.swiper-fav-sticky {
    overflow: visible;
}

.fav--sticky .row {
    -webkit-flex-wrap: unset;
    -ms-flex-wrap: unset;
    flex-wrap: unset;
}

.swiper-fav-sticky {
    opacity: 0;
    -webkit-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
}

.sticky-fav .swiper-fav-sticky {
    opacity: 1;
}

.sticky-fav.fav--sticky {
    overflow-y: hidden;
}

.fav-section {
    -webkit-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
    padding-top: 25px;
}

.sticky-fav .main .fav-section {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
}

@media (min-width: 1201px) {
    .swiper-fav-sticky {
        -webkit-transform: translateY(140%);
        -ms-transform: translateY(140%);
        transform: translateY(140%);
    }
    .sticky-fav .swiper-fav-sticky {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .fav--sticky {
        right: 0;
        border-radius: 16px;
    }
}


/*swiper-fav-sticky */

.swiper-fav-sticky .swiper-next,
.swiper-fav-sticky .swiper-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 70px;
    cursor: pointer;
    background-color: #042018;
    background-position: center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    z-index: 2;
}

.swiper-fav-sticky .swiper-next:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    background-size: 22px;
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(../images/base/icons/arrow-right/square/white.svg);
}

.swiper-fav-sticky .swiper-prev:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    background-size: 22px;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url(../images/base/icons/arrow-left/square/white.svg);
}

.swiper-fav-sticky .swiper-next {
    right: -40px;
    background: rgb(52, 85, 73);
    background: rgb(52, 85, 73);
    background: -webkit-gradient(linear, left top, right top, from(rgba(63, 63, 63, 0)), color-stop(60%, rgba(63, 63, 63, 1)));
    background: -o-linear-gradient(left, rgba(63, 63, 63, 0) 0%, rgba(63, 63, 63, 1) 60%);
    background: linear-gradient(90deg, rgba(63, 63, 63, 0) 0%, rgba(63, 63, 63, 1) 60%);
}

.swiper-fav-sticky .swiper-prev {
    left: -40px;
    background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(63, 63, 63, 1)), to(rgba(63, 63, 63, 0)));
    background: -o-linear-gradient(left, rgba(63, 63, 63, 1) 40%, rgba(63, 63, 63, 0) 100%);
    background: linear-gradient(90deg, rgba(63, 63, 63, 1) 40%, rgba(63, 63, 63, 0) 100%);
}

.swiper-fav-sticky .swiper-button-disabled {
    opacity: 0.1;
    cursor: default;
}


/*end swiper-fav-sticky */

@media (max-width: 1200px) {
    .fav--sticky {
        top: 63px;
        padding: 7px 0;
        width: 100%;
        left: 0;
        pointer-events: none;
        z-index: 99;
    }
    .sticky-fav.fav--sticky {
        pointer-events: all;
        background-color: rgba(36, 32, 25, 0.7);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
    }
    .swiper-fav-sticky .swiper-prev {
        left: -30px;
    }
    .swiper-fav-sticky .swiper-next {
        right: -30px;
    }
}


/* end fav */


/* home ults item */

.home-section-info {
    max-width: 450px;
}

.home-ults__item {
    width: 25%;
    position: relative;
    display: inline-block;
}

.home-ults__item .home-ults__item__inner:hover::before {
    background-color: #183d39;
}

.home-ults__item__inner {
    max-width: 110px;
    margin-left: auto;
    margin-right: auto;
}

.home-ults-ic {
    width: 100%;
    padding: 24px 16px 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
}

.home-ults-ic:after {
    /*position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(255, 255, 255, 0.08);
    z-index: 1;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    border-radius: 24px;*/
}

.home-ults__item__inner:hover .home-ults-ic:after {
    /*background-color: rgba(255, 255, 255, 0.12);*/
}

.home-ults-ic img {
    z-index: 2;
    display: block;
    margin: auto;
    width: 32px;
}

.home-ults-text {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.home-ults-text__main {
    padding-bottom: 5px;
}

.home-ults-text__sub {
    color: rgba(255, 255, 255, 0.75);
    /* width: calc(100% + 20px);
   margin-left: -10px; */
}

.home-ults__item__inner:hover .home-ults-text__sub {
    color: var(--color-main);
}


.home-funcion .main-section-inner {
    padding-bottom: 0;
}

.main-title {
    font-size: 16px;
    margin-left: -60px;
    padding: 5px 60px 5px 60px;
    display: inline-block;
    position: relative;
    background-image: url("../images/web/img/title-bg.svg");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right 30px center;
    color: var(--color-main);
}

.title_main {
    color: var(--color-white);
    font-size: 24px;
    margin-bottom: 32px;
    line-height: 32px;font-weight: 700;
}

.main-title-ic {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media (max-width: 768px) {
    .main-title {
        background-position: right center;
    }
    .main-title-ic {
        display: none;
    }
}

@media (max-width: 1500px) {
    .home-ults-text__sub {
        font-size: 14px;
        /* text-transform: capitalize; */
    }
}

@media (min-width: 1201px) and (max-width: 1369px) {
    .home-ults-wrap .row-50>* {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* .home-ults-ic {
      width: 70%;
      padding-top: 70%;
      border-radius: 16px;
   }
   .home-ults-ic:after {
      border-radius: 16px;
   } */
}

@media (max-width: 840px) {
    .home-ults__item {
        width: 33.3333%;
    }
}

@media (max-width: 600px) {
    
    .home-ults-ic {
        text-align: center;
        float: left;
    }
    .home-ults-ic:after {
        display: none;
    }
    .home-section-info {
        display: none;
    }
    .function-pic {
        background-color: rgba(255, 255, 255, 0.08);
        z-index: 1;
        display: table-cell;
        -webkit-transition: 0.2s all ease-in-out;
        -o-transition: 0.2s all ease-in-out;
        text-align: center;
        vertical-align: middle;
        transition: 0.2s all ease-in-out;
        margin-bottom: 10px;
        border-radius: 24px;
    }
    .home-ults-ic img {
        height: 48px;
        width: 48px;
    }
    .main-title {
        font-size: 16px;
        font-weight: 500;
        padding: 3px 28px 3px 60px;
    }
    .home-ults-text__main {
        font-size: 12px;
        padding-bottom: 3px;
    }
    .home-ults-text__sub {
        line-height: 14px;
        width: 100%;
        margin-left: 0;
    }
    .home-ults__item__inner {
        text-transform: unset;
        display: inline-block;
    }
    .home-ults-wrap>.row-50 {
        margin-left: -5px;
        margin-right: -5px;
    }
    .home-ults-wrap>.row-50 .home-ults__item {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 0;
        padding-top: 0;
    }
    .home-ults-text {
        margin-top: 10px;
    }
    .home-ults-ic:after {
        border-radius: 16px;
    }
    .home-section-info>span {
        font-size: 14px;
    }
}


/* end home ults item */


/* blog */


/* blog__tag */

.blog-item a:not(.row) {
    display: block;
}

.blog__tag {
    padding: 3px 10px;
    border-radius: 13px;
    display: inline-block;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.75);
}

.blog__tag-star {
    border: 0;
    background-color: var(--color-white);
    padding-right: 23px;
    background-image: url(../images/web/icons/other/ic_star.svg);
    background-position: center right 7px;
    background-repeat: no-repeat;
}

.blog__tag-star .blog__tag-txt {
    color: var(--color-white);
    font-weight: 600;
}

.blog__tag-txt {
    color: var(--color-main);
}


/* end blog__tag */

.blog-item {
    display: block;
    color: white !important;
}

.blog-all {
    text-transform: uppercase;
    font-weight: bold;
}

.blog-item__sub {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: 500;
}

.blog-item__txt {
    line-height: 1.5;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.8) !important;
}

.blog-item .hover-line,
.hover-line-white {
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255, 0.9)), to(rgb(255, 255, 255, 0.9)));
    background-image: -o-linear-gradient(left, rgb(255, 255, 255, 0.9) 0%, rgb(255, 255, 255, 0.9) 100%);
    background-image: linear-gradient(to right, rgb(255, 255, 255, 0.9) 0%, rgb(255, 255, 255, 0.9) 100%);
    background-size: 0 1px;
    background-position: 0px 95%;
    -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    padding: 0.3% 0px;
}

a.blog-item {
    cursor: pointer;
}

a.blog-item:hover .hover-line,
.hover-line-white:hover {
    background-size: 100% 1px;
}

.blog-item:hover .blog-item__img img {
    /* -webkit-transform: scale(1.1);
  transform: scale(1.1); */
}

.login-news .blog-item:hover .blog-item__img img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.blog-item__img {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    overflow: hidden;
    padding-top: 60%;
    position: relative;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 0.1);
}

.login .blog-item__img,
.blog-item-big .blog-item__img {
    padding-top: 52.5%;
}

.blog-item__img img {
    position: absolute;
    height: 100.5%;
    width: auto;
    max-width: none;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: -webkit-transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, -webkit-transform 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

.blog-detail-body p,
.blog-detail-body .p {
    font-size: 16px;
    letter-spacing: 0.2px;
    color: rgba(0, 0, 0, 0.8);
}

.news-tab-txt {
    opacity: 0.5;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    min-height: 30px;
    line-height: 30px;
}

.news-tab-item {
    cursor: pointer;
}

.news-tab-item:hover .news-tab-txt {
    opacity: 1;
}

.news-tab-item>input:checked~.news-tab-txt {
    opacity: 1;
    font-size: 18px;
}

.news-tabs {
    white-space: nowrap;
    overflow: auto;
    padding-left: 60px;
    padding-right: 60px;
    margin-left: -60px;
    margin-right: -60px;
}

.news-tabs>.row {
    -webkit-flex-flow: nowrap;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
}

.news-title {
    line-height: 1.3;
}

.news-detail>* {
    font-size: 17px;
}

@media (max-width: 992px) {
    .scroll-content-list {
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        display: block;
    }
    .scroll-content-list>* {
        width: 80vw;
        max-width: 320px;
        display: inline-block;
        font-size: 0;
        -webkit-transform: translate3d(0, 0, 0);
    }
    .blog-item__txt {
        white-space: normal;
    }
    .blog-all {
        padding-top: 20px;
        display: block;
    }
    .blog-item__txt {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .news-tabs {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: -15px;
    }
}


/* end blog */


/* footer */

footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px;
    font-size: 12px;
    text-align: center;
    z-index: 1;
    position: relative;
    color: rgba(255, 255, 255, 0.6);
}

.login-footer {
    background-color: rgba(0, 0, 0, 0.4);
    left: 0;
    width: 100%;
    font-size: 16px;
    padding-left: 40px;
    padding-right: 40px;
}

.footer-item-icon {
    padding-left: 23px;
    position: relative;
    color: rgb(255, 255, 255, 0.9);
}

.footer-item-icon::after {
    background-position: left center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 14px;
    content: "";
    background-size: contain;
}

.footer-item-lh::after {
    width: 18px;
    height: 18px;
}

.footer-item-phone:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14.001' viewBox='0 0 14 14.001'%3E%3Cg id='phone' transform='translate(-776.947 -101.949)'%3E%3Cpath id='icons8_phone' d='M14.466,17h-.015c-2.392-.078-5.193-2.4-7.124-4.327S3.077,7.937,3,5.556c-.027-.835,2.023-2.32,2.044-2.335a.986.986,0,0,1,1.365.1C6.574,3.545,8.128,5.9,8.3,6.167a1.119,1.119,0,0,1-.069,1.1c-.12.229-.521.933-.708,1.262a16.647,16.647,0,0,0,1.845,2.1,16.721,16.721,0,0,0,2.1,1.846c.328-.187,1.032-.588,1.262-.709a1.128,1.128,0,0,1,1.1-.072c.285.175,2.633,1.736,2.849,1.887a.809.809,0,0,1,.322.6,1.17,1.17,0,0,1-.222.767C16.761,14.975,15.294,17,14.466,17Z' transform='translate(773.946 98.951)' fill='%2372BF00'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.footer-item-phone::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14.001' viewBox='0 0 14 14.001'%3E%3Cg id='phone' transform='translate(-776.947 -101.949)'%3E%3Cpath id='icons8_phone' d='M14.466,17h-.015c-2.392-.078-5.193-2.4-7.124-4.327S3.077,7.937,3,5.556c-.027-.835,2.023-2.32,2.044-2.335a.986.986,0,0,1,1.365.1C6.574,3.545,8.128,5.9,8.3,6.167a1.119,1.119,0,0,1-.069,1.1c-.12.229-.521.933-.708,1.262a16.647,16.647,0,0,0,1.845,2.1,16.721,16.721,0,0,0,2.1,1.846c.328-.187,1.032-.588,1.262-.709a1.128,1.128,0,0,1,1.1-.072c.285.175,2.633,1.736,2.849,1.887a.809.809,0,0,1,.322.6,1.17,1.17,0,0,1-.222.767C16.761,14.975,15.294,17,14.466,17Z' transform='translate(773.946 98.951)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    color: #110F0D;
}

.footer-item-lh:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg id='ic_lien-he' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_352' data-name='Rectangle 352' width='24' height='24' fill='%2372bf00' opacity='0'/%3E%3Cg id='Group' transform='translate(2 2.001)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M3.286,1.642A1.643,1.643,0,1,0,1.643,3.283,1.643,1.643,0,0,0,3.286,1.642Z' transform='translate(7.328 16.87)' fill='%2372bf00' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M16.961,6.843h2.152a1.375,1.375,0,0,1,1.375,1.375v2.621a1.375,1.375,0,0,1-1.375,1.375h-2.2V6.957A6.865,6.865,0,0,0,10.9.031a6.672,6.672,0,0,0-7.326,6.64v5.543h-2.2A1.376,1.376,0,0,1,0,10.839V8.218A1.376,1.376,0,0,1,1.375,6.843H3.528' fill='rgba(255,255,255,0)' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M0,0S1.21,2.878,3.27,3.373' transform='translate(4.136 14.645)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Crect id='Rectangle_351' data-name='Rectangle 351' width='3' height='5' transform='translate(17.35 7.345)' fill='%2372bf00'/%3E%3Crect id='Rectangle_353' data-name='Rectangle 353' width='3' height='5' transform='translate(0.35 7.345)' fill='%2372bf00'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.footer-item-lh::after {
    background-image: url("data:image/svg+xml,%3Csvg id='ic_lien-he' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_352' data-name='Rectangle 352' width='24' height='24' fill='%23fff' opacity='0'/%3E%3Cg id='Group' transform='translate(2 2.001)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M3.286,1.642A1.643,1.643,0,1,0,1.643,3.283,1.643,1.643,0,0,0,3.286,1.642Z' transform='translate(7.328 16.87)' fill='%23fff' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M16.961,6.843h2.152a1.375,1.375,0,0,1,1.375,1.375v2.621a1.375,1.375,0,0,1-1.375,1.375h-2.2V6.957A6.865,6.865,0,0,0,10.9.031a6.672,6.672,0,0,0-7.326,6.64v5.543h-2.2A1.376,1.376,0,0,1,0,10.839V8.218A1.376,1.376,0,0,1,1.375,6.843H3.528' fill='rgba(255,255,255,0)' stroke='%23fff' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M0,0S1.21,2.878,3.27,3.373' transform='translate(4.136 14.645)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Crect id='Rectangle_351' data-name='Rectangle 351' width='3' height='5' transform='translate(17.35 7.345)' fill='%23fff'/%3E%3Crect id='Rectangle_353' data-name='Rectangle 353' width='3' height='5' transform='translate(0.35 7.345)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.footer-item-globe::after {
    width: 18px;
    height: 18px;
}

.footer-item-globe:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg id='ic_globe' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_183' data-name='Rectangle 183' width='24' height='24' fill='%2372bf00' opacity='0'/%3E%3Cg id='ic_shape_left' data-name='ic/shape/left' transform='translate(3 3)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M18.614,9.308a9.307,9.307,0,1,0-9.307,9.307A9.308,9.308,0,0,0,18.614,9.308Z' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M.431,0V18.614' transform='translate(8.876)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M2.663,0s-5.991,9,0,18.414' transform='translate(5.284 0.101)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_7' data-name='Stroke 7' d='M0,0S5.991,9,0,18.414' transform='translate(10.668 0.101)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_9' data-name='Stroke 9' d='M0,.431H17.755' transform='translate(0.394 6.195)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_11' data-name='Stroke 11' d='M0,.431H17.755' transform='translate(0.394 11.594)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.footer-item-globe::after {
    background-image: url("data:image/svg+xml,%3Csvg id='ic_globe' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_183' data-name='Rectangle 183' width='24' height='24' fill='%23fff' opacity='0'/%3E%3Cg id='ic_shape_left' data-name='ic/shape/left' transform='translate(3 3)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M18.614,9.308a9.307,9.307,0,1,0-9.307,9.307A9.308,9.308,0,0,0,18.614,9.308Z' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M.431,0V18.614' transform='translate(8.876)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M2.663,0s-5.991,9,0,18.414' transform='translate(5.284 0.101)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_7' data-name='Stroke 7' d='M0,0S5.991,9,0,18.414' transform='translate(10.668 0.101)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_9' data-name='Stroke 9' d='M0,.431H17.755' transform='translate(0.394 6.195)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_11' data-name='Stroke 11' d='M0,.431H17.755' transform='translate(0.394 11.594)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='1.3'/%3E%3C/g%3E%3C/svg%3E%0A");
}

@media (max-width: 576px) {
    .footer-item-phone::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14.001' viewBox='0 0 14 14.001'%3E%3Cg id='phone' transform='translate(-776.947 -101.949)'%3E%3Cpath id='icons8_phone' d='M14.466,17h-.015c-2.392-.078-5.193-2.4-7.124-4.327S3.077,7.937,3,5.556c-.027-.835,2.023-2.32,2.044-2.335a.986.986,0,0,1,1.365.1C6.574,3.545,8.128,5.9,8.3,6.167a1.119,1.119,0,0,1-.069,1.1c-.12.229-.521.933-.708,1.262a16.647,16.647,0,0,0,1.845,2.1,16.721,16.721,0,0,0,2.1,1.846c.328-.187,1.032-.588,1.262-.709a1.128,1.128,0,0,1,1.1-.072c.285.175,2.633,1.736,2.849,1.887a.809.809,0,0,1,.322.6,1.17,1.17,0,0,1-.222.767C16.761,14.975,15.294,17,14.466,17Z' transform='translate(773.946 98.951)' fill='%2372BF00'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
    .footer-item-lh::after {
        background-image: url("data:image/svg+xml,%3Csvg id='ic_lien-he' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_352' data-name='Rectangle 352' width='24' height='24' fill='%2372bf00' opacity='0'/%3E%3Cg id='Group' transform='translate(2 2.001)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M3.286,1.642A1.643,1.643,0,1,0,1.643,3.283,1.643,1.643,0,0,0,3.286,1.642Z' transform='translate(7.328 16.87)' fill='%2372bf00' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M16.961,6.843h2.152a1.375,1.375,0,0,1,1.375,1.375v2.621a1.375,1.375,0,0,1-1.375,1.375h-2.2V6.957A6.865,6.865,0,0,0,10.9.031a6.672,6.672,0,0,0-7.326,6.64v5.543h-2.2A1.376,1.376,0,0,1,0,10.839V8.218A1.376,1.376,0,0,1,1.375,6.843H3.528' fill='rgba(255,255,255,0)' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M0,0S1.21,2.878,3.27,3.373' transform='translate(4.136 14.645)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Crect id='Rectangle_351' data-name='Rectangle 351' width='3' height='5' transform='translate(17.35 7.345)' fill='%2372bf00'/%3E%3Crect id='Rectangle_353' data-name='Rectangle 353' width='3' height='5' transform='translate(0.35 7.345)' fill='%2372bf00'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
    .footer-item-globe::after {
        background-image: url("data:image/svg+xml,%3Csvg id='ic_globe' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_183' data-name='Rectangle 183' width='24' height='24' fill='%2372bf00' opacity='0'/%3E%3Cg id='ic_shape_left' data-name='ic/shape/left' transform='translate(3 3)'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M18.614,9.308a9.307,9.307,0,1,0-9.307,9.307A9.308,9.308,0,0,0,18.614,9.308Z' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M.431,0V18.614' transform='translate(8.876)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_5' data-name='Stroke 5' d='M2.663,0s-5.991,9,0,18.414' transform='translate(5.284 0.101)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_7' data-name='Stroke 7' d='M0,0S5.991,9,0,18.414' transform='translate(10.668 0.101)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_9' data-name='Stroke 9' d='M0,.431H17.755' transform='translate(0.394 6.195)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3Cpath id='Stroke_11' data-name='Stroke 11' d='M0,.431H17.755' transform='translate(0.394 11.594)' fill='none' stroke='%2372bf00' stroke-miterlimit='10' stroke-width='1.3'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
}


/* end footer */

.search-wrap {
    display: none;
}


/* search */

.search {
    position: fixed;
    background: transparent;
    border: 0;
    outline: none !important;
    font-size: 16px;
    padding-left: 60px;
    background-image: url(../images/web/icons/white/ic_search.svg);
    background-position: center left 20px;
    background-repeat: no-repeat;
    color: var(--color-main);
    z-index: 1000;
    background-size: 24px;
    height: 0;
}

#search:not(:focus) {
    width: 0;
    padding-left: 0;
}

#search:focus {
    height: 70px;
}

#search:focus~.fav--sticky,
#search:focus~.menu .menu__wrap {
    opacity: 0;
}

#search:focus~.search-wrap {
    display: block;
}

.search-close {
    position: fixed;
    top: 12px;
    right: 370px;
    z-index: 9999;
}

@media (max-width: 1200px) {
    .search {
        width: 100%;
    }
    #search:focus {
        height: 50px;
    }
    .search-close {
        right: 10px;
        top: 2px;
    }
    .left {
        left: -100px;
    }
    #search:focus {
        left: 0;
    }
}

@media (min-width: 1201px) {
    .search:not(.search--sticky)~.search-wrap .search-close {
        top: 27px;
    }
    .search:not(.search--sticky) {
        top: 15px;
    }
}


/* end search */


/* input group */

.input-group-slot {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0;
    margin: 0;
    line-height: 1.2;
}

.input-group-slot:not(.ubtn) {
    border-width: 1px;
    border-style: solid;
    border-color: #e0e4eb;
    border-right-width: 0;
}

.input-group-slot-line .input-group-slot:not(.ubtn) {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
}

.input-group-slot:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.input-group-slot:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.input-group-slot-inner {
    min-width: 40px;
}

.input-group~.input-group-slot {
    border-right-width: 1px !important;
    border-left-width: 0 !important;
}

.input-group-flex .input-group:not(:first-child) .input-material,
.input-group-flex .input-group:not(:first-child) .input-clean {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-flex .input-group:not(:last-child) .input-material,
.input-group-flex .input-group:not(:last-child) .input-clean {
    /*border-top-right-radius: 0;
  border-bottom-right-radius: 0;*/
}

.input-group-slot.captcha {
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    padding: 2px;
    margin-left: 16px;
}

.input-group-slot.captcha img {
    border-radius: 8px;
    width: 144px;
    height: auto;
}


/* end input group */


/* login */

.input-xs~.btn-group.open.input-material~.input-label,
.input-xs.input-hadval.input-material~.input-label,
.input-xs.input-autoval.input-material~.input-label {
    color: var(--color-primary);
}

.input-xs.input-material:focus~.input-label,
.input-xs.input-material.light-pick-focus~.input-label {
    color: var(--color-primary);
    font-size: 12px;
}

.input-xs.input-material~.input-label {
    /*color: var(--color-primary);*/
}


/* login-fix-color */

.link.u {
    text-decoration: underline !important;
}

.login {
    color: var(--color-white);
}

.login .input-material~.select2-container--default .select2-selection--single,
.login .input-material~.select2-container--default .select2-selection--multiple,
.login .input-material~.btn-group .multiselect {
    border-color: rgba(255, 255, 255, 0.5);
}

.login .ubtn.ubg-secondary:hover {
    background-color: transparent;
    color: transparent;
}

.ic_reloads {
    margin-left: -50px;
    z-index: 1;
}

.social-footer {
    margin-bottom: 30px;
}

.txt-footer {
    font-size: 14px;
    margin: auto;
    width: 280px;
}

.ic_eye.login-eye {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 5px;
}

.input-autoval~.ic_eye.login-eye {
    opacity: 1;
}

.input:focus~.ic_eye.login-eye,
.input~.btn-group.open~.ic_eye.login-eye {
    opacity: 1;
}

.login .input-material,
.login .input-line {
    color: var(--color-white);
    font-weight: 500;
}

.login .input-material:-webkit-autofill,
.login .input-line:-webkit-autofill {
    -webkit-animation-delay: 1s;
    /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-text-fill-color: #110F0D !important;
}

.login .input-material~.input-label,
.login .input-material {
    border-color: rgba(255, 255, 255, 0.38);
}

.login input[type="password"] {
    padding-right: 40px;
}

input[type="password"] {
    letter-spacing: 10px;
}

.login .list-info-item {
    border-color: rgba(74, 74, 74, 0.3);
}

.login-link .color-white-3,
.login .link {
    color: var(--color-primary) !important;
}

.login-link .color-white-3:hover,
.login .link:hover {
    text-decoration: underline !important;
}

.login .ubg-secondary {
    background: transparent;
}

.login .bg-white.ubg-secondary {
    background: var(--color-white);
}

.login .bg-white.ubg-secondary:hover {
    background-color: rgb(255, 255, 255, 1);
}

.login .checkbox {
    color: var(--color-white);
}


/* end login-fix-color */

.login-alert-toggle {
    cursor: pointer;
    padding: 7px 0;
    text-align: center;
    display: block;
    z-index: 2;
    position: relative;
    font-size: 12px;
}

.login-alert {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 10px 10px 10px 15px;
    background: rgba(255, 255, 255, 0.3);
    color: #4a4a44;
    margin: 5px 0 10px 0;
}

.login-alert-has-toggle {
    overflow: hidden;
    position: relative;
}

.login-alert {
    padding: 10px 15px 10px 15px;
}

.login-alert-has-toggle {
    padding-bottom: 0;
}

.login-alert-has-toggle::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, var(--color-white) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    opacity: 0;
}

.toggle-show {
    display: none;
}

@media (min-width: 768px) {
    .login-alert .show-xs {
        display: block !important;
    }
}

#login-alert-1:checked~.login-alert .login-alert-toggle .toggle-hide {
    display: none;
}

#login-alert-1:checked~.login-alert .login-alert-toggle .toggle-show {
    display: block;
}

#login-alert-1:checked~.login-alert .login-alert-inner {
    max-height: 20px;
}

#login-alert-1:checked~.login-alert-has-toggle::after {
    opacity: 1;
}

.login-alert>*:not(.login-alert-toggle) {
    color: #4a4a44;
    margin-bottom: 0;
}

.login-alert .login-alert-inner p {
    margin-bottom: 0;
}

.login-error {
    border-left: 3px solid rgba(255, 71, 0, 1);
}

.login-info {
    border-left: 3px solid #110F0D;
}

.logo-top {
    position: relative;
    margin-left: 55px;
    padding-top: 40px;
    z-index: 20;
}

.logo-top img {
    height: 60px;
    width: auto;
}

.login-wrap {
    height: auto;
    height: -webkit-calc(100vh - 152px);
    height: calc(100vh - 152px);
    position: relative;
    z-index: 2;
}

.captcha {
    min-width: 150px;
}

.login-form {
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-form .form-group:last-child {
    padding-bottom: 0;
}

.login {
    margin: 0 auto;
}

.login-form-main-wrap {
    padding: 20px 25px 30px 25px;
    margin: 0 auto;
}

.login-form-main {
    background: #0E202C;
    margin: auto;
}

.login-form-main-wrap {
    /*background-image: url(../images/web/img/bg-login/bg_loginb.png);*/
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 100%;
}

.bg-nav-left {
    background-image: url(../images/web/img/bg-login/bg_loginb.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 186px;
    position: fixed;
    content: "";
    display: inline-block;
    z-index: 1;
    width: 299px;
    bottom: 0;
    opacity: 1;
    left: 0;
}

.bg--login-night~.table .login-form-main {
    background-color: rgba(255, 255, 255, 0.95);
}

@supports ((-webkit-backdrop-filter: blur(20px) brightness(140%)) or (backdrop-filter: blur(20px) brightness(140%))) {
    .login-form-main {
        -webkit-backdrop-filter: blur(20px) brightness(140%);
        backdrop-filter: blur(20px) brightness(140%);
    }
}

@supports ((-webkit-backdrop-filter: blur(20px) brightness(155%)) or (backdrop-filter: blur(20px) brightness(155%))) {
    .bg--login-night~.table .login-form-main {
        -webkit-backdrop-filter: blur(20px) brightness(155%);
        backdrop-filter: blur(20px) brightness(155%);
    }
}

.login-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.login-news {
    background-color: rgba(4, 32, 24, 0.7);
    padding: 1px;
}

.login-news-inner {
    padding: 25px;
}

.login-news {
    position: relative;
}

.login-link {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
}

.login {
    padding: 0;
}

.login-main {
    overflow: hidden;
}

.login-b-link__item {
    border-radius: 16px;
    background-color: rgba(4, 32, 24, 0.3);
    padding: 20px 10px;
    text-align: center;
    display: block;
    height: 100%;
}

.login-b-link__ic {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto 20px auto;
    line-height: 48px;
}

.login-b-link__ic::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(172, 142, 99);
    background: -o-linear-gradient(330deg, rgba(116, 163, 82, 1) 0%, rgba(69, 150, 100, 1) 100%);
    background: linear-gradient(120deg, rgba(116, 163, 82, 1) 0%, rgba(69, 150, 100, 1) 100%);
    left: 0;
    top: 0;
    z-index: 1;
}

.login-b-link__ic::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
   /* background-image: url(../images/web/img/special-bg.png);*/
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 120px 120px;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.login-header-item .ic {
    line-height: 1;
    margin: 2px 5px 2px 0;
}

.login-header-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
}

.login-b-link__ic img {
    position: relative;
    z-index: 3;
}

.login-right>.row {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.login-b-link-list>* {
    margin-bottom: 20px;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0;
}

.login-news .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.login-form-main--big {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 16px;
}

.login-form-main--sm {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 16px;
}

@media (max-height: 780px) {
    .logo-top {
        position: absolute;
        margin-left: 35px;
        padding-top: 30px;
    }
    .login-wrap {
        height: -webkit-calc(100vh - 52px);
        height: calc(100vh - 52px);
    }
}

@media (max-width: 1600px) {
    .logo-top {
        position: absolute;
        margin-left: 35px;
        padding-top: 30px;
    }
    .login-wrap {
        height: -webkit-calc(100vh - 52px);
        height: calc(100vh - 52px);
    }
    .login-form-main-wrap {
        padding-bottom: 25px;
    }
    .login-link {
        padding-bottom: 30px;
    }
    .login {
        padding: 20px 0 20px 0;
    }
}

@media (max-width: 1260px) {
    .login {
        max-width: 900px;
    }
    .login-form-main--big {
        max-width: 600px;
    }
    .logo-top img {
        height: 50px;
    }
}

@media (max-width: 1000px) {
    .login {
        max-width: 700px;
    }
}

@media (max-width: 992px) {
    .logo-top {
        display: none;
    }
}

@media (max-width: 768px) {}

@media (min-width: 576px) {
    .login-form-main:not(.login-form-main--big):not(.login-form-main--sm) {
        max-width: 550px;
    }
    .login-news {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 -webkit-calc(100% - 380px);
        -ms-flex: 0 0 calc(100% - 380px);
        flex: 0 0 calc(100% - 380px);
        max-width: -webkit-calc(100% - 380px);
        max-width: calc(100% - 380px);
    }
}

@media (max-width: 830px) {
    .login {
        max-width: 100%;
        padding: 15px;
    }
}

@media (max-width: 576px) {
    .login-form-main {
        max-width: -webkit-calc(100% - 30px);
        max-width: calc(100% - 30px);
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .login {
        padding: 0;
    }
    .login-b-link {
        padding: 0 15px;
    }
    .login-form-main {
        /* border-radius: 0; */
    }
    .login-wrap {
        display: block;
        height: auto;
        min-height: -webkit-calc(100vh - 105px);
        min-height: calc(100vh - 105px);
    }
    .login-wrap .td {
        display: block;
        padding: 0;
    }
    /* .login-form-main {
      backdrop-filter: none !important;
      background-color: transparent !important;
   } */
    .login-wrap,
    .login-footer {
        /* background-color: rgba(255, 255, 255, 0.6);
      backdrop-filter: blur(3px) brightness(120%); */
    }
    /* .bg--login-night ~ .login-wrap,
   .bg--login-night ~ .login-footer {
      background-color: rgba(255, 255, 255, 0.85);
   } */
    .login-footer {
        background-color: rgba(0, 0, 0, 0.6);
        padding-left: 16px;
        padding-right: 16px;
    }
    .login-footer,
    .login-footer .color-white-3 {
        /* color: rgba(255,255,255,0.87); */
    }
}


/* end login */


/* site trong */

.main-inner {
    max-width: 740px;
    margin: 0 auto;
    padding: 30px 30px;
}

.main-inner-md {
    max-width: 900px;
}

.main-inner-lg {
    max-width: 1400px;
}

.main-inner-full {
    max-width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

@media (max-width: 1200px) {
    .main-inner {
        padding-top: 10px;
    }
}

@media (max-width: 600px) {
    .main-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* end site trong */


/* breadcrumb-item */

.breadcrumbs {
    padding-top: 10px;
}

.breadcrumbs-item {
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs-item:not(:last-child) {
    padding-right: 10px;
}

.breadcrumbs-item:not(:first-child) {
    padding-left: 17px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 4px auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7'%3E%3Cpath id='Path_351' data-name='Path 351' d='M6.146.146a.5.5,0,0,1,.708.708l-3,3a.5.5,0,0,1-.692.015l-3-2.75A.5.5,0,0,1,.838.381L3.485,2.808Z' transform='translate(0 7) rotate(-90)' fill='rgba(255,255,255,0.6)'/%3E%3C/svg%3E%0A");
}

.breadcrumb-item--active span {
    color: #110F0D;
}


/* end breadcrumb-item */



/* form-section */

.form-horizontal>*:first-child {
    margin-top: 20px;
}

.form-horizontal>*:last-child {
    margin-bottom: 20px;
}

.form-horizontal>*:only-child {
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .row-15 .input-ic {
    right: 7.5px;
}

.row-0 .input-label:first-child {
    padding-right: 10px;
}


/* end form-section */

.text-center input {
    text-align: center;
}

input {
    color: #110F0D;
    font: 100% "Nunito Sans", "Arial", sans-serif;
}

.success-txt-main {
    margin: 6px 0 6px 0;
}

.star-ic,
.success-ic,
.danger-ic,
.error-ic {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin: 0 auto 20px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.success-ic {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.255' height='16.179' viewBox='0 0 23.255 16.179'%3E%3Cpath id='Path_6' d='M0,4.615l6.522,6.736L17.6,0' transform='translate(2.828 2.828)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='4'/%3E%3C/svg%3E%0A");
    background-size: 20px auto;
}

.danger-ic {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='23.068' viewBox='0 0 4 23.068'%3E%3Cg id='Group' transform='translate(0.998 -0.5)'%3E%3Cpath id='Line_2' data-name='Line 2' d='M.5,0V17.068' transform='translate(0.502 0.5)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4'/%3E%3Cpath id='Line_2_Copy' data-name='Line 2 Copy' d='M.5,0V3.068' transform='translate(0.502 20.5)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 3px auto;
}

.star-ic {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjQ7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxnPg0KCQkJCTxnPg0KCQkJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUuMiw3LjZsNSwxLjdsLTMuMSw0LjRMMTcuMSwxOUwxMiwxNy41TDYuOSwxOWwtMC4xLTUuM0wzLjcsOS4zbDUtMS43TDEyLDMuM0wxNS4yLDcuNnoiLz4NCgkJCQk8L2c+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==");
    background-size: 24px auto;
}

.error-ic {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='23.068' viewBox='0 0 4 23.068'%3E%3Cg id='Group' transform='translate(0.998 -0.5)'%3E%3Cpath id='Line_2' data-name='Line 2' d='M.5,0V17.068' transform='translate(0.502 0.5)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4'/%3E%3Cpath id='Line_2_Copy' data-name='Line 2 Copy' d='M.5,0V3.068' transform='translate(0.502 20.5)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 3px auto;
}


/* sidebar right */

.sidebar-right__cont {
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin: 0 auto;
    max-width: 294px;
    padding-top: 15px;
}

.sidebar-right {
    padding: 0 0 40px 0;
}

.sidebar-overlay {
    font-size: 0;
    display: block;
}

.sidebar-mobile-header {
    height: 50px;
    line-height: 50px;
}

.sidebar:not(.sidebar-right) .sidebar-mobile-header img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sidebar-mobile-back {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
}

.sidebar-right .sidebar-mobile-header {
    text-align: right;
}

.btn-phone {
    background-image: url("../images/web/icons/primary/ic_phone-hotline.svg");
    background-repeat: no-repeat;
    background-position: center left 20px;
    height: 74px;
    padding-right: 16px;
}

.btn-phone .ubtn-text {
    padding-left: 35px;
}

@media (min-width: 1201px) {
    .sidebar-mobile-header {
        display: none;
    }
}

@media (max-width: 480px) {
    .btn-phone .ubtn-text {
        padding-left: 40px;
    }
    .sidebar-right__cont {
        max-width: -webkit-calc(100% - 40px);
        max-width: calc(100% - 40px);
    }
}


/* sidebar right */


/* profile */

.profile {
    border-radius: 16px;
    padding: 0;
}

.profile__img {
    background-position: center;
    background-size: 52px 52px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0px auto 10px auto;
    display: block;
    position: relative;
    cursor: pointer;
    background-color: var(--color-primary);
    background-image: url(../images/web/img/avatar-default.svg);
}

.menu__ic-box[for="sidebar-right-trigger"],
.avatar-change {
    opacity: 1;
}

[for="sidebar-right-trigger"]::after {
    width: 34px;
    height: 34px;
    content: "";
    background-size: cover;
    position: absolute;
    right: 8px;
    top: 8px;
    background-color: #bfe673;
    border-radius: 50%;
    background-image: url(../images/web/img/avatar-default.svg);
}

.sidebar-mobile-header [for="sidebar-right-trigger"]::after {
    display: none;
}

.profile__img:hover::after {
    opacity: 1;
}

.profile-name {
    border-bottom: 1px solid rgba(17, 15, 13, .18);
    padding-bottom: 15px;
    font-size: 18px;
    margin-bottom: 5px;
}

.box--profile {
    border-radius: 16px;
    padding-right: 0;
    padding-left: 0;
}

.profile__img::after {
    opacity: 1;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #403E3A;
    background-color: var(--color-primary);
    border-radius: 50%;
    content: "";
    z-index: 2;
    background-image: url(../images/web/img/edit_ic.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7px;
}


/* end profile */


/* tk */

.tk-eye {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-image: url(../images/web/icons/dark/ic_eye-open.svg);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.tk-eye::before {
    width: 80%;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    content: "";
    position: absolute;
    height: 1.3px;
    background-color: rgba(255, 255, 255, 0.6);
}

#vcb-card-display:checked~.tk-eye::before {
    width: 0%;
}

#vcb-card-display-2:checked~.inline-block .tk-eye::before {
    width: 0%;
}

#vcb-card-display-2:checked~.account-show {
    display: inline-block;
}

#vcb-card-display-2:checked~.account-hide {
    display: none;
}

.login-eye-slash {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    opacity: 0.87;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    /*-webkit-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;*/
    display: block;
    position: relative;
}

.login-eye-slash {
    /*width: 50%;
  -webkit-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  position: absolute;
  height: 1.3px;
  background-color: var(--color-white);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;*/
}


/* end tk */


/* cart-checkbox */

.sidebar-cart__wrap {
    padding: 30px 20px;
    -webkit-transform: translate3d(0, 0, 0);
}

.sidebar-mobile-header {
    -webkit-transform: translate3d(0, 0, 0);
}

@media (max-width: 1200px) {
    .sidebar-cart__wrap {
        padding-top: 10px;
    }
}

.cart-checkbox {
    padding: 15px 20px 10px 0;
    margin-left: 20px;
    padding-right: 40px;
    margin-bottom: 4px;
    position: relative;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}

.cart-checkbox:last-child {
    margin-bottom: 0;
}

.cart-checkbox .checkbox-ic {
    position: absolute;
    right: 15px;
    top: auto;
    bottom: 10px;
    margin: auto;
}

.cart-checkbox__main {
    padding-top: 3px;
    padding-bottom: 1px;
}

.cart-checkbox__content {
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.cart-checkbox:hover .cart-checkbox__content {
    color: var(--color-main);
}


/* end cart-checkbox */


/* sidebar-left */

.sidebar-mini__bottom {
    position: absolute;
    bottom: 6px;
    width: 100%;
}


.sidebar-mini {
    position: absolute;
    left: 0;
    top: 0;
    width: 66px;
    height: 100%;
    background-color: white;
}

.sidebar-mini__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sidebar-mini__item,
.sidebar-left .sidebar-mobile-back {
    width: 44px;
    height: 44px;
    text-align: center;
    display: block;
    line-height: 43px;
    margin: 0 auto 12px auto;
    cursor: pointer;
    border-radius: 50%;
    z-index: 2;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sidebar-left .sidebar-mobile-back {
    border-bottom: 1px solid rgba(255,255,255,0.08);
    border-radius: 0;
    margin: 0;
    width: 100%;
}

.sidebar-mini__body {
    position: relative;
    height: 100%;
}

.tooltip-inner {
    background-color: rgba(255, 255, 255, 0.97);
    color: #110F0D;
    font-weight: 600;
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    left: 4px;
}


/*tooltip*/

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: var(--color-white)
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: var(--color-white);
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--color-white)
}

bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-left-color: var(--color-white)
}


/*tooltip end*/

.sidebar-mini__item--bot {
    margin-top: auto;
}

.sidebar-mini__item--bot~.sidebar-mini__item--bot {
    margin-top: 0;
}

.sidebar-mini-active {
    position: absolute;
    left: 11px;
    width: 43px;
    height: 43px;
    margin-top: -20px;
    cursor: pointer;
    z-index: 1;
    /*-webkit-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  background: rgb(194, 168, 24, 1);
    background: -o-linear-gradient(-120deg, rgba(194, 168, 24, 1) 0%, rgba(114, 80, 27, 1) 100%);
    background: linear-gradient(-120deg, rgba(194, 168, 24, 1) 0%, rgba(114, 80, 27, 1) 100%);
*/
    opacity: 1;
    top: 50%;
    border-radius: 50%;
}

.sidebar-mini-active.show {
    opacity: 1;
}

.sidebar-mini--home.active {
    background-color: transparent;
}

.sidebar-mini__header {
    display: none;
}

.sidebar-left {
    width: auto;
    left: 0;
    min-width: 66px;
    padding-bottom: 0;
}

.sidebar-left-content,
.sidebar-left-inner {
    width: 320px;
    max-width: -webkit-calc(100vw - 66px);
    max-width: calc(100vw - 66px);
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    position: relative;
}

.sidebar-menu {
    opacity: 0;
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    transform: translateX(-16px);
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    height: 100%;
    z-index: 1;
    overflow-y: scroll;
}
.login-eye-slash {
    background-size: 24px;}
    
.box0 {
    padding: 0;
}


/*.sidebar-left-inner::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100px;
  left: 0;
  z-index: 3;
  background: #24221E;
}*/

.sidebar-left {
    overflow: hidden;
}

.sidebar-mini .sidebar-mini__item:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.sidebar-mini .sidebar-mini__item.dashboard_ic:hover {
    background-color: transparent;
}

#sidebar1:checked~.sidebar-mini .sidebar-mini__item.dashboard_ic {
    background-color: rgba(255, 255, 255, 0.12);
}

#sidebar1:checked~.sidebar-left-content .sidebar-menu:nth-child(1),
#sidebar2:checked~.sidebar-left-content .sidebar-menu:nth-child(2),
#sidebar3:checked~.sidebar-left-content .sidebar-menu:nth-child(3),
#sidebar-left-close:checked~.sidebar-left-content .sidebar-menu:nth-child(3) {
    opacity: 1;
    /*-webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);*/
    z-index: 2;
}

#sidebar1:checked .sidebar-right,
#sidebar2:checked .sidebar-right,
#sidebar3:checked .sidebar-right,
#sidebar4:checked .sidebar-right {
    opacity: 0;
    display: none;
}

.sidebar-mini__item.active:nth-child(2)~.sidebar-mini-active {
    opacity: 1;
    top: 50%;
    border-radius: 50%;
    margin-top: 7px;
}

.sidebar-mini__item>label {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.sidebar-right-expand-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
}

.sidebar-left-inner,
.sidebar-left-content {
    height: 100%;
}

.sidebar-left-back-btn {
    position: relative;
    z-index: 3;
    cursor: pointer;
    padding: 30px;
    padding-left: 44px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7'%3E%3Cpath id='Path_564' data-name='Path 564' d='M6.146.146a.5.5,0,1,1,.708.708l-3,3a.5.5,0,0,1-.692.015l-3-2.75A.5.5,0,0,1,.838.381L3.485,2.808Z' transform='translate(4) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position: center left 30px;
    background-repeat: no-repeat;
    margin: 10px 30px;
    display: none;
}

.sidebar-input-trigger:not(#sidebar-left-close):checked~.sidebar-left-content {
    width: 330px;
}

.hidden-menu-mobile,
.show-menu-mobile {
    display: none;
    pointer-events: none;
}

.title,
.title a {
    color: var(--color-white);
    font-weight: 500;
}

.dashboard {
    top: 50%;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    left: 10px;
    margin-top: -21px;
    position: absolute;
}

.login-box .form-group.pt20 {
    padding-bottom: 30px;
}

.setting {
    bottom: 30px;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    left: 10px;
    position: absolute;
}

.dashboard_hide,
.setting_hide {
    display: none;
}

.active .sidebar-left,
.active_setting .sidebar-left {
    z-index: 102;
}

.active .dashboard_hide,
.active_setting .setting_hide {
    display: block;
}

.active .dashboard_show,
.active_setting .setting_show {
    display: none;
}

.active_setting .setting_hide {
    background-color: rgba(255, 255, 255, 0.08);
}

#sidebar2:checked~.sidebar-mini .sidebar-mini-active {
    /* background:transparent;*/
}

#sidebar2:checked~.sidebar-mini .setting_ic path,
#sidebar3:checked~.sidebar-mini .home_ic path {
    /*fill: rgba(255,255,255,0.87);*/
}

.sidebar-mini-active-exim {
    opacity: 1;
    top: 50%;
    margin-top: -50px;
    border-radius: 50%;
}

#sidebar1:checked~.sidebar-mini .sidebar-mini-active {
    opacity: 1;
    background: transparent;
}

@media (min-width: 1200px) {
    .active .sidebar-input-trigger:checked:not(#sidebar-left-close)~.sidebar-right-expand-overlay,
    .active_setting .sidebar-input-trigger:checked:not(#sidebar-left-close)~.sidebar-right-expand-overlay {
        display: block;
    }
    .sidebar-input-trigger:checked~~.sidebar-right {
        display: none;
    }
    .sidebar-left-back-btn {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        color: rgba(255, 255, 255, 0.85);
        top: 0;
        margin: 0;
        z-index: 5;
    }
    /*.sidebar-left-content {
   width: 0;
  }*/
    .sidebar-left {
        /*-webkit-box-shadow: 20px 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 20px 0 20px 0 rgba(0, 0, 0, 0.2);*/
    }
    .hidden-menu-mobile {
        display: block;
        pointer-events: all;
    }
}

@media (max-width: 1200px) {
    .show-menu-mobile {
        display: block;
        pointer-events: all;
    }
    .sidebar-mini__item.active:nth-child(2)~.sidebar-mini-active {
        top: 80px;
    }
    .sidebar-mini__header {
        display: block;
    }
    .sidebar-left-inner::before {
        height: 30px;
    }
}


/* end sidebar-left */

.span-card-blank {
    width: 39px;
    height: 1px;
    display: inline-block;
}

.titleboxtk {
    display: inline-block;
}


/* blank */

.blank-section {
    min-height: 200px;
    color: var(--color-white);
    padding: 30px;
}


/* end blank */


/* success-box */

.success-box {
    padding-top: 20px;
}


/* end success-box */


/* tax */

.table-horizontal {}

.table-scroll .table-wraper-size {
    overflow: auto;
}

.table-scroll .table {
    white-space: nowrap;
    width: auto;
}

.table-tax-input .table>tbody>tr>td {
    padding: 5px;
}

.table-scroll .table-wraper-inner:before {
    height: -webkit-calc(100% - 17px);
    height: calc(100% - 17px);
}

.table-scroll .form-group-wrap {
    width: 170px;
}

.table-scroll .form-group:not(.width-auto) {
    width: 160px;
}

.check_tool {
    opacity: 0;
}

.box {
    background: rgba(34, 41, 48, 0.8);
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.table-wrap-fixed {
    position: fixed;
    width: 90%;
    height: auto;
    top: 300px;
    bottom: auto;
    left: 5%;
    right: auto;
    margin: auto;
    z-index: 9999;
    background-color: rgba(4, 32, 24, 1);
}


/* end tax */

.list-info-item~.form-group {
    margin-top: 20px;
}

.input-group-flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.input-group-flex.input-group-material.input-group-slot-line .input-group {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.input-group>.h3 {
    width: 100%;
}

.parsley-errors-list {
    width: 100%;
}

.menu__logo .menu__logo__logo {
    top: 0;
}

.menu__logo .menu__logo__2 {
    height: 44px;
    top: 0;
}

.menu__mobile--2 .menu__mobile__item {
    width: 50%;
    padding: 0 15px;
    vertical-align: middle;
}

.menu__mobile__logo-2>img {
    height: 30px;
}

.menu__mobile__logo>img.logo-sm {
    height: 17px;
}

.menu__logo img.logo-sm {
    height: 24px;
}

.btn-view-more-wrap {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    max-width: 96px;
    width: 100%;
    margin: auto;
    z-index: 90;
}

.ubtn-view-more-home {
    height: 28px;
    background-color: rgb(194, 168, 24, 1);
    border-radius: 14px;
    padding-right: 23px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.747' height='9.041' viewBox='0 0 7.747 9.041'%3E%3Cg id='Group_2819' data-name='Group 2819' transform='translate(-0.086 -0.35)'%3E%3Cline id='Line_7' data-name='Line 7' y2='7.477' transform='translate(3.919 1)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_8' data-name='Line 8' x2='2.919' y2='2.381' transform='translate(1 6.096)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_9' data-name='Line 9' x1='2.919' y2='2.381' transform='translate(4 6.096)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center right 10px;
    background-repeat: no-repeat;
    cursor: pointer !important;
}

.ubtn-view-more-home .ubtn-text {
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    color: white !important;
}

@media (min-width: 1201px) {
    .menu__logo img {
        height: 56px;
        margin-top: 5px;
    }
    .body-top .menu__logo img {
        height: 32px;
        margin-top: 0;
    }
}

@media (max-width: 600px) {
    .btn-view-more-wrap {
        display: block;
    }
}


/* page include  - nop thue */

#page-include .bg {
    width: 100%;
    left: 0;
}

#page-include .main {
    min-height: -webkit-calc(100vh);
    min-height: calc(100vh);
}

#page-include .menu {
    width: -webkit-calc(100%);
    width: calc(100%);
    left: 0;
}


/* fix color opac */

.home-ults-text__sub,
.main .fav-text {
    color: var(--color-main);
    min-height: 3em;
}

@media (max-width: 600px) {}


/*end fix color opac */

.tooltip-m .tooltip-inner {
    max-width: 470px;
    padding: 6px 13px;
    text-align: left;
    font-size: 16px;
    background-color: rgba(255, 255, 255, 0.3);
}

.bs-tooltip-auto[x-placement^="right"].tooltip-m .arrow::before,
.bs-tooltip-right.tooltip-m .arrow::before {
    border-right-color: rgba(255, 255, 255, 0.3);
}


/* bg */

.bg {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: fixed;
    z-index: 1;
    height: 680px;
    top: 0;
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: top 0 center;
}

.bg--login {
    position: fixed;
    z-index: 1;
    height: 100vh;
    width: 100%; background-repeat: no-repeat;
    left: 0;
    background-size: cover;
    bottom: 0;
    background-position: top 0 center;
}

.bg:not(.bg--login) {
    background-size: cover;
}

.mb30.carousel-logo {
    margin-bottom: 30px;
}

/* bg-setting */

.bg-setting.list-mb30> :last-child {
    margin-bottom: 30px;
}

.list-mb30-last> :last-child {
    margin-bottom: 30px;
}


input:checked~.bg-setting-check, .swiper-slide-active .bg-setting-check{
    border: 1px solid var(--color-primary);
    background-position: right 15px top 15px;
    background-repeat: no-repeat;
    background-image: url(../images/web/icons/primary/ic_checked.svg);
}
.cards>label>input~.bg-setting-check {
    border: none;
    background-position: center bottom 6px;
    background-repeat: no-repeat;
    background-image: url(../images-general/svg/ic_nocheck.svg);
}
.cards>label>input:checked~.bg-setting-check {background-image: url(../images/web/icons/primary/ic_checked.svg);}
.bg-setting-check {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 16px;background-size: 32px;
}

.bg-setting-default {
    background-image: url(../images/web/img/bg/thumbs/bg-default.jpg);
}


/* end bg-setting */


/* end bg */

.ic_hotline {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_2856' data-name='Group 2856' transform='translate(-12724 7397)'%3E%3Crect id='Rectangle_374' data-name='Rectangle 374' width='24' height='24' transform='translate(12724 -7397)' fill='%23fff' opacity='0'/%3E%3Cpath id='icons8_phone' d='M21.014,25H20.99c-3.759-.123-8.159-3.765-11.192-6.8S3.12,10.757,3,7.017C2.96,5.7,6.181,3.371,6.213,3.35A1.549,1.549,0,0,1,8.359,3.5c.257.357,2.7,4.058,2.964,4.48a1.757,1.757,0,0,1-.109,1.734c-.189.36-.818,1.466-1.112,1.982A26.154,26.154,0,0,0,13,15a26.271,26.271,0,0,0,3.3,2.9c.516-.294,1.622-.924,1.983-1.114a1.773,1.773,0,0,1,1.725-.112c.448.274,4.137,2.723,4.48,2.965a1.271,1.271,0,0,1,.505.945,1.839,1.839,0,0,1-.351,1.2C24.62,21.814,22.315,25,21.014,25Z' transform='translate(12722.332 -7398.989)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
}

.ic_pin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_2856' data-name='Group 2856' transform='translate(-12724 7397)'%3E%3Crect id='Rectangle_374' data-name='Rectangle 374' width='24' height='24' transform='translate(12724 -7397)' fill='%23fff' opacity='0'/%3E%3Cg id='Group_2860' data-name='Group 2860' transform='translate(-2.345 -0.8)'%3E%3Cpath id='Subtraction_7' data-name='Subtraction 7' d='M8.933,23.924h0a21.278,21.278,0,0,1-5.546-4.992,16.9,16.9,0,0,1-2.6-4.867A13.483,13.483,0,0,1,.023,8.91a8.911,8.911,0,0,1,17.822,0,13.457,13.457,0,0,1-.762,5.155,16.9,16.9,0,0,1-2.6,4.867,21.277,21.277,0,0,1-5.547,4.992ZM9.288,4.8A4.106,4.106,0,1,0,13.394,8.91,4.112,4.112,0,0,0,9.288,4.8Z' transform='translate(12729.501 -7396.2)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
}


/* upload */

.p-upload-msg {
    opacity: 0.2;
    padding: 0 0 30px 0;
}

.p-upload .p-upload-wrap,
.p-upload .p-upload-result,
.p-upload.ready .p-upload-msg {
    display: none;
}

.p-upload.ready .p-upload-wrap {
    display: block;
}

.p-upload.ready .p-upload-container {
    display: block;
}

.border-b-dashed {
    border-style: dashed;
}

.dropdown-menu-center {
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    top: 115% !important;
}

[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    width: 16px;
    /* Set a specific slider handle width */
    height: 16px;
    /* Slider handle height */
    background: #110F0D;
    /* Green background */
    cursor: pointer;
    /* Cursor on hover */
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.2);
    border: 0;
    border-radius: 3px;
}

[type="range"]::-moz-range-thumb {
    width: 16px;
    /* Set a specific slider handle width */
    height: 16px;
    /* Slider handle height */
    background: #110F0D;
    /* Green background */
    cursor: pointer;
    /* Cursor on hover */
}


/* end upload */

.new-ic {
    border-radius: 13px;
    padding: 3px 6px;
    border: 1px solid var(--color-main);
    background-color: #ff000d;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 10px;
    color: white !important;
    position: relative;
    bottom: 7px;
    left: -3px;
    line-height: 1;
}

@media (max-width: 768px) {
    .footer-print {
        display: none;
    }
}

input:disabled,
textarea:disabled,
input:disabled::placeholder,
textarea:disabled::placeholder {
    -webkit-text-fill-color: currentcolor;
    /* 1. sets text fill to current `color` for safari */
    opacity: 1;
    /* 2. correct opacity on iOS */
}

input[type="radio"]:disabled~*,
input[type="checkbox"]:disabled~* {
    opacity: 0.5;
}

.tooltip-hover {
    opacity: 0.7;
}

.tooltip-hover:hover {
    opacity: 1;
}

.ubtn-wrap-width-xsx {
    width: 50px;
    display: inline-block;
}

.sticky-first-left {
    position: sticky !important;
    left: -2px;
    z-index: 10;
    box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2);
}

th.sticky-first-left {
    background-color: #263a3f;
}

.table-basic>tbody>tr:nth-of-type(odd) .sticky-first-left {
    background-color: #2a4242;
}

.table-basic>tbody>tr:nth-of-type(even) .sticky-first-left {
    background-color: #25393e;
}

.tooltip-width-md .tooltip-inner {
    max-width: 400px;
}

.text-left .tooltip-inner {
    text-align: left;
}

.tk-eye-2,
.tk-eye:hover {
    background-color: transparent;
    background-image: url(../images/web/icons/white-op/ic_eye-open-active.svg);
}

.tk-eye::before {
    background-color: rgba(255, 255, 255, 0.38));
}

.account-show {
    display: none;
}

.account-section {
    padding: 30px 0;
    margin-top: 8px;
}

.account-inner {
    padding: 0 30px;
    max-width: 400px;
    margin: auto;
}

.font-14 {
    font-size: 14px;
}

.font-10 {
    font-size: 10px;
}

.account-list-item {
    display: block;
    padding: 10px 0;
}

.account-list-item .h6 {
    margin-bottom: px;
}

.account-list {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 10px;
}

.account-list-item-ic {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.1);
    background-position: center;
    background-repeat: no-repeat;
}

.account-list-item-ic:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.ic-arrow-right-white {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.569' height='9.839' viewBox='0 0 5.569 9.839'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:rgba(255,255,255,0.7);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.3px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M223.6,353.06l4,4-4,4' transform='translate(-222.685 -352.141)'/%3E%3C/svg%3E");
    background-size: 6px auto;
}

.ic-arrow-right-eye {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bopacity:0.7;%7D.b%7Bfill:%23fff;opacity:0;%7D.c%7Bfill:none;stroke:rgba(255,255,255,0.7);stroke-miterlimit:10;stroke-width:1.3px;%7D%3C/style%3E%3C/defs%3E%3Cg class='a'%3E%3Crect class='b' width='19' height='19'/%3E%3Cpath class='c' d='M5.862,2.931A2.931,2.931,0,1,1,2.931,0,2.931,2.931,0,0,1,5.862,2.931Z' transform='translate(7.045 6.414)'/%3E%3Cpath class='c' d='M15.867,5.264s-3.552,5.264-7.934,5.264S0,5.264,0,5.264,3.552,0,7.934,0,15.867,5.264,15.867,5.264Z' transform='translate(2.042 4.081)'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 20px auto;
}

.tk-eye2-wrap {
    position: relative;
}

.tk-eye2 {
    width: 80%;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    content: "";
    position: absolute;
    height: 1.3px;
    background-color: rgba(255, 255, 255, 0.6);
}

.tk-eye2-wrap input:checked~.tk-eye2,
#tk-eye2:checked~.tk-eye2-wrap .tk-eye2 {
    width: 0%;
}

.mobile-hotline {
    width: 36px;
    height: 36px;
    margin: auto;
    line-height: 1;
    opacity: 1;
}

.account-profile {
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .account-section {
        display: none;
    }
}

@media (max-width: 767px) {
    .modal-close {
        top: 5px;
        right: 5px;
    }
    .chiatiennhunhau .checkbox-text {
        font-size: 12px;
    }
    .btn-themnguoinhan .ubtn-text {
        padding: 0px;
        font-size: 12px;
    }
}


/* thêm bg cho step hien tai */

.no-cursor {
    cursor: default !important;
}

.icon-dropdown {
    height: auto;
}

.icon-dropdown:hover .ic {
    opacity: 1;
}

.sidebar-mini__item .iconnew {
    display: none;
    border: 1px solid var(--color-main);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: relative;
    top: -39px;
    left: 32px;
}

.switch-wrap-td {
    width: 40px;
}

.cdk-overlay-container {
    z-index: 9999 !important;
}

.dropdown-statics.show-dropdown~.dropdown-menu {
    display: block !important;
}

.text-through {
    text-decoration: line-through;
}

#grouplist_theolo .items {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    background: url('../images/web/icons/white/icAvatarMainWhite.svg') no-repeat center;
    width: 50px !important;
    height: 50px;
    cursor: pointer;
    display: inline-block;
}

#grouplist_theolo .items .xoa_ct_lo {
    background-color: rgba(255, 255, 255, 0.7);
    width: 22px;
    height: 22px;
    border-radius: 11px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: -5px;
    top: -5px
}

#grouplist_theolo .error {
    border: 2pt solid #FF4700;
    border-radius: 50%
}

#grouplist_theolo .active {
    background: url('../images/web/icons/white/icAvatarMainGreen.svg') no-repeat center;
    width: 50px;
    height: 50px;
}

.swiper-chuyenlo .swiper-next {
    right: -30px;
    opacity: 0.1;
    cursor: default;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 70px;
}

#grouplist_theolo .item_person {
    width: 120px;
    display: inline-block;
    text-align: center;
}

#grouplist_theolo .item_person .items {
    margin-right: 0px;
    margin-bottom: 0px;
}

#grouplist_theolo .cus_name {
    display: block;
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    margin: 0 auto
}

.swiper-chuyenlo .swiper-next::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    background-size: 22px;
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(../images/base/icons/arrow-right/square/white.svg);
}

.minheight100vh {
    min-height: 100vh;
}

body.modal-open.hidden-scroll {
    overflow: hidden !important;
}

.box-saving .button-col {
    padding-top: 0;
}

.box-saving .d-flex.flex-column {
    width: 100%;
}
.max-width-970 {max-width: 970px;}
.banner-box {
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    background-position: left 0;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-right: 25px;
    padding-left: 25px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 25px;
    position: relative;
    background-size: cover;
}
.banner-box-style {
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    padding-right: 20px;
    padding-left: 20px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    background-size: cover;
}
.radio .table.table-w100 {width: 100%;}
.margin0 {margin: 0 !important;}
.pl16 {padding-left: 16px;}
.pr16 {padding-right: 16px;}
.pc_show .input-sm.input-ic-sm.live-search-box:not(textarea), .pc_show .input-sm.input-ic-sm.live-search-box.textarea-autosize,
.mb_show .input-sm.input-ic-sm.live-search-box:not(textarea),.mb_show .input-sm.input-ic-sm.live-search-box.textarea-autosize{
    height: 36px;
}
.td-number::after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.08);
    content: "";
    display: block;
}
.list-info-item>.table>.td-number {
    vertical-align: middle;
}
.input-sm~.select2-container .select2-selection--single .select2-selection__arrow {
    right: 10px;
}
.input-small~.select2-container .select2-selection--single .select2-selection__arrow {
    right: 10px;
}
.input-small~.ic-date-range {
    right: 10px;
}
.wh24 {width: 24px; height: 24px;}
.upber {text-transform: uppercase;}
.list-card-style .list-link-item.box--light {margin: 0 !important; padding-right: 20px;}
.card_ic {max-height: 72px;border-radius: 8px;}
.box-link {
    background: rgba(34, 41, 48, 0.8);
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;color: #FFFFFF;
    transition: 0.2s ease-in-out; border-radius: 16px; padding: 16px; display: block;
}
a.box-link{color: #FFFFFF;}
.box-link:hover {
    background: rgba(34, 41, 48, 0.8);
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; border-radius: 16px; padding: 16px; display: block;
}
a.box-link:hover {
    background-color: rgba(255, 255, 255, 0.08); color: #FFFFFF;
}

.banner-txt {
    padding-top: 20px;
    float: right;
}
.w150 {width: 150px;}
.banner-icon {
    position: absolute;
    right: 0;
    top: -10px;
}
.banner-box h3, .banner-box-style h3 {
    color: #005D98;
}

.banner-box p, .banner-box-style p {
    color: #4a4a4a;
}



.pr0 {
    padding-right: 0 !important;
}

.min-w25 {
    min-width: 25%;
}

.title-style1 {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--color-white);
    padding: 16px 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.litepicker .container__days .day-item {
    margin-bottom: 5px;
}

.pb16 {
    padding-bottom: 16px !important;
}

.plr15 {
    padding: 0 15px !important;
}


/*radio check*/

.item-radio label {
    display: block;
}

.item-radio {
    margin-bottom: 30px;
}

.item-radio label span {
    cursor: pointer;
    position: relative;
    display: block;
    padding: 0;
    text-align: center;
    border-radius: 8px;
    line-height: 56px;
    margin: 0;
    min-height: 56px;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff;
}

.item-radio input[type=radio] {
    display: none;
}

.item-radio input[type=radio]~span {
    color: var(--color-white);
}

.item-radio input[type=radio]:checked~span {
    color: var(--color-primary);
    border-color: var(--color-primary);
}


/*radio check end*/

.row-col-73 .col-3,
.row-col-73 .col-2 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    min-width: 100px;
}

.row-col-73 .col-9,
.row-col-73 .col-10 {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.row-col-73 .col-3 .input-md~.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
}

.mb16 {
    margin-bottom: 16px;
}

.box-favourite .fav-item-inner {
    padding-top: 15px;
}

.ic32 {
    width: 32px;
    height: 32px;
}

.box-list-item .ic50 {
    width: 32px;
    height: 32px;
}

.btn-remove {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 3;
}

.btn-add {
    position: absolute;
    left: 50%;
    top: 10px;
}
.box-list-item .fav-item-inner {
    max-width: 90px;
}

.box-list-item .fav-item-inner {
    /* margin: inherit;*/
}

.mb0 {
    margin-bottom: 0 !important;
}

.date-single input {
    text-indent: 40px;
}

.date-txt {
    position: absolute;
    left: 15px;
    top: 12.5px;
    color: var(--color-white);
}
/*loading*/
.lds-default {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
  }
  .lds-default div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #DEB331;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite;
  }
  .lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px;
  }
  .lds-default div:nth-child(2) {
    animation-delay: -0.1s;
    top: 22px;
    left: 62px;
  }
  .lds-default div:nth-child(3) {
    animation-delay: -0.2s;
    top: 11px;
    left: 52px;
  }
  .lds-default div:nth-child(4) {
    animation-delay: -0.3s;
    top: 7px;
    left: 37px;
  }
  .lds-default div:nth-child(5) {
    animation-delay: -0.4s;
    top: 11px;
    left: 22px;
  }
  .lds-default div:nth-child(6) {
    animation-delay: -0.5s;
    top: 22px;
    left: 11px;
  }
  .lds-default div:nth-child(7) {
    animation-delay: -0.6s;
    top: 37px;
    left: 7px;
  }
  .lds-default div:nth-child(8) {
    animation-delay: -0.7s;
    top: 52px;
    left: 11px;
  }
  .lds-default div:nth-child(9) {
    animation-delay: -0.8s;
    top: 62px;
    left: 22px;
  }
  .lds-default div:nth-child(10) {
    animation-delay: -0.9s;
    top: 66px;
    left: 37px;
  }
  .lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px;
  }
  .lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px;
  }
  @keyframes lds-default {
    0%, 20%, 80%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.5);
    }
  }
  /*loading enb*/
/*table*/
.notes {
    font-style: italic;
}

.table-style1 .table td,
.table-style1 .table th {
    padding: 16px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--color-white);
}
.table-style .table td,
.table-style .table th {
    padding: 8px 16px; text-align: left;
    border-bottom: 0.5px dashed var(--color-primary); font-size: 14px;
    border-top: none;
}

.table-style2 .table td,
.table-style2 .table th {
    color: var(--color-white);
    padding: 10px;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.08);text-align: left;
}
.table-style2 tr:hover {background-color: rgba(255, 255, 255, 0.12);}
.table-style2 .table td {font-size: 14px;}
.table-style2 .table th {font-size: 12px; color: var(--color-primary);}
.table-style2 .table th:first-child {border-radius: 16px 0 0 0;}
.table-style2 .table th:last-child {border-radius: 0 16px 0 0;}

.nobor-last tbody>tr:last-child>td:first-child {border-radius: 0 0 0 16px;}
.nobor-last tbody>tr:last-child>td:last-child {border-radius: 0 0 16px 0;}

.nobor-last tbody>tr:last-child>td {border-bottom: none;}

.table-style3 .table td,
.table-style3 .table th {
    color: var(--color-white);
    padding: 10px;
    border-bottom: 0.5px dashed rgba(255, 255, 255, 0.08);text-align: left;
}
.table-style3 .table th {
    border-bottom:none;
}
.table-style3 tr:hover {background-color: rgba(255, 255, 255, 0.12);}
.table-style3 .table td {font-size: 14px;}
.table-style3 .table th {font-size: 12px; color: var(--color-primary); background-color: rgba(255, 255, 255, 0.12);}
.table-style3 .table th:first-child {border-radius: 16px 0 0 0;}
.table-style3 .table th:last-child {border-radius: 0 16px 0 0;}
.table-style .table thead th {
    border-top: none; vertical-align: middle;background-color: #E8E7E5;border-bottom: 0.5px solid #fff;border-left: 0.5px solid #fff;
    color: #005D98;
}
.fw400 {
    font-weight: 400 !important;
}

.td-ic-right {
    float: right;
    margin-left: 10px;
}


/*table end*/

.box-note {
    padding: 30px;
}

.note-title {
    margin-bottom: 10px;
}

.min-width130 {
    min-width: 130px;
}

.nav-tab-search .col-6 .input-sm:not(textarea) {
    height: 32px;
}
/*tab*/

.tab-content {
    color: var(--color-white);
}

.tabs .nav-style-default .nav-link {
    height: 36px;
    line-height: 36px;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    line-height: 44px;
    color: var(--color-primary);
    border: 1px solid transparent;
    height: 44px;
    margin-right: 16px;
    padding: 0 16px;
}

.tabs .nav-style-default .nav-link.active {
    border-color: var(--color-primary);
}

.tabs .nav-style-default .nav-link:last-child {
    margin-right: 0;
}

.col-md-6 .tabs {
    padding: 30px;
}

.tabs .nav-wrap {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 30px;
}


/*tab end*/

.color-error {
    color: var(--color-error)
}

.align-items-top {
    align-items: start;
}

.map-scroll {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.map-item>.row {
    margin-bottom: 10px;
}

.map-item>.row:last-child {
    margin-bottom: 0;
}

.mb16 {
    margin-bottom: 16px !important;
}

a.map-item {
    margin-bottom: 16px;
    padding-bottom: 16px;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

a.map-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.map-iframe {
    overflow: hidden;
    border-radius: 16px;
}

.list-col .list-link-item.border-dash {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.08) !important;
}

.list-col .list-link-item.border-0 {
    border-bottom: none !important;
}

.box-list-check .list-style-col {
    padding: 0 30px 30px;
}

.box-list-check .list-col .list-link-item {
    padding-left: 0 !important;
}

.box-list-check .list .list {
    padding-left: 28px;
    padding-bottom: 16px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.08) !important;
}

.box-list-check .list .list .list-link-item {
    padding: 8px 16px !important;
}

.line-30 {
    background-color: rgba(255, 255, 255, 0.38);
    height: 2px;
    width: 16px;
}

.middle {
    vertical-align: middle !important;
}
.justify-content-between {
    align-items: center;
}
.profile .dropdown-ic {
    display: none;
}


.badge-success {background: #005D97;
    background: linear-gradient(-120deg, #00B1EF 0%, #005D97 100%);}
.badge-error { background-color: rgba(255, 255, 255, 0.24);}
.badge-warning{ background-color: var(--color-primary); color: #005D98;}
.box-last {
    border-top: 1px solid rgba(255, 255, 255, 0.08); padding: 16px;
}
.input-material~.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    display: none;
}
.list-mb3>*:not(:last-child){margin-bottom: 3px;}
.list-mb30>:last-child{margin-bottom: 0;}
/*card*/
.max-width-350 {max-width: 350px;}
.box-card {position: relative;}
.card_pic::before {
    position: absolute;
    width: 100%;
    height: 140px;
    opacity: 0.7;
    bottom: 0;
    content: "";
    display: block;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000AD 50%, #000000 100%) 0% 0% no-repeat padding-box;
}
.card-text {position: absolute; bottom: 10px; left: 16px;}
.card_pic img {/*max-width: 350px;*/display: inline-block !important;border-radius: 16px;}
.slider_card .owl-theme .owl-nav [class*=owl-] {
    top: 50%;
    margin: -18px 0 0 !important;
}
.carousel-active.owl-carousel .owl-nav.disabled {display: block;}
.margin-auto {margin: 0 auto;}
.max-width-550 {max-width: 550px;}

.owl-carousel-3d .item{
    opacity:0.4;
    transition:.4s ease all;
    margin:0 -30px;
    transform:scale(.75);
  }
  .owl-carousel-3d .owl-item.active {
    z-index: 1;
}
.module-text {
    min-height: 35px;
}
.module-img img{
    border-radius: 10px;
}
.module-item {
    background-color: rgba(255,255,255,0.04);
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.12);
    padding: 10px;
}
  @media(max-width:1000px){
    .owl-carousel-3d .item{margin:0; transform:scale(.9)}
  }
  .owl-carousel-3d .active .item{
    opacity:1;
    transform:scale(1);
  } 
  
  .owl-carousel-3d .owl-item {
      -webkit-backface-visibility: hidden;
      -webkit-transform: translateZ(0) scale(1.0, 1.0);
  }
  
  .owl-carousel-3d .inner{position:absolute; bottom:30px; left:0; right:0; text-align:center;}
  .owl-carousel-3d .inner a{color:#fff; text-decoration:none; border-bottom:2px solid rgba(255,255,255,0.5); transition:.3s ease border-color}
  .owl-carousel-3d .inner a:hover{border-color:#fff;}
  .owl-carousel-3d .black .inner a{color:#000; border-color:rgba(0,0,0,0.4)}
  .owl-carousel-3d .black .inner a:hover{border-color:#000;}
  
  .owl-carousel-3d .owl-carousel:after{content:""; display:block; position:absolute; width:8%; top:0; bottom:0; left:50%; margin-left:-4%; pointer-events: none; background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/43033/aett_logo_slider.png) no-repeat center 50%; background-size:100% auto;
  }
  
  .owl-carousel-3d .owl-controls{position:absolute; margin-top:300px;}

.border-radius8 {border-radius: 8px !important;}
  /*card end*/
  .bg-primary {background-color: #B2945D !important;}
  .color-primary-sub {color: #B2945D;}
  .bg-white8 {background-color: rgba(255, 255, 255, 0.08)}
  .bg-white50 {background-color: rgba(255, 255, 255, 0.5)}
  .radius8 {border-radius: 8px;}
  .pd10 {padding: 10px;}
  .row-inline {display: inline-block; width: 100%;}
  .max-width-310 {max-width: 310px;}
  
 /*progress*/

 .progress {
    background-color: rgba(255,255,255,0.38);
    border-radius: 16px;
}
.progress-small{
    height: 6px;
}
.box-progress-popup .progress{
    background-color: rgba(0,0,0,0.38);
}
 .progress.progress-half-circle {
    position: relative;
    background-color: transparent;
    width: 315px;
    text-align: center;
    height: 200px;margin-bottom: 16px;
}
.progress-half-circle .barOverflow {
    position: relative;
    overflow: hidden;
    width: 315px;
    height: 158px;
}
.progress-half-circle .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 315px;
    height: 315px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 20px solid rgba(255,255,255,0.5);
    border-bottom-color: #DEB331;
    border-right-color: #DEB331;
}
.progress-percent {
    background-color: #DEB331;
    width: 60px;
    height: 60px;
    border: 3px solid rgba(255,255,255,0.87);
    line-height: 60px;
    border-radius: 100%;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 35%;
    left: 50%;
    margin-left: -30px;
}
.progress-text-l {position: absolute; left: 0;}
.progress-text-r {position: absolute; right: 0;}
.progress-bottom {
    position: absolute;
    bottom: 0;
    width: 315px;
}
.progress-text {
    position: relative;
    top: -22px;
}
 /*progress end*/
 @media (max-width: 1199px) {
    .sidebar {
        background-color: rgba(14, 32, 44, 0.95) !important;
    }
 }
 #box_found .title {
	color:var(--color-primary);
}
#box_found a:hover, #box_found a:hover span {
	color:var(--color-primary);
}
.items_live_search a:hover, .display_result_search_mb .items_live_search a:hover .cate {
	color:var(--color-primary);
  }
  .btn_search_when_scroll,.searchmb .input-clean, .btn_close_search_wap {
    background: rgba(34, 41, 48, 0.8);
}
.highlight {
    color: var(--color-primary);
}
.input-material~.input-ic:after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(34, 41, 48, 1) 70%);
}
.select2-container--default .select2-results__option[aria-selected="true"]:after {
    background-image: url(../images/web/icons/primary/ic_check.svg);
}
.input-material~.select2-container--open~.input-label, .input-material~.btn-group.open~.input-label {
    color: var(--color-primary);
}
.toast-notify-home .close, .toast-notify-home .close:hover {
    color: #005D98;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    background: url(../images/web/icons/white/ic_close2.svg) no-repeat 0 0;
}
.icon-heart-double {
    background-position: center center;
    background-repeat: no-repeat; content: "";
    background-image: url(../images/web/icons/primary/icon-heart-double.svg);
    background-color: transparent;
}
.alert.alert-primary {
    color: var(--color-white);
}
.keyboard button {
    color: var(--color-status-primary);
}