body {
    margin: 0;
    padding: 1px;
    background-color: #fafafa !important;
    height: 100vh;
    font-size: 10pt !important;
    color: black !important;
}

.custom-padding-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}


#login .container #login-row #login-column #login-box {
    margin-top: 120px;
    max-width: 600px;
    height: 320px;
    border: 1px solid #9C9C9C;
    background-color: #EAEAEA;
}

#login .container #login-row #login-column #login-box #login-form {
    padding: 20px;
}

#login .container #login-row #login-column #login-box #login-form #register-link {
    margin-top: -85px;
}

.table-overflow {
    overflow: auto;
}

table > tbody > tr > td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

table.dataTable tbody tr.selected > * {
    box-shadow: inset 0 0 0 9999px #6ebb8d96 !important;
}

.show-bordered {
    border : 1px solid gray;
    padding : 9px;
}

#navcol-1 ul.na.nav.nav-tabs {
    margin: 10px 0px;
    font: 10px;
}

#navcol-1 ul.nav.nav-tabs li:not(.active) a {
    background-color: #eeeeee;
    color: green;
}

#navcol-1 ul.nav.nav-tabs li.active a {
    border-top: 3px solid #16a765;
    color: forestgreen;
}

#navcol-1 .dropdown-menu {
    color: aquamarine !important;
    font: 10px;
}

#navcol-1 .dropdown-item {
    font-size: 10pt !important;
    background-color: #e9ecef;
    color: forestgreen !important;
}

#navcol-1 .dropdown-item:hover {
    background-color: darkgray !important;
    color: white !important;   
}

.fixed-size-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

#tblbuyinginput tbody tr td {
    padding: 2px;
    font-weight: bolder;
}

#tblreceiptinput tbody tr td {
    padding: 2px;
    font-weight: bold;
}

#tblsellinginput tbody tr td {
    padding: 2px;
}

#tblbuyinginput tbody tr td {
    padding: 2px;
}
.vertical-middle {
    vertical-align: middle !important;
}
.error-alert-input {
    border: 1px solid red !important;
}

#tblcreditinput tfoot tr td {
    padding: 2px;
}

.padding-table-2 tbody tr td {
    padding: 2px;
}

.numbers {
    color: brown !important;
    font-size: 18px !important;
    content: ",";
}

.important {
    color: red !important;
    font-size: 16px !important;
    content: ",";
    font-weight: bold !important;
}

.tab-content {
    display: inline-block;
    width: 100%;
    display:block !important;
}

.show {
    display: compact !important;
}

.hide {
    display: none !important;
}

/*.nav-link.active {
    background-color: darkseagreen !important;
    color:black !important;  
}*/

.logout-item {
    position: absolute !important;
    right:40px !important;
}
#addResult {
    font-size: 16px;
    font-weight: bold !important;
}

.row-booking-hold {
    background-color: #e8f5e9 !important;
    color: #e53935 !important;
}

.bg-color1 {
    background-color: #e1f2ea !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.bg-color-light-yellow {
    background-color: #FDF5CA !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.layout-voucher-list{
    overflow: auto;
    position: relative;
    flex: 1;
    min-height: 0;

}

.col-wrap {
    display: table;
    width: 100%;
}

.col-div {
    display: table-cell !important;
    padding: 1rem !important;
}

    .btn-group .btn {
        float: none;
        display: inline-block;
    }

.btn + .dropdown-toggle {
    margin-left: -4px;
}

.table-responsive {
    overflow-y: visible !important;
}

.padding-table-1{
    width: 50% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: green; /* Đổi thành màu xanh */
    font-weight: bold; /* Chữ đậm */
}

.select2-container--default .select2-results__option {
    color: green; /* Đổi thành màu xanh */
    font-weight: bold; /* Chữ đậm */
}



/*set up khung table thay doi theo kich thuoc do rong man hinh*/
@media (max-width: 1666.98px) {
    .set-min-width {
        min-width: 120%
    }
}

@media (min-width: 1666px) {
    .set-min-width {
        min-width: 100%
    }
}

/* Custom for datatables buttons*/
div > .dt-buttons {
    margin-bottom: 9px;
    text-align: right;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
    padding: 15px 0;
    font-size: 10px;
    transition: all 0.3s;
    border-top: 1px solid #cddfff;
}

    .footer .copyright {
        text-align: center;
        color: #012970;
    }

    .footer .credits {
        padding-top: 5px;
        text-align: center;
        font-size: 12px;
        color: #012970;
    }

    /*Extra from Vin*/

.btn {
    font-size: 10pt !important;
    font-weight: bold !important;
}

.thead_color {
    background-color: #A8E6CF;
    /*background-color: #05386B;*/
}

.tbody_color {
    background-color: #ADD8E6;
}

.form-control{
    font-size: 10pt !important;
}

label{
    font-weight: bold !important;
}

.nav {
    font-size: 11pt !important;
    font-weight: bold;
    color: #fafafa !important;
}

.nav-item {
    margin-right: 30px; /* Điều chỉnh khoảng cách giữa các item */
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 10px !important;
}

.fixed-width-button {
    width: 150px;
}

/* Điều chỉnh chiều cao của hộp chọn và căn giữa văn bản */
.select2-container .select2-selection--single {
    height: 2.5em !important; /* Điều chỉnh chiều cao lên 2.5em */
    display: flex; /* Sử dụng flex để căn giữa */
    vertical-align: middle !important;  /* Căn giữa theo chiều dọc */

}

/* Điều chỉnh chiều cao của phần text hiển thị */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.5em !important; /* Căn chỉnh nội dung theo chiều cao 2.5em */
    vertical-align: middle !important; /* Căn giữa văn bản theo chiều ngang */
}

/* Điều chỉnh chiều cao của hộp tìm kiếm (textbox) */
.select2-container .select2-search--inline .select2-search__field {
    height: 2.5em !important; /* Điều chỉnh chiều cao của textbox */
    display: flex;
    vertical-align: middle !important; /* Căn giữa text bên trong hộp tìm kiếm */
}

/*Full Box Select2*/
.select2-container {
    /*width: 100% !important;*/
}

.select2-selection {
    width: 100% !important;
    box-sizing: border-box;
}

table td .form-control {
    width: 100%;
    box-sizing: border-box;
}


/*Dành cho onFormBeginSubmit*/
.processing-message {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: red;
}

#search-notification {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #5cb85c; /* Success green */
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    height: 40px;
}

    #search-notification.error {
        background-color: #d9534f; /* Error red */
    }

    #search-notification.warning {
        background-color: #f0ad4e; /* Warning yellow */
    }