:root{--data-color-primary: #162B5F;--data-color-secondary: #234F9A;--data-color-gray: #707070;--data-light-gray: #F0F0F0;--data-color-hover: #861564;--border-color: #162B5F;--color-success: #5EC08E}body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a{color:#ffffff !important;background-color:#1f4383 !important}.select2-container--default .select2-selection--multiple{padding:6px 0;border:1px solid #ced4da !important}.select2-container--default .select2-selection--multiple{line-height:24px !important}.select2-container .select2-search--inline .select2-search__field{height:21px !important;margin-top:0 !important;margin-bottom:5px !important}.select2-container--default .select2-selection--multiple .select2-selection__choice{margin-top:0 !important;margin-bottom:2px !important}#sidebar-menu{padding:0px 0 30px 0;color:#fff}#sidebar-menu ul li a{color:#fff}#sidebar-menu ul li a svg{color:#fff !important;fill:rgba(255,255,255,0.11)}.xm-fieldset:first-of-type span{display:none}.menu-title{color:rgba(255,255,255,0.596)}.mm-active .active{background-color:#087578;color:#fff !important}.vertical-menu{background-color:var(--data-color-primary) !important}.btn-primary{background-color:var(--data-color-primary) !important;border-color:var(--data-color-primary) !important}.btn-outline-primary{background-color:transparent !important;border-color:var(--data-color-primary) !important;color:var(--data-color-primary) !important}.bg-primary{background-color:var(--data-color-primary) !important}.page-content{padding:calc(84px + 10px) calc(10px / 2) 84px calc(20px / 2) !important}.h-100vh{height:100vh}.select2-container{width:100% !important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px}.select2-container--default .select2-selection--single{border-color:#ced4da !important}.select2-container .select2-selection--single{height:38px}.select2-container--default .select2-selection__arrow{top:5px !important}.select2-container--default .select2-selection--single .select2-selection__clear{height:31px;line-height:31px}.mm-active .active{background-color:#234F9A !important}.mm-active>a{color:#ffffff !important}.mm-active .active{background-color:#234F9A;color:#fff !important}#sidebar-menu ul li a:hover{color:#ffffff !important;background-color:#234F9A}#sidebar-menu ul li ul.sub-menu li a:active a:hover{color:#fff !important}#sidebar-menu ul li ul.sub-menu li a{color:#fff}#sidebar-menu ul li ul.sub-menu li a{padding:0.6rem 1.5rem 0.6rem 3.3rem}.td-white-space-normal{white-space:normal !important;min-width:220px !important;width:300px !important}.page-item.active .page-link{z-index:3;color:#fff;background-color:#234F9A;border-color:#234F9A}.custom_hide .item_count:nth-child(1) .btn-danger{display:none}.increase_decrease .input-number{width:40px;padding:0 12px;vertical-align:top;text-align:center;outline:none}.increase_decrease .input-number,.increase_decrease .input-number-decrement,.increase_decrease .input-number-increment{border:1px solid #ccc;height:40px;user-select:none}.increase_decrease .input-number-decrement,.increase_decrease .input-number-increment{display:inline-block;width:30px;line-height:38px;background:#4ba6ef;color:#fff;text-align:center;border:1px solid #4ba6ef;font-weight:bold;cursor:pointer}.increase_decrease .input-number-decrement:active,.increase_decrease .input-number-increment:active{background:#ddd}.increase_decrease .input-number-decrement{border-right:none;border-radius:4px 0 0 4px}.increase_decrease .input-number-increment{border-left:none;border-radius:0 4px 4px 0}.add_more_btn{position:absolute;right:11px;top:30px}@media (min-width: 1080px){.auth-login-h{height:100vh}.auth-bg{height:100%}}@media (max-width: 1080px) and (orientation: landscape){.image-logo{height:90px}.auth-login-h{height:100% !important}.auth-bg{height:100% !important}}@media (max-width: 991px) and (orientation: portrait){.image-logo{height:90px}.auth-login-h{height:100vh !important}.auth-bg{height:100% !important}}@media (max-width: 768px){.address .col{width:100%;flex:0 0 100%}}

:root {
    --data-color-primary: #162B5F;
    --data-color-secondary: #234F9A;
    --data-color-gray: #707070;
    --data-light-gray: #F0F0F0;
    --data-color-hover: #861564;
    --border-color: #162B5F;
    --color-success: #5EC08E
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a {
    color: #ffffff !important;
    background-color: #1f4383 !important
}

.select2-container--default .select2-selection--multiple {
    padding: 6px 0;
    border: 1px solid #ced4da !important
}

.select2-container--default .select2-selection--multiple {
    line-height: 24px !important
}

.select2-container .select2-search--inline .select2-search__field {
    height: 21px !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0 !important;
    margin-bottom: 2px !important
}

#sidebar-menu {
    padding: 0px 0 30px 0;
    color: #fff
}

#sidebar-menu ul li a {
    color: #fff
}

#sidebar-menu ul li a svg {
    color: #fff !important;
    fill: rgba(255, 255, 255, 0.11)
}

.xm-fieldset:first-of-type span {
    display: none
}

.menu-title {
    color: rgba(255, 255, 255, 0.596)
}

.mm-active .active {
    background-color: #087578;
    color: #fff !important
}

.vertical-menu {
    background-color: var(--data-color-primary) !important
}

.btn-primary {
    background-color: var(--data-color-primary) !important;
    border-color: var(--data-color-primary) !important
}

.btn-outline-primary {
    background-color: transparent !important;
    border-color: var(--data-color-primary) !important;
    color: var(--data-color-primary) !important
}
.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #5156be !important;
    border-color: #5156be !important;
}
.bg-primary {
    background-color: var(--data-color-primary) !important
}

.page-content {
    padding: calc(84px + 10px) calc(10px / 2) 84px calc(20px / 2) !important
}

.h-100vh {
    height: 100vh
}

.select2-container {
    width: 100% !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px
}

.select2-container--default .select2-selection--single {
    border-color: #ced4da !important
}

.select2-container .select2-selection--single {
    height: 38px
}

.select2-container--default .select2-selection__arrow {
    top: 5px !important
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 31px;
    line-height: 31px
}

.mm-active .active {
    background-color: #234F9A !important
}

.mm-active>a {
    color: #ffffff !important
}

.mm-active .active {
    background-color: #234F9A;
    color: #fff !important
}

#sidebar-menu ul li a:hover {
    color: #ffffff !important;
    background-color: #234F9A
}

#sidebar-menu ul li ul.sub-menu li a:active a:hover {
    color: #fff !important
}

#sidebar-menu ul li ul.sub-menu li a {
    color: #fff
}

#sidebar-menu ul li ul.sub-menu li a {
    padding: 0.6rem 1.5rem 0.6rem 3.3rem
}

.td-white-space-normal {
    white-space: normal !important;
    min-width: 220px !important;
    width: 300px !important
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #234F9A;
    border-color: #234F9A
}

.custom_hide .item_count:nth-child(1) .btn-danger {
    display: none
}

.increase_decrease .input-number {
    width: 40px;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    outline: none
}

.increase_decrease .input-number,
.increase_decrease .input-number-decrement,
.increase_decrease .input-number-increment {
    border: 1px solid #ccc;
    height: 40px;
    user-select: none
}

.increase_decrease .input-number-decrement,
.increase_decrease .input-number-increment {
    display: inline-block;
    width: 30px;
    line-height: 38px;
    background: #4ba6ef;
    color: #fff;
    text-align: center;
    border: 1px solid #4ba6ef;
    font-weight: bold;
    cursor: pointer
}

.increase_decrease .input-number-decrement:active,
.increase_decrease .input-number-increment:active {
    background: #ddd
}

.increase_decrease .input-number-decrement {
    border-right: none;
    border-radius: 4px 0 0 4px
}

.increase_decrease .input-number-increment {
    border-left: none;
    border-radius: 0 4px 4px 0
}

.add_more_btn {
    position: absolute;
    right: 11px;
    top: 30px
}

.text-right {
    text-align: right;
}

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

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

@media (min-width: 1080px) {
    .auth-login-h {
        height: 100vh
    }

    .auth-bg {
        height: 100%
    }
}

@media (max-width: 1080px) and (orientation: landscape) {
    .image-logo {
        height: 90px
    }

    .auth-login-h {
        height: 100% !important
    }

    .auth-bg {
        height: 100% !important
    }
}

@media (max-width: 991px) and (orientation: portrait) {
    .image-logo {
        height: 90px
    }

    .auth-login-h {
        height: 100vh !important
    }

    .auth-bg {
        height: 100% !important
    }
}

@media (max-width: 768px) {
    .address .col {
        width: 100%;
        flex: 0 0 100%
    }
}

.pull-right{
    float:right !important;
}

.new-img {
    width: 50px;
    height: 24px;
}

#toast-container > div {
    z-index: 999999 !important;
}

.select2-container .select2-selection--single {
    height: 37px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px !important;
}

.golden-star {
    fill: gold;
    color: gold;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 2px!important;
}

.swal2-container .select2-container {
    display: none !important;
}