html,
body {
    height: 100%;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    /*white-space: nowrap;*/
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/*@hungtm modified*/
.breadcrumb {
    padding: 0px;
    margin-bottom: 10px;
    font-size: 15px;
}

.help-block{
    color: red;
}

.btn-status{
    width: 80px;
}

.pointer{
    cursor: pointer;
}

.grid-view .glyphicon{
    margin-left: 5px;
}

.form-group.required label:after{
    content: '(*)';
    color: red;
    margin-left: 5px;
}
.has-error .help-block{
    color: red;
}
.has-success .control-label{
    color: #73879C;
}
.has-error .control-label{
    color: #73879C;
}
.has-success .form-control{
    border-color: #cccccc;
}
.has-error .form-control{
    border-color: #cccccc;
}
#wrap-print-order-border{
    border: 3px solid #000000;
    padding: 10px 0px;
}
#wrap-print-order-border .table{
    border: inherit;
}
#wrap-print-order-border .table, #wrap-print-order-border .table tr, #wrap-print-order-border .table td,#wrap-print-order-border .table th{
    border: 1px solid #000000;
}
.title-print{
    font-size: 14px;
}
.help-text-print{
    font-size: 14px;
}
#table-order{
    font-size: 12px;
}
.text-result{
    margin-right: 20px;
}
.text-result span{
    display: inline-block;
    width: 200px;
}
.text-result b{
    width: 80px;
    display: inline-block;
    text-align: right;
}

/*paginations*/
.paginations > .active > a, .paginations > .active > span, .paginations > .active > a:hover, .paginations > .active > span:hover, .paginations > .active > a:focus, .paginations > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.paginations > li > a, .paginations > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.paginations li {
    float: left;
}
.select2 textarea {
    min-height: unset;
}
.select2 .select2-selection--multiple .select2-selection__rendered {
    float: left;
}
.select2 .select2-selection--multiple.select2-selection--clearable .select2-search{
    display: none;
}
.select2 .select2-selection--multiple.select2-selection--clearable .select2-selection__rendered {
    float: unset;
}
.mb-0{
    margin-bottom: 0px;
}
.mb-1{
    margin-bottom: 4px;
}
.mb-2{
    margin-bottom: 8px;
}
.mb-3{
    margin-bottom: 12px;
}
.mb-4{
    margin-bottom: 16px;
}
.mb-5{
    margin-bottom: 20px;
}
.mb-6{
    margin-bottom: 24px;
}
.mb-7{
    margin-bottom: 28px;
}
.mb-8{
    margin-bottom: 32px;
}
.mb-9{
    margin-bottom: 36px;
}
.mb-10{
    margin-bottom: 40px;
}
.mt-0{
    margin-top: 0px;
}
.mt-1{
    margin-top: 4px;
}
.mt-2{
    margin-top: 8px;
}
.mt-3{
    margin-top: 12px;
}
.mt-4{
    margin-top: 16px;
}
.mt-5{
    margin-top: 20px;
}
.mt-6{
    margin-top: 24px;
}
.mt-7{
    margin-top: 28px;
}
.mt-8{
    margin-top: 32px;
}
.mt-9{
    margin-top: 36px;
}
.mt-10{
    margin-top: 40px;
}
.ml-1{
    margin-left: 4px;
}
.ml-2{
    margin-left: 8px;
}
.ml-3{
    margin-left: 12px;
}
.ml-4{
    margin-left: 16px;
}
.ml-5{
    margin-left: 20px;
}
.ml-6{
    margin-left: 24px;
}
.ml-7{
    margin-left: 28px;
}
.ml-8{
    margin-left: 32px;
}
.ml-9{
    margin-left: 36px;
}
.ml-10{
    margin-left: 40px;
}
.mr-1{
    margin-right: 4px;
}
.mr-2{
    margin-right: 8px;
}
.mr-3{
    margin-right: 12px;
}
.mr-4{
    margin-right: 16px;
}
.mr-5{
    margin-right: 20px;
}
.mr-6{
    margin-right: 24px;
}
.mr-7{
    margin-right: 28px;
}
.mr-8{
    margin-right: 32px;
}
.mr-9{
    margin-right: 36px;
}
.mr-10{
    margin-right: 40px;
}
.my-1{
    margin: 4px 0;
}
.my-2{
    margin: 8px 0;
}
.my-3{
    margin: 12px 0;
}
.my-4{
    margin: 16px 0;
}
.gap-1{
    gap:4px;
}
.gap-2{
    gap:8px;
}

.gap-3{
    gap:12px;
}

.gap-4{
    gap:16px;
}

.gap-5{
    gap:20px;
}
.align-items-center{
    align-items: center;
}
.align-items-start{
    align-items: start;
}
.align-items-end{
    align-items: end;
}
.justify-content-center{
    justify-content: center;
}
.justify-content-between{
    justify-content: space-between;
}
.justify-content-start{
    justify-content: start;
}
.justify-content-end{
    justify-content: end;
}
.bg-red-200{
    background: #fecaca !important;
}
.bg-gray-200{
    background: #f8fafc !important;
}
.bg-green-200{
    background: #bbf7d0 !important;
}
.bg-orange-200{
    background: #fed7aa !important;
}
.bg-orange-50{
    background: #fff7ed !important;
}
.none{
    display: none;
}
.block{
    display: block;
}
.cursor-pointer{
    cursor: pointer;
}
.text-green{
    color: green;
}
.text-blue{
    color: blue;
}
.text-red{
    color: red;
}
.font-medium{
    font-weight: 500;
}
.font-weight-bold{
    font-weight: bold;
}
.flex-1{
    flex:1
}
.w-1/2{
    width: 50%;
}
.w-1/3{
    width: 33.333333333333%;
}
.w-2/3{
    width: 66.666666666667%;
}
.w-4{
    width: 16px;
}
.w-5{
    width: 20px;
}
.w-6{
    width: 24px;
}
.w-7{
    width: 28px;
}
.w-8{
    width: 32px;
}
.w-9{
    width: 36px;
}
.w-10{
    width: 40px;
}
.border-none{
    border:none;
}
.text-xs{
    font-size: 12px;
}
.text-sm{
    font-size: 14px;
}
.text-base{
    font-size: 16px;
}
.text-lg{
    font-size: 18px;
}
.text-xl{
    font-size: 20px;
}
.rounded{
    border-radius: 4px !important;
}
.rounded-xl{
    border-radius: 12px !important;
}
.rounded-2xl{
    border-radius: 16px !important;
}
.rounded-3xl{
    border-radius: 20px !important;
}
.flex-col{
    flex-direction: column;
}
.pb-1{
    padding-bottom: 4px;
}
.pb-2{
    padding-bottom: 8px;
}
.pb-3{
    padding-bottom: 12px;
}
.pb-4{
    padding-bottom: 16px;
}
.pb-5{
    padding-bottom: 20px;
}
.pt-1{
    padding-top: 4px;
}
.pt-2{
    padding-top: 8px;
}
.pt-3{
    padding-top: 12px;
}
.pt-4{
    padding-top: 16px;
}
.pt-5{
    padding-top: 20px;
}
.p-1{
    padding: 4px;
}
.p-2{
    padding: 8px;
}
.p-3{
    padding: 12px;
}
.p-4{
    padding: 16px;
}
.p-5{
    padding: 20px;
}
.h-1{
    height: 4px;
}
.h-2{
    height: 8px;
}
.h-3{
    height: 12px;
}
.h-4{
    height: 16px;
}
.h-5{
    height: 20px;
}
.h-6{
    height: 24px;
}
.h-7{
    height: 28px;
}
.h-8{
    height: 32px;
}
.h-9{
    height: 36px;
}
.h-10{
    height: 40px;
}
.rounded-full{
    border-radius: 100%;
}
.object-cover{
    object-fit: cover;
}
.h-full{
    height: 100%;
}
.w-full{
    width: 100%;
}
.w-auto{
    width: auto;
}
.m-auto{
    margin: auto;
}
.strikethrough {
    text-decoration: line-through; /* Gạch ngang */
    text-decoration-color: red; /* Màu đỏ cho gạch ngang */
    text-decoration-thickness: 2px; /* Độ dày của đường gạch (tuỳ chọn) */
}
.border{
    border: 1px solid rgb(155, 155, 155);
}
.dashed {
    border: none;
    border-top: 2px dashed rgb(155, 155, 155);
    margin: 10px 0;
}
.type-item-header {
    padding: 6px 12px;
    background: #2A3F54;
    color: #fff;
}