html, body {
    height: 100%;
}

.modal-open {
    padding-right: 0 !important;
    overflow: auto !important;
}

.custom {
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cus-height-page {
    min-height: calc(1.7rem + 1rem);
}

.color-primary {
    color: #00874c;
}

.btn-primary {
    background-color: #00874c;
    color: #000000;
    border-color: #00874c;
}

.bg-dark-orange {
    color: white;
    background-color: #ab3003 !important;
}
.bg-cus2 {
    color: white;
    background-color: #f1c232 !important;
}
.bg-cus1 {
    color: white;
    background-color: #7f6000 !important;
}

.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #00d68d;
    border-color: #00d68d;
}

.bg-primary {
    background-color: #00874c;
}

.btn-login {
    width: 120px;
}

#login footer {
    bottom: 0;
}

#login footer p {
    font-weight: 800;
}

#login .logo-app {
    width: 80%;
    text-align: center;
    margin: auto;
}

@media (min-width: 768px) {
    body#adminlte:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
    .content-wrapper, body#adminlte:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
    .main-footer, body#adminlte:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        transition: margin-left .3s ease-in-out;
        margin-left: 0;
    }
}

/* Admin */

.col-md-0-25, .col-md-0-5, .col-md-0-75,
.col-md-1-25, .col-md-1-5, .col-md-1-75,
.col-md-2-25, .col-md-2-5, .col-md-2-75,
.col-md-3-25, .col-md-3-5, .col-md-3-75,
.col-md-4-25, .col-md-4-5, .col-md-4-75,
.col-md-5-25, .col-md-5-5, .col-md-5-75,
.col-md-6-25, .col-md-6-5, .col-md-6-75,
.col-md-7-25, .col-md-7-5, .col-md-7-75{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 992px) {
    .col-md-0-25, .col-md-0-5, .col-md-0-75,
    .col-md-1-25, .col-md-1-5, .col-md-1-75,
    .col-md-2-25, .col-md-2-5, .col-md-2-75,
    .col-md-3-25, .col-md-3-5, .col-md-3-75,
    .col-md-4-25, .col-md-4-5, .col-md-4-75,
    .col-md-5-25, .col-md-5-5, .col-md-5-75,
    .col-md-6-25, .col-md-6-5, .col-md-6-75,
    .col-md-7-25, .col-md-7-5, .col-md-7-75{
        float: left;
    }

    .col-md-offset-0-25 {
        margin-left: 2.08333333%;
    }

    .col-md-offset-0-5 {
        margin-left: 4.16666667%;
    }

    .col-md-0-25 {
        width: 2.08333333%;
    }
    .col-md-0-5 {
        width: 4.16666667%;
    }
    .col-md-0-75 {
        width: 6.25%;
    }
    .col-md-1-25 {
        width: 10.41666667%;
    }
    .col-md-1-5 {
        width: 12.5%;
    }
    .col-md-1-75 {
        width: 14.58333333%;
    }
    .col-md-2-25 {
        width: 18.75%;
    }
    .col-md-2-5 {
        width: 20.83333333%;
    }
    .col-md-2-75 {
        width: 22.91666667%;
    }
    .col-md-3-25 {
        width: 27.08333333%;
    }
    .col-md-3-5 {
        width: 29.16666667%;
    }
    .col-md-3-75 {
        width: 31.25%;
    }
    .col-md-4-25 {
        width: 35.41666667%;
    }
    .col-md-4-5 {
        width: 37.5%;
    }
    .col-md-4-75 {
        width: 39.58333333%;
    }
    .col-md-5-25 {
        width: 43.75%;
    }
    .col-md-5-5 {
        width: 45.83333333%;
    }
    .col-md-5-75 {
        width: 47.91666667%;
    }
    .col-md-6-25 {
        width: 52.08333333%;
    }
    .col-md-6-5 {
        width: 54.16666667%;
    }
    .col-md-6-75 {
        width: 56.25%;
    }

    .col-md-7-25 {
        width: 60.416666666%;
    }
    .col-md-7-5 {
        width: 62.5%;
    }
    .col-md-7-75 {
        width: 64.58333333%;
    }
    .per-page {
        width: 8.5% !important;
    }
    .return-delivery-plan {
        padding-left: 8px;
    }
}

.w-80 {
    width: 80% !important;
}
.w-20 {
    width: 20% !important;
}

.pd-r30 {
    padding-right: 30px !important;
}

.main-header {
    border-top: 1px solid #dee2e6;
}

.item-menu {
    color: #047aaf;
    text-align: center;
    width: 6.5vw;
}

.item-menu a {
    color: #047aaf !important;
}

.item-menu:not(:first-child) {
    background-color: #047aaf;
    margin: 0 1px !important;
}

.item-menu:not(:first-child) a {
    color: white !important;
}

.item-menu:hover, .item-menu:active, .item-menu:focus {
    background-color: #8fbf5c;
}

.nav-link {
    display: block;
    padding: .25rem 1rem;
}

.main-header .nav-link {
    height: 2rem;
}

.table-list th {
    background: #047aaf;
    color: white;
    padding: .5rem;
}

.table-list td {
    padding: .5rem;
}

.table-list tbody tr:nth-child(2n + 2) {
    background-color: #dddddd69;
}

.btn-w-sm {
    width: 6.5rem;
}

.btn-w-big {
    width: 13rem !important;
}

.btn-w-auto {
    width: auto !important;
    padding: 0.25rem 0.5rem !important;
}

.btn-option {
    padding: .25rem;
    border: #047aafff solid 1px;
    background-color: #047aafff;
    color: white;
    width: 8.5rem;
}

.btn-option:hover, .btn-option:active, .btn-option:focus {
    color: white;
    border: #8fbf5c solid 1px;
    background-color: #8fbf5c;
}

.pagination li.page-item:hover, .pagination li.page-item:focus {
    opacity: .5;
    background-color: #eee;
    border-color: #ddd;
}

.pagination li.page-item.active a {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #047aafff !important;
    border-color: #047aafff;
}

.pagination li.page-item a {
    background: #fafafa;
    color: #666;
}

.react-datepicker-wrapper {
    width: 100%;
}
.col-max-200 {
    max-width: 200px !important;
    width: 180px;
}
.col-max-min-250 {
    width: 250px !important;
    max-width: 250px !important;
}
.visibility-collapse {
    visibility: collapse;
}
.product-history .bg-header {
    background-color: #047aaf !important;
}
.product-history label {
    margin-top: .5rem;
}
.product-history div.txt {
    margin-top: .5rem;
}
.product-history .box-img {
    width: 15rem;
    height: 100%;
    border: #4285f4 solid 1px;
}

.product-history .box-img img{
    max-width: 100%;
    height: 100%;
}

.product-history .white {
    color: white;
}
.product-history .bg-label {
    background-color: #49b6e7 !important;
}

.product-history .border-right {
    border-right: #4285f4 solid 1px !important;
}

.product-history .border-left{
    border-left: #4285f4 solid 1px !important;
}

.product-history .border-top{
    border-top: #4285f4 solid 1px !important;

}
.product-history .border-bottom {
    border-bottom: #4285f4 solid 1px !important;
}
.w-30 {
    width: 30%;
}
.right-0 {
    right: 0;
}
.label-custom {
    background: #047aaf;
    width: 100%;
    padding: 0 5px !important;
    color: white;
    height: calc(1.6em + 0.75rem);
    line-height: 2.4rem;
}

#delivery_method .label-custom {
    height: calc(1.6em + 0.75rem + 4px) !important;
}

.custom-icon-warning {
    font-size: 50px;
    text-align: center;
    color: orange;
    margin-bottom: 30px;
}

.label-color {
    width: 150px;
    height: 30px;
    margin-left: 20px;
    padding: 5px 0 0 5px;
    font-size: 12px;
    color: white;
}

.w-79 {
    width: 79%;
}
.required {
    color: red;
}

.custom-editor {
    background-color: white;
}

.label-size{
    min-width: 160px;
    text-align: center;
    display: inline-block;
    padding: 0px 10px;
    height: 39px;
    line-height:39px;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    border-radius: 5px 0 0 5px;
    border-right-width:0;
    position:relative;
    z-index:1;
    margin-right: 20px;
    margin-bottom: 10px;
}
.label-size{
    border: 1px solid #769e42;
    box-shadow: inset 0 1px 0 #c5e59c ;
    background-color: #9ed35a;
    text-shadow: 0px 1px 1px #6ea23b;
    color: #fff;
    background-image: linear-gradient(bottom, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
    background-image: -o-linear-gradient(bottom, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
}
.label-size:after{
    content: " ";
    width: 30px;
    height: 30px;
    line-height: 18px;
    font-size:25px;
    border-top: 1px solid #769e42;
    border-right: 1px solid #769e42;
    box-shadow: inset 0 1px 0 #c5e59c ;
    background-color: #9ed35a;
    text-shadow: 0px 1px 1px #7eac46;
    border-radius: 3px 7px 6px 0;
    color: #fff;
    background-image: linear-gradient(135deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
    background-image: -o-linear-gradient(135deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
    background-image: -moz-linear-gradient(135deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
    background-image: -webkit-linear-gradient(135deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
    background-image: -ms-linear-gradient(135deg, rgb(125,196,64) 0%, rgb(157,210,88) 100%);
    position:absolute;
    top: 4px;
    right: -16px;
    z-index:-3;
    -webkit-transform: rotate(45deg);  /* Saf3.1+, Chrome */
    -moz-transform: rotate(45deg);  /* FF3.5+ */
    -ms-transform: rotate(45deg);  /* IE9 */
    -o-transform: rotate(45deg);  /* Opera 10.5 */
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(/* IE6–IE9 */
        M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand');
    zoom: 1;
}
.label-size:before{
    content: " ";
    height:5px;
    width:5px;
    display:block;
    position:absolute;
    right:-3px;
    top:16px;
    background-color: #fcfdf5;
    border: 1px solid #83ab52;
    border-radius:5px;
    box-shadow: 0 1px 0 #b2ddd83;
}
.label-size span{
    padding:2px 5px;
    border: 1px solid #9e5c26;
    border-radius: 5px;
    box-shadow: inset 0 1px 0 #f5bf8c;
    background-color: #ed943f;
    text-shadow: 0px 1px 1px #000;
    margin-left: 10px;
    background-image: linear-gradient(bottom, rgb(211,95,32) 0%, rgb(223,131,45) 100%);
    background-image: -o-linear-gradient(bottom, rgb(211,95,32) 0%, rgb(223,131,45) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(211,95,32) 0%, rgb(223,131,45) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(211,95,32) 0%, rgb(223,131,45) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(211,95,32) 0%, rgb(223,131,45) 100%);
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.2rem;
    padding-left: 0.2rem;
}

.status-flag {
    border: solid 1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #26171708;
    position: absolute;
    left: 40%;
    transform: translate(0%, 40%);
}

.status-flag.active {
    background: #0426c9fa
}

.word-break-all {
    word-break: break-all;
}
.border-error {
    border: solid 1px #dc3545 !important;
}

.height-100 {
    height: 100px !important;
}

.height-500 {
    height: 500px !important;
}
.width-20 {
    width: 20%;
}
.m-0-auto {
    margin: 0 auto !important;
}
.ml-7 {
    margin-left: 7rem !important;
}

.btn-choice-permission {
    font-size: 12px;
}
.custom-padding-th-td {
    padding: 0.5rem 0 !important;
}

.icon-warning {
    font-size: 50px;
    text-align: center;
    color: orange;
    padding: 10px;
}
.warning-license {
    min-height: 100px;
    max-height: 150px;
    margin: 15px 0px;
}

.warning-license a, .warning-license button {
    color: white;
    padding: 20px;
    text-decoration: none;
}
.icon-warning {
    align-items: center;
    display: flex;
}

.warning-license i{
    background-color: #D9D9D9;
}

.text-key-license {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box-warning-conent {
    font-size: 16px;
    word-break: break-all;
    display: grid;
    align-items: center;
    background-color: #D9D9D9;
    position: relative;
}
.box-warning-conent:after {
    top: 0;
    content: "";
    position: absolute;
    right: -20px;
    height: 0;
    border-left: 20px solid #D9D9D9;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
}


.btn-to-detail {
    border: 1px solid #3490dc;
    box-shadow: 1px 1px 1px 1px rgba(52, 144, 220, 0.89);
}
.llv-active {
    z-index: 2;
    background-color: #f5f5f5;
    border: #777 solid 1px !important;
}
.icon-stock {
    font-size: 22px;
}

.arrows {
    display: flex;
    flex-direction: column; /* Hiển thị mũi tên theo chiều dọc */
    align-items: center; /* Căn chỉnh mũi tên ở giữa */
}

.arrows i {
    font-size: 15px;
    cursor:pointer;
}

.arrows i.disabled {
    opacity: 0.2;
}

.arrows i:hover {
    opacity: .5;
}

.box-arrows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 5px;
}