.pr_filter, .quick_focus{
    color: var(--primary) !important;
    cursor: pointer;
}

.kt-badge.kt-badge--unified-orange {
color: #fd9e39;
background: rgba(253, 119, 57, 0.1); }
.kt-badge.kt-badge--unified-purple {
color: #8100cb;
background: rgba(118, 0, 151, 0.1); }

/* จัดขนาด Slim panel คงที่ */
#PaidDataTable td .slim.payment_slim {
    width: 120px;
    height: 90px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f9f9f9;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* ปรับขนาดรูปให้พอดี panel */
#PaidDataTable td .slim.payment_slim img.existing, #PaidDataTable td .slim.receipt_slim img.existing {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

#PaidDataTable td[data-field="paid_json"] {
    width: 280px; /* หรือ 300px */
    max-width: 320px;
    white-space: normal !important;
    word-break: break-word;
}

#PaidDataTable td .item_list {
    list-style: disc;
    padding-left: 18px;
    margin: 0;
}

#PaidDataTable td .item_list li {
    margin-bottom: 4px;
    line-height: 1.5;
}

.modal-body.showpaper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

iframe#pdfFrame {
    flex-grow: 1;  /* Makes iframe take up all available vertical space */
    width: 100%;
    border: none;
}

.swal2-actions .btn.btn_swal_choich {
    margin-right: 10px !important; /* Adjust as needed */
}

.blinking {
    font-weight: bold;
    text-decoration: none; /* Remove underline */
    animation: blink-animation 1s infinite;
}

@keyframes blink-animation {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; } /* Adjust for a softer blink */
}


.box-dark{
    background-color: rgba(40, 42, 60, 0.1);
    color: #282a3c;
    padding: 10px;
    font-size: 1rem;
}
.box-gray{
    background-color: rgba(40, 42, 60, 0.1);
    color: #6f6f6f;
    padding: 10px;
    font-size: 1rem;
}

.case_selector_container .new_btn_container{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 32% !important;
}

a.underline_link{
    border-bottom-style: dashed !important;
    border-bottom-color: coral !important;
    border-bottom-width: 2px;
}

.textlink {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-right: 13px;
}


.iconlink {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-right: 13px;
}

.iconlink i {
    height: 16px;
    line-height: 16px;
}



.py-3{
    width: 79px;
}

.py-4{
    width: 120px;
}

.btn.change_date_picker_type{
    margin:0px !important;
}

.swal2-popup .btn.dropdown-toggle {
    margin: 0 !important;
}

.kt-scrolltop{
    right:100px !important;
}

.centering-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Adjust this value if needed */
}
.force_center {
    display: flex;
    align-items: center;
}

.product-box {
  border: 1px solid #ddd;
  border-radius: 8px;
}

.product-box .product-name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.product-box .delete-btn {
  font-size: 18px;
  padding: 5px 10px;
  border: none;
  background: none;
  color: #dc3545;
  cursor: pointer;
}

.product-box .delete-btn:hover {
  color: #a80000;
}

.ipd_card{
    background: linear-gradient(156deg, #ebebca, #efefef);
    padding:15px;
    margin-bottom:0px;
    width: 100%;
}
.ipd_card .kt-separator.kt-separator--border-dashed{
    border-bottom-color: #000;
    margin: 10px !important;
}

.tx_rx_card{
    background: linear-gradient(156deg, #b9deed, #efefef);
    padding:15px;
    margin-bottom:0px;
    width: 100%;
}
.tx_rx_card .kt-separator.kt-separator--border-dashed{
    border-bottom-color: #000;
    margin:0px !important;
}
.tx_rx_card .kt-widget4 .kt-widget4__item{
    border-bottom-color: #000;   
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


.swal2-long-content {
    max-height: 500px; /* Adjust the height based on your preference */
    overflow-y: auto; /* Enables vertical scrolling */
}


.table_floating {
    width: 90%;             /* Adjust width as needed */
    margin: 30px auto;      /* Center table and add some space around it */
    border-collapse: separate; /* Ensures border radius is visible */
    border-spacing: 0;
    background: white;      /* Table background color */
    border-radius: 10px;    /* Rounded corners */
    overflow: hidden;       /* Hides anything outside the border-radius */
    box-shadow: 0 8px 30px rgba(0,0,0,0.1),  /* Light shadow for depth */
                0 8px 30px rgba(0,0,0,0.1);  /* Darker shadow for emphasis */
}

.table_floating th, .table_floating td {
    padding: 10px 15px;     /* Table cell padding */
    text-align: left;       /* Align text to the left */
}

.table_floating th {
    background-color: #f2f2f2; /* Light gray background for header cells */
    border-bottom: 2px solid #e0e0e0; /* Light gray bottom border */
}

.table_floating tbody tr:hover {
    background-color: #f9f9f9; /* Lighter grey on row hover for better user experience */
}

.submenu_note{
    padding: 15px;
    width: 100%;
    background-color: #EEF0FC;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

@media (max-width: 767px) {
    .heal_note_box {
        border-left: 2px dashed #ccc; /* Add border-left only to the left box */
    }
}

.swal_submit_css {
    background-color: #3085d6 !important; /* SweetAlert2 default color for confirm button */
    color: white !important;
    border: 0 !important;
}

.next_queue_type_container .btn{
    margin: 0px !important;
}

a.queue_hilight {
    border: 1px dashed #0abb87;
    transition: visibility 0.5s ease-in-out; /* Smooth transition for blinking */
}
a.queue_hilight i{
    color: #0abb87;
}

.form_heal_exam_card, .form_tx_rx_card{
        display: block;
        margin-top: 10px;
        padding: 5px;
        background: antiquewhite;
        cursor: grab;
    }

#book_form .toggle.btn {
    height: 37px !important;
    margin-bottom: 10px !important;
    margin-right: 20px;
}

/*#book_modal .toggle.btn label.btn{
    margin-top: -5px;
}*/
#book_modal .col-form-label{
    text-align: right;
}


.dropdown-toggle:hover .fa {
    color: white !important;
}

.dropdown-toggle[aria-expanded="true"] .fa {
    color: white !important;
}

.w200_container .toggle.btn {
    height: 37px !important;
    width: 200px !important;
}

.w150_container .toggle.btn {
    height: 37px !important;
    width: 150px !important;
}

.w100_container .toggle.btn {
    height: 37px !important;
    width: 100px !important;
}


.uppercase_input {
    text-transform: uppercase;
}


/* #paid_modal .kt-section__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #paid_modal .kt-section__info h5 {
    margin: 0;
  }

  #paid_modal #cancel_all_paid {
    margin-left: auto;
  } */


.btn-outline-disabled {
  color: #e1e1ef;
  background-color: transparent;
  border-color: #e1e1ef;
}

.btn-outline-disabled:hover,
.btn-outline-disabled:focus,
.btn-outline-disabled.focus,
.btn-outline-disabled:active,
.btn-outline-disabled.active {
  color: #e1e1ef;
  background-color: transparent;
  border-color: #e1e1ef;
}

.btn-outline-disabled:focus, 
.btn-outline-disabled.focus,
.btn-outline-disabled:active:focus, 
.btn-outline-disabled.active:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}


.bg-success-light{
    background-color: rgba(10, 187, 135, 0.300) !important;
}

#scanner_barcode {
    background-color: white;
    transition: box-shadow 0.2s ease-in-out;
    width: 170px;
    margin-left: 20px;
    border: 1px solid ;
    height: 33px;
}

#scanner_barcode:focus {
    background-color: #e2f2ef;
  }

#deposit_info{
    font-size: 10px;
    padding-bottom: 3px;
    border-bottom: 1px dashed #ccc;
}

.swal2-popup.swal2-toast.info-bg.swal2-show .swal2-title {
    color: white;
}
.swal2-popup.swal2-toast.info-bg.swal2-show {
    background: cornflowerblue;
}

.mt-5 {margin-top: 5px; }
.mt-10 {margin-top: 10px; }
.mt-15 {margin-top: 15px; }
.mt-20 {margin-top: 20px; }

@media (max-width: 575.98px) {
  .xs-mt-5 {margin-top: 5px; } .xs-mt-10 {margin-top: 10px !important; } .xs-mt-15 {margin-top: 15px; } .xs-mt-20 {margin-top: 20px; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  .sm-mt-5 {margin-top: 5px; } .sm-mt-10 {margin-top: 10px; } .sm-mt-15 {margin-top: 15px; } .sm-mt-20 {margin-top: 20px; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .md-mt-5 {margin-top: 5px; } .md-mt-10 {margin-top: 10px; } .md-mt-15 {margin-top: 15px; } .md-mt-20 {margin-top: 20px; } }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .lg-mt-5 {margin-top: 5px; } .lg-mt-10 {margin-top: 10px; } .lg-mt-15 {margin-top: 15px; } .lg-mt-20 {margin-top: 20px; } }

@media (min-width: 1200px) {
  .xl-mt-5 {margin-top: 5px; } .xl-mt-10 {margin-top: 10px; } .xl-mt-15 {margin-top: 15px; } .xl-mt-20 {margin-top: 20px; } }

    
.sumtextbox {
    color: black;
    font-family: 'Source Code Pro';
    font-weight: bold;
    font-size: 14px;
    padding-right: 16px !important;
    border: 0px;
}
td.sumtdbox{
	padding: 0px !important;
}

input#ontop_discount_input{
    border: 0px;
    color: black;
    font-family: 'Source Code Pro';
    font-weight: bold;
    font-size: 14px;
    height: 40px;
    text-align: center;
    width: 100%;
    padding: 0px !important;
    margin: 0px !important;
}

.bg_beige{
    background-color: beige !important;
}

.border_bottom_1px_dashed{
    border-bottom: 1px dashed;
}

.border_ccc{
    border-color: #ccc;
}

.width_100{
    width:100% !important;
}
.no_margin{
    margin:0px !important;
}

.no_padding{
    padding:0px !important;
}

.vertical_middle {
    vertical-align: middle !important;
}
.flex_center {
    display : flex;
    align-items : center;
}


.flex_center_just{
    display: flex; justify-content: center;
}

a.link_with_action {
    border-bottom-style: dashed !important;
    border-bottom-color: #5d78ff !important;
    border-bottom-width: 2px;
}

/*.kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__head .kt-datatable__row > .kt-datatable__cell, .kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__body .kt-datatable__row > .kt-datatable__cell, .kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__foot .kt-datatable__row > .kt-datatable__cell{
    font-size: 1.14rem;
}*/

/*.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear{
    margin-top: -1.2rem;
}
*/

/*.super_menu{
    display: none !important;
}*/

/*.btn-soft-info {
    color: #fff;
    background-color: #b47ed5;
    border-color: #9d66bf;
    color: #ffffff;
}
*/
.btn-info-pink {
  color: #fff;
  background-color: #b080cf;
  border-color: #b080cf; }
  .btn-info-pink:hover {
    color: #fff;
    background-color: #9d66bf;
    border-color: #9d66bf; }
  .btn-info-pink:focus, .btn-info-pink.focus {
    color: #fff;
    background-color: #9d66bf;
    border-color: #9d66bf;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(111, 140, 238, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(111, 140, 238, 0.5); }
  .btn-info-pink.disabled, .btn-info-pink:disabled {
    color: #fff;
    background-color: #b080cf;
    border-color: #b080cf; }
  .btn-info-pink:not(:disabled):not(.disabled):active, .btn-info-pink:not(:disabled):not(.disabled).active,
  .show > .btn-info-pink.dropdown-toggle {
    color: #fff;
    background-color: #9d66bf;
    border-color: #b080cf; }
    .btn-info-pink:not(:disabled):not(.disabled):active:focus, .btn-info-pink:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(111, 140, 238, 0.5);
      box-shadow: 0 0 0 0.2rem rgba(111, 140, 238, 0.5); }


.modal_sh_addr_info{
    height: 100px;
}

.bootstrap-timepicker-widget {
  z-index: 10009 !important;
}

.swal-wide-400{ width:400px !important; }
.swal-wide-500{ width:500px !important; }
.swal-wide-600{ width:600px !important; }
.swal-wide-700{ width:700px !important; }
.swal-wide-800{ width:800px !important; }


.kt-aside .kt-aside-menu, .kt-aside-menu .kt-menu__nav, .kt-aside-menu .kt-menu__nav > .kt-menu__section{
    margin: 0px;
}


.kt-aside__brand-tools{
    padding-right: 10px;
}

.kt-aside--minimize .current_business_name{
    display: none;
}

.h_dark .current_business_name{
    color: #fff;
}

.h_light .current_business_name{
    color: #343a55;
}

.btn-default.btn-gray i {
    color: darkgrey;
}

.billing_row .select2-container--default .select2-selection--single .select2-selection__rendered {
    position: relative;
    padding: 0.70rem 3rem 0.65rem 1rem !important;
    line-height: 19px !important;
}

.form-border{
    border: 1px solid #e2e5ec;
    border-radius: 4px;
}

.is-invalid .select2-selection,
.needs-validation ~ span > .select2-dropdown{
  border-color:red !important;
}

.colored-toast.swal2-icon-success {
  background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
  background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
  background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
  background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
  background-color: #87adbd !important;
}

.colored-toast .swal2-title {
  color: white;
}

.colored-toast .swal2-close {
  color: white;
}

.colored-toast .swal2-html-container {
  color: white;
}


.bg_hilight{
    background-color: #f4f5ff;
}

.color_white{
    color: white !important;
}

.dropdown-menu.show.custom-brand{
    background-color: #5867dd;
}

.dropdown-menu.show.custom-brand .dropdown-item:hover, .dropdown-menu.show.custom-brand .dropdown-item:focus{
    background-color: #6677ff;
}


.dropdown-menu.show.custom-primary{
    background-color: #e5e5f3;
    margin-top: 5px;
}
.dropdown-menu.show.custom-primary a.dropdown-item{
    color: #5765d9 !important;
}

.dropdown-menu.show.custom-primary .dropdown-item:hover, .dropdown-menu.show.custom-primary .dropdown-item:focus{
    background-color: #ebebf9;
}


.dropdown-menu.show.custom-success{
    background-color: #0b8a64;
}

.dropdown-menu.show.custom-success .dropdown-item:hover, .dropdown-menu.show.custom-success .dropdown-item:focus{
    background-color: #2cc08a;
}


.dropdown-menu > li > a, .dropdown-menu > .dropdown-item{
    display: flex;
    align-items: center;
    color: #93a2dd;
}

/*.dropdown-menu.dropdown-menu-right > .dropdown-item{
    font-weight: bold;
}*/

.dropdown-menu > li > a > i, .dropdown-menu > .dropdown-item > i{
    color: #93a2dd;
}

.dropdown-menu > li > a, .dropdown-menu > .dropdown-item{
    display: flex;
    align-items: center;
    color: #93a2dd;
}

.dropdown-menu.custom-success > li > a, .dropdown-menu.custom-success > .dropdown-item{
    color: white;
}

.number_font{
    font-family: "Source Code Pro";
}


body {
    // STOP MOVING AROUND!
    overflow-x: hidden;
    overflow-y: scroll !important;
}


.cursor{
    cursor: pointer;
}

.kt-datatable__cell--sorted i {
    margin-left: 5px;
}

.new_btn_container{
    background: linear-gradient(0deg, rgba(253,253,253,1) 0%, rgba(255,255,255,1) 22%, rgba(245,245,245,1) 100%);
    margin-top: 10px;
    border-top: 1px solid #ccc;
    padding-left: 3%;
}
.btn-new-book, .btn-new-select2 {
    margin: 10px 5px;
}

.font_em_12{
    font-size: 1.2em !important;
}
.font_em_14{
    font-size: 1.4em !important;
}
.font_em_16{
    font-size: 1.6em !important;
}
.font_em_18{
    font-size: 1.8em !important;
}

.kt-widget13__item--white span{
     color: white !important;
}

/*  billing row */


.stock_change_type_container .toggle.btn {
    height: 37px !important;
    width: 200px !important;
}

.is_stock_container .toggle.btn {
    height: 37px !important;
    width: 120px !important;
}

.has_vat_container .toggle.btn {
    height: 37px !important;
    width: 88px !important;
}
.is_vat_include_container .toggle.btn {
    height: 37px !important;
    width: 100px !important;
}

.toggle_btn_container .toggle.btn {
    height: 37px !important;
    width: 100px !important;
}

.has_bill_discount_container .toggle.btn {
    height: 37px !important;
    width: 70px !important;
}

.has_deposit_container .toggle.btn {
    height: 37px !important;
    width: 70px !important;
}
.has_wht_container .toggle.btn {
    height: 37px !important;
    width: 70px !important;
}

.bill-option{
	font-weight: bold  !important;
}

#print_panel .toggle-group .toggle-on, #print_panel .toggle-group .toggle-off{
	/*text-align: center !important;
    vertical-align: middle;
    display: inline;*/
    text-align: center !important;
    display: inline-flex;
    justify-content: center;
}


/*   end of billing row */

.quick_panel_profile_1 {
    z-index: 10000;
    width: 289px !important;
}

.font-size-2rem{
	font-size: 2rem !important;
}

.all_year_container .kt-checkbox {
    margin: 5px 0px;
}

.swal2-popup .swal2-content{
	z-index: 2;
}

.code_font{
	font-family: "Source Code Pro";
	font-weight: bold;
}

.kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__head .kt-datatable__row > .kt-datatable__cell.kt-datatable__cell--sort, .kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__body .kt-datatable__row > .kt-datatable__cell.kt-datatable__cell--sort, .kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__foot .kt-datatable__row > .kt-datatable__cell.kt-datatable__cell--sort{
	cursor: default !important;
}

/*.kt-menu__submenu ul.kt-menu__subnav {
    background: #ecedf6;
}*/

.click_copy{
	text-decoration: underline;
	text-underline-position: under;
}

a.document_print{
    /*border-bottom: 1px dashed #ccc !important;*/
    color: cornflowerblue;
}

.dropdown-menu.dropdown-menu-md{
	z-index: 10040;
}

th.kt-datatable__cell span {
    text-align: center !important;
}
/*td.kt-datatable__cell a.btn.btn-icon {
    width: inherit !important;
    height: inherit !important;
}*/


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc !important;
  opacity: 1; /* Firefox */
}

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

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc !important;
}

.kt-menu__submenu .kt-separator{
	margin: 10px auto;
	width: 50%;
}
.kt-menu__submenu .kt-separator.kt-separator--border-dashed, .kt-separator.kt-separator--dashed {
    border-bottom: 1px dashed #8e8f90;
}

.z10000{
	z-index: 10000;
}

.kt-font-cyan {	color: var(--cyan) !important; }
.kt-font-orange {	color: var(--orange) !important; }
.kt-badge.kt-badge--cyan {	color: var(--white); 	background: var(--cyan); }
.kt-badge.kt-badge--orange {	color: var(--white); 	background: var(--orange); }
.kt-badge.kt-badge--gray-dark {	color: var(--white); 	background: var(--gray-dark); }
.kt-badge.kt-badge--teal {		color: var(--white); 	background: var(--teal); }

.font_8{ font-size: 8px !important; }
.font_9{ font-size: 9px !important; }
.font_10{ font-size: 10px !important; }
.font_11{ font-size: 11px !important; }
.font_12{ font-size: 12px !important; }
.font_13{ font-size: 13px !important; }
.font_14{ font-size: 14px !important; }
.font_15{ font-size: 15px !important; }
.font_16{ font-size: 16px !important; }
.font_17{ font-size: 17px !important; }

.testcheckout{
	margin: 10px;
}

.blackandwhite {
    filter: gray;
    filter: grayscale(100%);
}

/*.dropdown-item span {
    margin-top: 6px;
}*/

.bigcase{
    text-transform:uppercase;
 }

.modal_fs {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal_fs.open {
   display: block;
}

.modal_fs__header,
.modal_fs__footer {
    height: 100px;
}
.modal_fs__content,
.modal_fs__footer {
    position: absolute;
    width: 100%;
}
.modal_fs__content {
    bottom: 100px;
    top: 100px;
    overflow-y: auto;
}
.modal_fs__footer {
    bottom: 0;
}


label.inline-control-label {
    margin-top: 10px;
}

#product_modal .kt-scroll .row{
    margin-right: 0px;
}

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
/* ::-webkit-scrollbar-thumb {
    background: #FF0000;
} */

.form-control:disabled, .form-control[readonly]{
    background-color: #e8e8e8 !important;
}

/*#sh_total_bill, #sh_purchase_no{
    font-size:1.8rem;
}
*/
.dropdown-status-btn{
    padding:3px;
}

.dropdown-status-menu.dropdown-menu{
    min-width: 7rem;
    padding: 0px;
    border: 1px solid #ccc !important;
}

/*#kt_aside_menu li.kt-menu__item.kt-menu__item--active.kt-menu__item--open {
    border-top: 1px solid #ededf4;
    border-bottom: 1px solid #ededf4;
}*/

/*#kt_aside_menu .kt-menu__item--active {
    background: #e6e7e9;
}*/

/*#kt_aside_menu .kt-menu__item--submenu.kt-menu__item--active a span{
    font-weight: bold !important;
}
*/
/*#kt_aside_menu .kt-menu__item--submenu {
    background: #f8f8fb;
}*/

.no-rail .ps__rail-y{
    display: none !important;
}

.h-hide{
    display: none;
}

.kt-footer{
    z-index: 100;
}
/*
.btn i{
    padding-right: 0px;
} */

.kt-scrolltop--on .kt-scrolltop{
    z-index: 200;
}

.kt-aside--enabled .kt-header.kt-header--fixed { left: 234px }


.modal-fullscreen {
    margin: auto;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    display: grid;
}

.modal-fullscreen .modal-content{
    height: 100vh !important;
    max-height: 100vh !important;
}

@media (min-width: 576px){
    .modal-fullscreen {max-width: 100% !important;}
}
@media (min-width: 1024px){
    .modal-xl {max-width: 900px !important; }
    .modal-fullscreen {max-width: 100% !important;}
}

@media (min-width: 1025px){
	.modal-xl {max-width: 1000px !important; }
    .modal-fullscreen {max-width: 100% !important;}
}


@media (min-width: 1280px) {
	.modal-xl {max-width: 1100px !important; }
    .modal-fullscreen {max-width: 86% !important;}
}

@media (min-width: 1400px) {
	.modal-xl {max-width: 1200px !important; }
    .modal-fullscreen {max-width: 1350px !important;}
}

/*
.modal-fullscreen {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.modal-fullscreen .modal-dialog {
  height: 100%;
  margin: 0;
  max-width: none;
  display: flex;
  flex-direction: column;
}

.modal-fullscreen .modal-content {
  flex: 1;
  border: none;
  border-radius: 0;
  display: flex;
  flex-direction: column;
}

.modal-fullscreen .modal-header {
  flex: 0;
}

.modal-fullscreen .modal-footer {
  flex: 0;
}*/


@media (min-width: 1025px){
    .kt-footer--fixed .kt-footer {
        left:234px !important;
    }
    .kt-aside--minimize-hover.kt-footer--fixed .kt-footer,
    .kt-aside--minimize.kt-footer--fixed .kt-footer { left: 70px !important; }
}


.a_clipboard{
    cursor: pointer;
}

/* customize small and save space */
.current_business_name{
    font-size: 11px;
    font-weight: 400;
    margin: auto;
    display: inline;
    padding: 4px 5px 7px;
    text-align: center;
}

.kt-aside--on .current_business_name{
    font-size: 11px;
    font-weight: 400;
    margin: auto;
    display: block;
    padding: 19px 0px 7px;
    text-align: center;
}

.kt-aside{
	width: 234px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link{
	height: 37px;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
    padding: 2px 25px;
}

.kt-aside__brand .app_logo{
	width: 180px;
    height: auto;
    padding: 0px;
    /*margin-left: -17px;*/
}
.kt-aside__brand .app_logo_mini{
    width: auto;
    height: 25px;
    margin-left: 10px;
}

.kt-aside__brand-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .kt-aside__brand-tools .kt-aside__brand-aside-toggler {
      display: inline-block;
      padding: 0;
      border: 0;
      background: none;
      outline: none !important;
      -webkit-box-shadow: none;
      box-shadow: none; }

        .kt-aside__brand-tools .kt-aside__brand-aside-toggler span { display: inline-block; }
        .kt-aside__brand-tools .kt-aside__brand-aside-toggler span:nth-child(2) {display: none; }

        .kt-aside__brand-tools .kt-aside__brand-aside-toggler.kt-aside__brand-aside-toggler--active span { display: none; }
        .kt-aside__brand-tools .kt-aside__brand-aside-toggler.kt-aside__brand-aside-toggler--active span:nth-child(2) {display: inline-block;  }


        .kt-aside__brand-tools .kt-aside__brand-aside-toggler svg {
        height: 26px;
        width: 26px;
		margin-right: -2px; }
	  .kt-aside__brand-tools img {
			display: none; }



@media (min-width: 1025px){
	.kt-aside--fixed .kt-wrapper {
		padding-left: 234px;
	}
	.kt-aside--enabled .kt-header.kt-header--fixed {
		left: 234px;
	}
	.kt-aside--enabled.kt-subheader--fixed .kt-subheader {
		left: 234px !important;
	}

	.kt-aside--fixed.kt-aside--minimize .kt-wrapper {
		padding-left: 70px;
	}
	.kt-aside--enabled.kt-aside--minimize .kt-header.kt-header--fixed {
		left: 70px;
	}
	.kt-aside--enabled.kt-aside--minimize.kt-subheader--fixed .kt-subheader {
		left: 70px !important;
	}


	.kt-header--fixed.kt-aside--minimize .kt-aside__brand-tools {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
    .kt-header--fixed.kt-aside--minimize .kt-aside__brand-tools img{
          display: inline-block; }
    .kt-header--fixed.kt-aside--static.kt-aside--minimize  {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      width: 70px; }
}

/* end of customize small and save space */



.kt-widget4 .kt-widget4__item .kt-widget4__info{
	margin-left: 15px !important;
}

.input-group a.dropdown-item i {
    margin-top: 7px;
}
/*.dropdown-menu .dropdown-item i.fa {
    margin-top: -5px;
}*/
/*.dropdown-menu .dropdown-item i.la {
    margin-top: 0px;
}*/

/* .dropdown-item{
	font-size: 17px;
} */

/* start of product page */



#unit_table select {
	padding: 4px 0px 0px 10px;
	height: 37px;
	font-weight: bold;
	line-height: 35px;
	font-size: 19px;
}

#unit_table input {
	padding: 5px;
	height: 36px;

}

#unit_table .sub_qty {
	text-align: center;
}
#unit_table .main_unit_name {
	padding-left : 15px;
}

#unit_table td {
	vertical-align: middle !important;
}

#unit_table .kt-switch input:empty~span {
	margin: 0px 0px -10px 0px !important;
}

.control-label {
	margin-top: 13px;
	font-size: 14px !important;
	font-weight: 500;
}

/* end of product page */


.kt-datatable__body .dropdown-menu > li > a > i{
	margin-top: -0.7rem;
}

/*input#ontop_discount_input {
	height: 24px;
	text-align: center;
}*/

.bootstrap-select.vat .dropdown-toggle .filter-option-inner-inner{
	text-align: center;
}

.bootstrap-select.vat .dropdown-toggle .filter-option-inner{
	padding: 0px;
}

.bootstrap-select.vat > .dropdown-toggle:after{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

/*.option_separator_right{
	padding: 0px 10px;
	height: 80px;
}
.option_separator_left{
	padding: 0px 10px;
	height: 80px;
}

*/

.select2-container{
    width: 100%;
    max-width: 100%;
    text-align: left;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #495057;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder{
	color: #495057;
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-user .kt-header__topbar-welcome{
	font-size: 1rem !important;
}
/*
.btn.btn-sm i, .btn-group-sm > .btn i{
	padding-right: 0px !important;
}
*/
.kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__head .kt-datatable__row > .kt-datatable__cell:last-child, .kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__body .kt-datatable__row > .kt-datatable__cell:last-child, .kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__foot .kt-datatable__row > .kt-datatable__cell:last-child{
	padding-right: 0px !important;
}

.title_po_no{
	float: right !important;
}

.daterangepicker, .tooltip{
	font-family: 'Kanit';
}

.product_type_container{
	border: 2px dashed rgba(0,0,0,0.3);
    padding: 9px 11px;
    margin: 1px;
	border-radius: 5px;
	background: #f8fbff;
}

img.book_img {
	width: 100%;
	border: 1px dashed;
	padding: 8px;
}

.btn-xs, .btn-group-xs > .btn{
    padding: 10px 3px;
    font-size: 0.256rem;
    line-height: 0.3;
    border-radius: 0.3rem;
}

.form-control-static{
	font-weight: bold;
    margin-top: 10px !important;
    display: inline-block;
}

.font-bold{
	font-weight: bold;
}
/* td .btn-sm{
	padding : 4px 8px 7px 8px !important;
} */


.kt-badge.kt-badge--info2{
	background: #a777eb;
	color: #ffffff;
}

.toast {
    opacity: 1 !important;
}
.search_pet{
	cursor: pointer !important;
}

.no-b-margin{
	margin-bottom: 0px !important;
}

.no-r-padding{
	padding-right: 0px !important;
}

.no-l-padding{
	padding-left: 0px !important;
}

.select2-result-repository__avatar {
    float: left;
    margin-right: 14px;
}

.kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__head .kt-datatable__row > .kt-datatable__cell {
    background: #f4f3f8;
}


.h_red{	color: var(--red) 	!important;							}
.h_blue{    color: var(--blue )		!important; 				}
.h_indigo{    color: var(--indigo )		!important; 			}
.h_purple{    color: var(--purple )		!important; 			}
.h_pink{    color: var(--pink )		!important; 				}
.h_red{    color: var(--red )		!important; 					}
.h_orange{    color: var(--orange )		!important; 			}
.h_yellow{    color: var(--yellow )		!important; 			}
.h_green{    color: var(--green )		!important; 				}
.h_teal{    color: var(--teal )		!important; 				}
.h_cyan{    color: var(--cyan )		!important; 				}
.h_white{    color: var(--white )		!important; 				}
.h_gray{    color: var(--gray )		!important; 				}
.h_primary{    color: var(--primary )		!important; 			}
.h_secondary{    color: var(--secondary )		!important; 		}
.h_success{    color: var(--success )		!important; 			}
.h_info{    color: var(--info )		!important; 				}
.h_warning{    color: var(--warning )		!important; 			}
.h_danger{    color: var(--danger )		!important; 			}
.h_light{    color: var(--light )		!important; 				}
.h_dark{    color: var(--dark )		!important; 				}
.h_graydark{    color: var(--gray-dark )	!important; 			}


label.error, .required{
    color: red !important;
    font-size: x-small;
}

.f__black{
  color: black !important;
}

.f__red{
  color: red !important;
}

#agree-error{
  color: red;
}

.fleft{
  float: left !important;
}

.fright{
  float: right !important;
}

.tleft{
  text-align: left !important;
}

.tright{
	text-align: right !important;
}

.tcenter{
	text-align: center !important;
}

.bgg01{
	background-attachment:fixed;
	background-color: #08AEEA;  /* Old browsers */
	background-image: -moz-linear-gradient(62deg, #08AEEA 0%, #2AF598 100%);  /* FF3.6+ */
	background-image: -webkit-linear-gradient(62deg,  #08AEEA 0%, #2AF598 100%);  /*Chrome,Safari4+*/
	background-image: -o-linear-gradient(62deg, #08AEEA 0%, #2AF598 100%);  /* Opera 11.10+ */
	background-image: -ms-linear-gradient(62deg, #08AEEA 0%, #2AF598 100%);  /* IE10+ */
	background-image: linear-gradient(62deg, #08AEEA 0%, #2AF598 100%);  /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08AEEA', endColorstr='#2AF598',GradientType=62 );  /* IE6-8 */
}

.bgg02{
	background-attachment:fixed;
	background-color: #8EC5FC;  /* Old browsers */
	background-image: -moz-linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);  /* FF3.6+ */
	background-image: -webkit-linear-gradient(62deg,  #8EC5FC 0%, #E0C3FC 100%);  /*Chrome,Safari4+*/
	background-image: -o-linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);  /* Opera 11.10+ */
	background-image: -ms-linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);  /* IE10+ */
	background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);  /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8EC5FC', endColorstr='#E0C3FC',GradientType=62 );  /* IE6-8 */
}

.form-control-feedback{
	color: red;

}

.welcome{
	text-align: right;
	/*margin: 14px 30px -21px;*/
	margin-right: 9px;
	margin-top: 9px;
}


.no-padding-no-margin{
	margin: 0px !important;
	padding: 0px !important;
}

.no-margin{
	margin: 0px !important;
}

.no-padding{
	padding: 0px !important;
}

.no-padding-hor{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.no-right-padding{
	padding-right: 0px !important;
}

.no-padding-top{
	padding-top: 0px !important;
}
.no-padding-bottom{
	padding-bottom: 0px !important;
}
.no-margin-bottom{
	margin-bottom: 0px !important;
}

.no-padding-ver{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.jstree-default .jstree-clicked{
	background-color: #45ffda;
}

.jstree-scroll {
	border-radius: 4px;
    padding: 10px 20px;
    overflow: auto;
    border: 2px dashed rgba(0,0,0,0.3) ;
    height: 210px;
}

.jstree-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
}

.jstree-scrolle::-webkit-scrollbar:vertical {
    width: 11px;
}

.jstree-scroll::-webkit-scrollbar:horizontal {
    height: 11px;
}

.jstree-scroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.modal .modal-content .modal-header .close{
	font-family: "LineAwesome" !important;
	color: darkblue !important;
}

.w70{
	width: 70%;
}

.w100{
	width: 100%;
}

.modal-dialog .modal-70percent {
	width: 70%;
	position: fixed;
	top: 10%;
	left: 15%;
	right: auto;
	bottom: 6%;
	position: fixed;
	background: #fff !important;
	overflow: auto !important;
	}

.modal-dialog .modal-70percent .modal-content {
	box-shadow: none !important;
	border: 0 !important;
	overflow: auto;
}

.modal-dialog .modal-60percent {
	width: 70%;
	position: fixed;
	top: 6%;
	left: 15%;
	right: auto;
	bottom: 6%;
	background: #fff !important;
	overflow: auto !important;
	}

.modal-dialog .modal-60percent .modal-content {
	box-shadow: none !important;
	border: 0 !important;
	overflow: auto;
}

.kt-form.search-form .kt-form__group:first-child{
	width: 100% !important;
}

.billing-info-table th{
	border-top: 1px solid #ebedf2 !important;
}

/*.billing-info-table td:nth-child(2), .billing-info-table th:nth-child(2), .billing-info-table th:nth-child(5), .billing-info-table th:nth-child(6) {
	text-align: center;
}*/

.billing-info-table td:nth-child(5), .billing-info-table td:nth-child(6), .billing-info-table td:nth-child(7) {
	text-align: right;
	margin-right: 3px;
}

.billing-info-table td:nth-child(2) input{
	width: 100%;
}

.billing-info-table tbody td{
	margin: 0px !important;
	padding: 3px !important;
}

.billing-info-table td input{
	padding: 3px 10px;
}

.billing-info-table td .product_names{
	padding-left : 10px;
}
.billing-info-table td .product_infos{
	padding : 10px;
}



/* .billing-info-table .filter-option-inner-inner, */
.billing-info-table td:nth-child(4) input{
	text-align: center;
}

.billing-info-table td:nth-child(5) input,
.billing-info-table td:nth-child(6) input,
.billing-info-table td:nth-child(8) input{
	text-align: right;
	padding-right: 8px !important;
}

.billing-info-table tfoot td{
	border: 1px solid #ebedf2;
}

.qty_minus_trig_change, .qty_plus_trig_change{
	float: left;
	padding: 1.2px 9px;
	font-size: 20px;
	border: 0px;
}
.qty_minus_trig_change{
	margin-right: -1px;
}
.qty_plus_trig_change{
	margin-left: -1px;
}


.qty_minus, .qty_plus{
    float: left;
    padding: 1.2px 9px;
/*    font-size: 20px;*/
    border: 0px;
}
.qty_minus{
    margin-right: -1px;
}
.qty_plus{
    margin-left: -1px;
}
.qty_fraction_minus, .qty_fraction_plus{
    float: left;
    padding: 1.2px 9px;
    font-size: 20px;
    border: 0px;
}
.qty_fraction_minus{
    margin-right: -1px;
}
.qty_fraction_plus{
    margin-left: -1px;
}
.right_amount{
	text-align: right;
	float: right;
	margin-right: 8px;
    color: black;
    font-family: 'Source Code Pro';
    font-weight: bold;
}

.sh_row_amount{
	margin-right: 15px;
}

.product_ids{
	padding: 0px 13px !important;
}

.unit_setting_container {
    margin: 0px;
    padding: 0px;
}

.unit_setting {
    padding: 10px;
    border: 1px dashed;
    margin: 5px;
}

.w80{
	width: 80px;
}


/*  custom full screen modal per device */
@media (min-width: 1280px) {
	.modal-dialog .modal-fs { width: 85%; position: fixed; top: 7%; left: 7%; bottom: 7%; background: #fff !important; overflow: auto !important; }
}
@media (max-width: 1280px) {
	.modal-dialog .modal-fs { width: 94%; position: fixed; top: 3%; left: 3%; bottom: 3%; background: #fff !important; overflow: auto !important; }
}
.modal-dialog .modal-fs .modal-content { box-shadow: none !important; border: 0 !important; overflow: auto; }



/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (max-width: 425px) {
	.h-font-mobile, .h-font-mobile > span{
		font-size: 9px !important;
	}

}


@media (min-width: 1281px) {

}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {


}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {


}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {


}




/*// Small devices (phones, 576px and up)*/
@media (min-width: 320px) and (max-width: 480px) {
	.no-padding-xs{
		padding: 0 !important;
	}


}

ul.m-menu__subnav{
	background-color: #f3f5ff;
}

.pagination {
  display: inline-flex;
}

/* .pagination li {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
} */

/* .pagination li.active {
  background-color: #4CAF50;
  color: white;
} */

.pagination li:hover:not(.active) {background-color: #ddd;}

.pet_view.kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__img{
	margin-top: 20px;
	max-width: 100% !important;
  border-radius: 20% !important;
}

.h-custom.btn.btn-icon{
	height: 3.4rem;
    width: 3.4rem;
    display: -webkit-inline-box;
}

.h-custom.kt-widget__action{
	text-align: center;
}

.h-custom.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title{
	font-size: 2.2rem !important;
}

body{
	font-size: 14px;
}

@media (min-width: 1280px) {
	.unit_setting_container .unit_grid{
		width: 31%;
	}
    /*.portrait_frame{  width: 223mm; height: 297mm; max-width: 223mm; max-height: 297mm; transform: scale(1); transform-origin: 0 0 ;  }*/
    /*.landscape_frame{ width: 315mm; height: 210mm; max-width: 315mm; max-height: 210mm; transform: scale(0.95);transform-origin: 0 0 ;  }*/
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.unit_setting_container .unit_grid{
		width: 32%;
	}
    /*.portrait_frame{  width: 223mm; height: 297mm; max-width: 223mm; max-height: 297mm; transform: scale(1); transform-origin: 0 0 ;  }*/
    /*.landscape_frame{ width: 305mm; height: 210mm; max-width: 305mm; max-height: 210mm; transform: scale(0.80); transform-origin: 0 0 ;  }*/
}

@media (min-width: 768px) and (max-width: 1023px) {
	.unit_setting_container .unit_grid{
		width: 48%;
	}
    /*.portrait_frame{  width: 223mm; height: 297mm; max-width: 223mm; max-height: 297mm; transform: scale(0.9); transform-origin: 0 0 ;  }*/
    /*.landscape_frame{ width: 297mm; height: 210mm; max-width: 297mm; max-height: 210mm; transform: scale(0.62); transform-origin: 0 0 ;  }*/
}

.swal2-content th span.btn{
	margin: 0px !important;
}

.swal2-content td{
	vertical-align: middle;
}

@media (min-width: 1280px) {
	.swal-wide{width:900px !important; }
}

@media (min-width: 1025px) and (max-width: 1279px) {
    .swal-wide{width:800px !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.swal-wide{width:650px !important; }
}

@media (min-width: 320px) and (max-width: 767px) {


	/*.swal-wide{width:500px !important; }*/

}



@font-face {
    font-family: "flaticon_my_icons";
    src: url("/custom/icon-font/flaticon_my_icons.ttf?3e2468a83fe42f16f0db88eb48d9190b") format("truetype"),
url("/custom/icon-font/flaticon_my_icons.woff?3e2468a83fe42f16f0db88eb48d9190b") format("woff"),
url("/custom/icon-font/flaticon_my_icons.woff2?3e2468a83fe42f16f0db88eb48d9190b") format("woff2"),
url("/custom/icon-font/flaticon_my_icons.eot?3e2468a83fe42f16f0db88eb48d9190b#iefix") format("embedded-opentype"),
url("/custom/icon-font/flaticon_my_icons.svg?3e2468a83fe42f16f0db88eb48d9190b#flaticon_my_icons") format("svg");
}

i[class^="myflat-"]:before, i[class*=" myflat-"]:before {
    font-family: flaticon_my_icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.myflat-luggage-cart:before {
    content: "\f101";
}
.myflat-printer:before {
    content: "\f102";
}
.myflat-bill:before {
    content: "\f103";
}
.myflat-bill-1:before {
    content: "\f104";
}
.myflat-animal-shelter:before {
    content: "\f105";
}