/*! Place your custom styles here */

.fa-times {
    font-size: 20px !important;
}
.pos_quantity {
    width: 100% !important;
}

@media (min-width: 1024px) {
#logo {
    width: 9rem !important;
}
}

#dashboard_date_filter {
    border: 3px solid #ff8d00;
}
.notifications-menu .dropdown-menu {
    height: auto !important;
}

.table>thead:first-child>tr:first-child>th {
    width: auto !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color:#ffffff !important;
}
#total_payable {
    padding-left: 10px;
}

.transaction-detail {
    margin-left: 10px;
}
.navbar-nav.user-menu.dropdown-menu.user-header img {
    border: none;
    height: auto;
    max-height: 120px;
}

.skin-blue .main-header .user-header {
    background-color: #163966 !important;
}


.btn.btn-flat {
    border-radius: 3px !important;
}

.tw-py-2 {
     padding-bottom: 0rem !important; 
     padding-top: 0rem !important; 
}
@media(min-width: 780px) {
.sm\:tw-p-5 {
    padding: .5rem !important;
}

    .md\:tw-text-sm {
        font-size: .775rem !important;
        line-height: 1.25rem;
    }

.md\:tw-text-lg {
    font-size: 0.825rem !important;
    line-height: .875rem;
}
.md\:\!tw-text-base {
    font-size: .775rem!important;
    line-height: 1.0rem!important;
}

.pos-header {
    font-size: .775rem !important;
}
}
.pos-form-actions {
    padding-top: 3px !important;
    padding-bottom: 3px !important;

}
.modal-header {
    padding: 5px !important;
}
.modal-footer {
    padding: 5px !important;
}
.modal-body {
    padding: 10px !important;
}
.tw-dw-btn {
    min-height: 2rem !important;
    height: 2rem !important;
}
.form-group label {
    margin-bottom: 3px !important;
    font-weight: 600 !important;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
}
.input-group-addon {
    padding: 3px 12px !important;
}
textarea.form-control {
    height: 50px !important;
}
hr {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.h4, h4 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.md\:tw-text-2xl {
    font-size: 1.2rem;
    line-height: 1rem;
}

@media (min-width: 768px) {
.tw-text-sm {
    font-size: .875rem;
    line-height: 1rem !important;
}

}
.tw-duration-200 {
    transition-duration: 0s;
    
}
@media (max-width: 768px) {
.pos-form-actions .tw-gap-4 {
    gap: 0.1rem !important;
}

.row.pos_form_totals div > table > tbody > tr > td{
    display:flex !important;
    
}
#pos_table thead > tr > th {
    display:flex !important;
    font-size: 10px !important;
}
#pos_table tbody > tr > td {
    display:flex !important;
    font-size: 10px !important;
    padding: 2px !important;
}
body {
    font-size: 10px !important;
}
.tw-text-base {
    font-size: 0.8rem !important;
    line-height: 1rem;
}
/*#add_pos_sell_form > div.row.mb-12 > div > div > div > div > div > div:nth-child(4) > div.col-md-4 > div > div > span.select2.select2-container.select2-container--default {*/
/*    width: 240px !important;*/
/*}*/
body > div.tw-flex.tw-h-full > main > div.col-md-12.no-print.pos-header > div 
    .tw-p-3 {
    padding: .2rem .3rem .2rem !important;
}

body > div.tw-flex.tw-h-full > main > div.col-md-12.no-print.pos-header > div > div.tw-w-full.md\:tw-w-1\/3 > div > span > i {
    float: right;
}

}