.cursor-poiter {
    cursor: pointer;
}
.page-header.card {
    margin: 15px 10px 5px;
}
.main-body .page-wrapper {
    padding: 0px;
}
.header-navbar {
    min-height: 50px;
}
.page-header-title-description {
    padding-left: 10px;
    margin-top: 5px;
}
.page-header.card .breadcrumb {
    padding: 0;
    padding: 0 10px 0 0;
}
.page-header.card .breadcrumb a {
    font-size: 14px;
}
.pcoded-main-container {
    margin-top: 60px !important;
}
.header-navbar .navbar-wrapper .navbar-logo {
    height: 50px;
}
.page-header-title {
    padding-left: 10px;
}
.pcoded[theme-layout=vertical] .pcoded-navbar[pcoded-navbar-position=fixed] {
    top: 60px;
}
.header-navbar .navbar-wrapper .navbar-container .badge {
    right: -9px;
    top: 5px;
    padding: 3px;
    width: 18px;
}
.header-navbar .navbar-wrapper .navbar-container .nav-right li .noti_icon_header {
    padding-top: 2px;
}
.table_box {
    padding: 0 !important;
}
.table_box_search {
    padding: 8px 5px;
    margin-left: 8px;
    margin-right: 8px;
}
.table_box_search > .form-row > div {
    padding-bottom: 10px;
}
.table_box_search > .form-row .btn{
    font-size: 15px; 
    line-height: 16px;
    margin-right: 15px;
}
.table_box_search > .form-row > div:last-child,
.table_box_search > .form-row .btn:last-child{
    margin-right: 0;
}
.select2-container--default .select2-selection--multiple {
    border-radius: 2px;
    min-height: 35px;
    border: 1px solid #ccc;
    padding-left: 8px;
    padding-right: 8px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    color: #495057;
    border: 1px solid #4099ff;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    position: relative;
    top: 3px;
    padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    margin: 0 0 3px 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child {
    margin-bottom: 0;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}
.table_data {
    padding: 0px;
}
.table_data table th {
    background: #fafafa;
    transition: background .3s ease;
    border-bottom: 1px solid #e8e8e8;
}
.table th i.fa {
    font-size: 12px;
}
.table-bordered {
    border: none;
}
.table td, .table th {
    padding: 8px;
}
.table td .btn-mini {
    padding: 3px 5px;
}
.table_data table tr th:first-child, .table_data table tr td:first-child {
    border-left: none;
}
.table_data table tr th:last-child, .table_data table tr td:last-child {
    border-right: none;
}
.table_box_search .btn-primary {
    padding: 5px 15px;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + -1px);
}
.table_box_search .form-control {
    /*width: 200px;*/
}
.date-range.form-control {
    background-color: #fff;
}
.form-control {
    padding: .375rem .5rem;
}
.col-delete, .col-edit {
    width: 30px;
    text-align: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding: 2px 3px !important;
}
._45353 .select2-selection__choice{
    margin-right: 5px !important;
}
.modal-a{
    max-width: 1000px !important;
}
.vm-btn-close:focus {
    outline: 0;
}
body .pcoded[pcoded-device-type="phone"][vertical-nav-type="expanded"] .pcoded-navbar[pcoded-navbar-position="absolute"] {
    top: 0;
}
.vm-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5);}
.vm-wrapper {position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; outline: 0;}
.vm {position: relative; margin: 0px auto; width: calc(100% - 20px); min-width: 110px; max-width:500px; color: $body-color; background-color: #fff; top:30px; cursor: default; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);}
.vm-titlebar {padding:10px 15px 10px 15px; color: $body-color; overflow: auto; border-bottom: 1px solid #e5e5e5;}
.vm-title {margin-top:2px; margin-bottom: 0px; display: inline-block; font-size:16px; font-weight: normal;}
.vm-btn-close {color: #ccc; padding: 0px; cursor: pointer;  background: 0 0; border: 0; float: right; font-size: 24px; line-height: 1em;}
.vm-btn-close:before {content: '×'; font-family: Arial;}
.vm-btn-close:hover, .vm-btn-close:focus, .vm-btn-close:focus:hover{color:#bbb; border-color: transparent; background-color: transparent;}
.vm-content {padding:10px 15px 15px 15px;}
.vm-content .full-hr {width: auto; border: 0; border-top: 1px solid #e5e5e5; margin-top:15px; margin-bottom:15px; margin-left:-14px; margin-right:-14px;}
.vm-fadeIn {animation-name: vm-fadeIn;}
@keyframes vm-fadeIn {0% {opacity: 0}
100% {opacity: 1}}
.vm-fadeOut {animation-name: vm-fadeOut;}
@keyframes vm-fadeOut {0% {opacity: 1}
100% {opacity: 0}}
.vm-fadeIn, .vm-fadeOut {animation-duration: .25s; animation-fill-mode: both;}
    /* width */
::-webkit-scrollbar {
  width: 7px;
  height: 9px;
  border: 4px;
}
.vm-title{
    padding-right: 15px !important;
    line-height: 25px !important;
}
.vm-btn-close{
    position: absolute!important;
    right: 10px!important; 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #b1b1b1;
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #848484; 
}
.checkbox-fade{
    line-height: 0;
}
.checkbox-fade .cr{
    height: 16px;
    width: 16px;
}
body .pcoded[pcoded-device-type="tablet"][vertical-nav-type="expanded"] .pcoded-navbar[pcoded-navbar-position="absolute"]{
    top: 0px !important;
}
.select2-results__message {
    display: none !important;
}

::-webkit-input-placeholder { /* Edge */
  color: #868e96!important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #868e96!important;
}

::placeholder {
  color: #868e96!important;
}
/*select option{
  color: #868e96!important;
}
option:not([value="null"]) {
  color: #333!important;
}*/
.box-filter .select2-selection,
.box-filter .select2-container,
.box-filter .select2-search,
.table_box_search .select2-selection__choice,
.box-filter .select2-selection__choice,
.box-filter .select2-search__field{
    width: 100% !important;
}
.box-filter .users-main{
    padding-bottom: 98px !important;
}
label{
    margin-bottom: 0;
}
.form-group .col-form-label{
    text-align: left;
    display: block;
}
.form-group .col-sm-9 .col-form-label{
    text-align: left;
    padding-bottom: 0;
}
.form-group .btn{
    font-size: 15px;
    line-height: 16px;
    margin-right: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: unset !important;
    background-color: #fff !important;
    color: #4c4a4a !important;
    padding: 4px 30px 4px 10px !important;
}
.select2-container--default .select2-selection--single{
    border-color: #cecece !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered[title="-- Vui lòng chọn --"]{
    color: #8a8a8a!important;
}
.form-control-danger .select2-selection{
    border-color: #ff5370 !important;
    color: #ff5370;
}
.form-group .fuzzy{
    margin-top: 5px;
    font-size: 13px;
}
.form-control-danger .fuzzy{
    color: #333;
}

.main-menu li.active>a,
.main-menu li a.active{
    color: #1890ff !important;
}
.sub-menu-end .pcoded-mtext::before{
    content: '  ' !important;
}
.sub-menu-end>a{
    padding-left: 60px !important;
}
.vm-content{
    position: relative !important;
}
.daterangepicker.single .ranges{
    float: unset !important;
    text-align: center !important;
}
.badge{
    font-size: 90% !important;
    font-weight: 500 !important;
    line-height: 14px !important;
}
@media (min-width: 768px){
    .form-group>.col-form-label{
        text-align: right;
    }
}
input.sl-datepicker{
    background-color: #fff !important;
}
input:disabled::placeholder{
    color: #333 !important;
}
input:disabled,
.select2-container--disabled .select2-selection--single .select2-selection__rendered{
    background-color: #e9ecef !important;
    opacity: 1!important;
}
.select2-container--disabled .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{
    color: #333;
}
.daterangepicker_input .input-mini{
    display: none !important;
}
.noborder td, .noborder th {
    border: none !important;
}
.pre-wrap {
  white-space: pre-wrap;
  word-break: normal;
}
.radio-inline{
    margin-left: 28px;
}
.radio{
    position: relative;
}
.radio input{
    display: none;
}
.radio label{
    padding-left: 5px;
}
.radio i.helper{
    left: -20px;
    top: -6px;
}
.badge.price{
    font-size: 14px !important;
    border-radius: 2px;
}

/* Global Select Styling - Compact and Modern */
select.form-control {
    height: 38px !important;
    padding: 8px 36px 8px 12px !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    border-radius: 8px !important;
    border: 1px solid #dee2e6 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230d6efd' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.04) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

select.form-control:hover {
    border-color: #0d6efd !important;
    box-shadow: 0 3px 8px rgba(13, 110, 253, 0.12) !important;
}

select.form-control:focus {
    outline: none !important;
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15) !important;
}

select.form-control:disabled {
    background-color: #f8f9fa !important;
    color: #6c757d !important;
    border-color: #dee2e6 !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

/* Global Select Options Styling */
select.form-control option {
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 10px 12px !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    min-height: 32px !important;
    border: none !important;
}

select.form-control option:checked,
select.form-control option:hover,
select.form-control option[selected] {
    background-color: #0d6efd !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

select.form-control option:disabled {
    color: #6c757d !important;
    background-color: #f8f9fa !important;
    cursor: not-allowed !important;
}

/* Error state for select */
select.form-control-danger {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.15) !important;
}

select.form-control-danger:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.2) !important;
}

/* Responsive select styling */
@media (max-width: 992px) {
    .pcoded-main-container {
        margin-top: 120px !important;
    }
}

/* Responsive select styling */
@media (max-width: 768px) {
    select.form-control {
        height: 36px !important;
        font-size: 16px !important;
        padding: 6px 32px 6px 12px !important;
        background-position: right 10px center !important;
        background-size: 14px !important;
    }
}