@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
img
{
    max-width:100%
}

.radius4 {
    border-radius: 4px
}
.p7
{
    padding:7px
}
.w-30
{
    width:30%
}
.w-35 {
    width: 35%
}
.left5 {
    left: 5px
}
.right5
{
    right:5px
}
.logo .logo-sm img {
    height: auto
}

.font800 {
    font-weight: 800
}
.font900
{
    font-weight:900
}
.max-h500
{
    max-height:500px
}
.btn-transparent
{
    background:transparent;
    border:none;
    padding:0
}
.bg-success-aae1cb52 {
    background-color: #aae1cb52 !important;
}
.bg-overlay-allpage {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333333db;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.offcanvas-detail {
    --bs-offcanvas-width: calc(100% - 249px);
}
.offcanvas-header h5
{
    margin:0
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-padding-x: 25px;
    --bs-offcanvas-padding-y: 25px;
}
.card-detail .offcanvas-header {
    background: #5156be;
}
.card-detail .offcanvas-body .left_ {
    width: 57px;
    background: #5156be;
}
.card-detail .offcanvas-body .right_ {
    width: 100%;
    padding-top: 20px;
    padding-right: 20px;
    overflow-y: auto;
    position:relative
}
.flex
{
    display:flex
}
.grid {
    display: grid
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}
.card-detail .offcanvas-body {
    padding: 0
}
.card-detail .offcanvas.offcanvas-end {
    border-left: #23289f solid thin;
}
.card-detail .offcanvas-body .left_ .nav-pills .nav-link {
    font-size: 25px;
    line-height: 0;
    height: 57px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:0;
    color:#fff
}
    .card-detail .offcanvas-body .left_ .nav-pills .nav-link.active {
        color: var(--bs-sidebar-menu-item-active-color);
        background-color: #fbfbfb;
    }
.card-detail .offcanvas-header .btn-close {
    --bs-btn-close-color: #fff;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 1;
}
.avatar-xxl {
    height: 6rem;
    width: 6rem;
}
.aspNetDisabled {
    opacity: 0.5;
    width: 100%;
    color: #fff;
    pointer-events: none;
    background-color: #333;
    border: #333 solid thin;
    padding: 15px;
    border-radius: 4px;
}
.form-control, input.aspNetDisabled, .form-select {
    padding: 12px 15px;
}
input.aspNetDisabled {
    background: #f8f9fa;
    border: #ddd solid thin;
    color: #000;
    opacity: 1;
    
}
input[type=submit].aspNetDisabled {
    width: max-content;
}
.dataTables_filter .form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width)* 2));
    padding: .25rem .5rem;
    font-size: .765625rem;
    border-radius: var(--bs-border-radius-sm);
}
.dataTables_length .form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .765625rem;
    border-radius: var(--bs-border-radius-sm);
    padding-right: 30px;
}
.select2-container .select2-selection--multiple {
    display: flex !important
}
.select2-container {
    z-index: 9999;
}
    .select2-container--default .select2-selection--multiple, .select2-container .select2-selection--single {
        height: 47px !important;
    }
    .select2-container .select2-selection--single {
        
        width: 100%;
        padding: 12px 15px !important;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-tertiary-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color) !important;
        border-radius: var(--bs-border-radius);
        -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    }
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: unset !important;
    padding:0 !important
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px !important;
    right: 10px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus
{
    outline:none
}
.select2-dropdown {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
}
.btnaction {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding-top: 1rem !important;
    z-index: 999;
}
.w-maxcontent
{
    width:max-content
}
.control_ed {
    display: none
}
tr.pos_hovs:hover .control_ed {
    display: block;
}
.none-ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.control_ed ul li a {
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
table.dataTable {
    border-spacing: 0 !important;
}
.control_ed ul li a i{
    font-size: 11px;
}
.item-action
{
    position: absolute;
    right: 5px;
    top: 5px;
}
.plr-30per {
    padding: 0 30%;
}
.page-fixwidthper {
    overflow-y: auto;
}
.item-group-notify input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
    position: absolute;
}
    .item-group-notify input[type="checkbox"]:checked + label, .item-group-notify input[type="checkbox"] + label:hover {
        background-color: #414598;
        border-color: #414598;
        border-right: #5c60af solid thin;
    }
    .item-group-notify input[type="checkbox"] + label {
        padding: 13px 15px;
        color: #fff;
        font-weight: 600;
        background: #5156be;
        border-right: #5156be solid thin;
    }
.item-group-notify td, .box-description-per .right_label .checkbox td {
    padding: 0
}
.item-group-notify tbody {
    display:flex
}
.item-group-notify table {
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}
.group_per_ {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 4px;
}
.box-description-per label {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.box-description-per .right_label_header .checkbox label {
    font-weight: 600;
}
.box-description-per .right_label_header .checkbox
{
    margin-bottom:10px
}
.box-description-per .right_label_header .checkbox, .box-description-per .right_label .checkbox td {
    display: flex;
    gap: 8px;
    align-items: center;
    position:relative
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #5156be;
    border-color: #5156be;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
    display:none
}

.box-description-per .checkbox label::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    left: 0;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.group_per_  tbody{
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.item-group-notify input[type="checkbox"] + label:hover {
    cursor: pointer
}
.modal-posModule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin)* 2);
}
.modal-title {
    font-size: 15px;
}
input[type="button"].aspNetDisabled {
    width: auto
}
body[data-sidebar="dark"] .card-detail .offcanvas-header, body[data-sidebar="dark"] .card-detail .offcanvas-body .left_ {
    background: #363937;
}
body[data-sidebar="dark"] .card-detail .offcanvas.offcanvas-end {
    border-left: #515151 solid thin;
}
body[data-sidebar="dark"] input.aspNetDisabled {
    background: #2f3331;
    border: #414141 solid thin;
}
body[data-sidebar="dark"] .btnaction {
    background: #2c302e;
}
body[data-sidebar="dark"] .card-detail .offcanvas-body .left_ .nav-pills .nav-link.active {
    color: #333;
    background-color: #bdbdbd;
}
.fw-bold input
{
    font-weight:600
}
.form-control-color
{
    height:47px;
}
.autodisable-textbox .aspNetDisabled {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.autodisable-button .aspNetDisabled
{
    width:max-content
}
.list-gift {
    border-radius: var(--bs-border-radius);
}
.list-gift .grid-item {
    background-color: #2ab57d;
    border-radius: 5px;
    font-weight: 500;
    padding: 10px 15px;
    font-size: .8rem;
    color: #fff;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:10px
}
.select2-container--default .select2-selection--multiple {
    display: block;
    width: 100%;
    padding: 10px 15px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-tertiary-bg) !important;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    display: flex;
    align-items: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 !important;
    display: flex !important;
    gap: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container .select2-search--inline .select2-search__field{
    margin: 0 !important;
    padding:0 !important
}
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
        background: #5156be;
        border: none;
        padding: 2px 7px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-weight: 600;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #fff !important;
        line-height: 0;
    }
#myShowAlert .icon_ span
{
    font-size:14px
}
#myShowAlert .icon_ {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
}
.box-descTotalPay, .box-descUNC {
    width: 100%
}
#_pnLoad {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    z-index: 99999;
    background: #333333d6;
}
.form-select:disabled {
    background-color: #f8f9fa;
    border: #ddd solid thin;
    color:#333
}
._list-data .card {
    padding: 20px;
    --bs-card-spacer-y: 0;
    --bs-card-spacer-x: 0;
}
.data-sort-page .dropdown-toggle {
    padding: 0
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), #_clearSort {
    border-radius: 4px !important;
}
.file-upload__input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.dropzone
{
    position:relative
}
.dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    position: relative;
    display: block;
    z-index: 10;
    min-height: 120px;
    max-height: 120px;
    object-fit: cover;
}
#_lbtdelPhoto {
    position: absolute;
    right: 5px;
    top: 5px;
}
.file-uploadavtar__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.file-upload__label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    left: 0;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    display:none;
}
.avatar_:hover .file-upload__label {
    display: flex
}
.monthselect.form-select {
    padding: .25rem 2.25rem .25rem .5rem
}
.info-Contract p {
    line-height: 12px;
    margin-bottom: 10px;
}
.notification-item .d-flex.unread {
    background-color: rgb(81 86 190 / 7%) !important;
    border-bottom: #fff solid thin;
}
div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_info, .page-item:first-child .page-link, .page-item:not(:first-child) .page-link, .page-item:last-child .page-link {
    font-size: 13px
}
.close-set {
    position: absolute;
    right: 17px;
    top: 12px;
    display:none
}
.item-content-notity
{
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.font-style-italic
{
    font-style:italic;
}
.fix-cover-fit-139 {
    max-height: 139px;
    min-height: 139px;
    width: 100%;
    object-fit: cover;
    transition: all .3s ease;
    transition: transform .5s ease;
}
.first-uppercase::first-letter {
    text-transform: uppercase;
}
@media (max-width: 1700px) {
    .offcanvas-detail {
        --bs-offcanvas-width: 100%;
    }
    .box-descTotalPay {
        width: 100%
    }
}
@media only screen and (min-width: 961px) and (max-width: 1024px) {
    .box-descTotalPay {
        width: 50%
    }
    
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
    .control-order {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 960px) {
    .list-gift .hstack {
        display: inline-block
    }

        .list-gift .hstack .grid-item {
            margin-right: 10px;
            margin-top: 10px;
        }

            .list-gift .hstack .grid-item:last-child {
                margin-right: 0;
            }

    div.table-responsive > div.dataTables_wrapper > div.row {
        margin: 0;
        flex-direction: row;
        gap: 5px;
        justify-content: space-between;
    }

        div.table-responsive > div.dataTables_wrapper > div.row > * {
            width: max-content;
            padding: 0
        }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 135px !important;
    }

    #cp1__linkcanceraction {
        display: none
    }

    .hstack {
        flex-direction: column
    }

        .hstack .form-select:disabled, .hstack input[type=submit].aspNetDisabled {
            width: 100%
        }

    .img-calender {
        display: none
    }

    .navbar-header {
        padding: 0 !important
    }

    .offcanvas.offcanvas-end, .hstack [type=button], .hstack [type=submit] {
        width: 100%
    }

    .control-order {
        display: grid;
    }
}

.none {
    display: none !important
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.p1015 {
    padding: 10px 15px;
}
.refund-reason .aspNetDisabled {
    background: transparent;
    padding: 0;
    opacity: 1;
    width: 100%;
    color: #333;
    border: none;
    border-radius: unset;
    display: flex;
    gap: 5px;
}

    .refund-reason .aspNetDisabled label {
        margin: 0
    }

#_pnEditRefund .list-data ul {
    margin: 0
}
#_pnAddCourse ul {
    list-style: none;
}