@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
body {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
body.pace-done {
}
.left-col-content div {
	margin-top:30%!important;
}
.bg-maroon.btn-flat {
    background-color: #777 !important;
    border-radius: 50px !important;
}
.navbar-default .navbar-nav>li>a{
	background-color: #074f86;
    margin: 5px;
    border-radius: 50px;
    padding: 8px 15px;
    text-align: center;
}
.navbar-default .navbar-nav>li>a:hover{
	background-color: #000000;
	
}
.navbar-brand .logo-img{
	max-height:50px;
}
.main-header li.user-header {
    background-color: #ffffff!important;
	border-radius: 10px;
}
#navbar{
	padding-top:22px;
}
.app_version{
	text-align:center;position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
#change_lang{
	display:none;
}
.right-col label {
    color: #337ab7;
}
.icheckbox_square-blue, .iradio_square-blue{
	display: inline-block;
    height: 23px;
    vertical-align: middle;
    width: 24px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{
	color:#333;
	font-size:14px;
    padding: 8px;
    font-weight: bold;
    border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{
	width: 79%;
}
.navbar-custom-menu .btn-success {
    background: #f39c12;
    border-color: #ffd38d;
    border-radius: 3px !important;
}
.pos-form-actions .bg-maroon.btn-flat{
	border-radius:0!important;
}
.pos-form-actions .btn-xs{
	padding:6px 12px;
}
footer.text-info b{
	color: #999;
	font-weight:normal;
}
.main-header span.logo-lg{
	font-weight:bold;
}
input[type=checkbox], input[type=radio]{
opacity: 1 !important;
}
.qty_cs{
	font-weight: bold;
	color: #008f3a;
}
.pos_numpad {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 10px;
	margin-right: 8px;
	margin-left: 8px;
	justify-items: center;
}
.numpad-btn {
    padding: 10px 15px;
    text-align: center;
	font-weight: bold;
	height: 70px;
    width: 128px;
	border-radius: 6px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	text-transform: uppercase;
}
.pos_numpad .numpad-num {
	font-size: 30px;
	background-color: #fff;
	font-family: arial;
}
.mn-no-products-display{
	font-size:14px;
}
.pos-hide{
	display: none !important;
}
.table-bordered>thead>tr>th{
	vertical-align: middle !important;
}
#pos_table tr.product_row>td{
	vertical-align: bottom !important;
}
.mn_seri .pos_seri{
	font-size: 20px;
	font-weight: bold;
    text-align: center;
    color: #dd4b39;
}
.product-name-pos{
	color: #04c;
    font-weight: bold;
}
.pos-head-left-child{
	display:flex;
	align-items: center;
	margin-bottom:5px;
	width: 100%;
}
.pos-head-left-child p{
	margin-bottom:0;
}
.pos-head-right{
	margin-top:5px;
	padding-right: 0;
    padding-left: 0;
}
.pos-btn-head{
	display:flex;
	padding: 5px;
    margin-top: 0;
}
.pos-btn-head span{
	margin-left: 5px;
	font-weight: bold;
}
#add_pos_sell_form .box .box-body{
	padding: 10px;
}
.pos_form_totals .table-condensed{
	margin-bottom:5px;
}
#product_category_div{
	padding-right: 5px;
    padding-left: 20px;
}
#product_brand_div{
	padding-right: 20px;
    padding-left: 5px;
}
.box-detail-pos{
	padding-left: 5px !important;
    padding-right: 0px !important;
}
.select2-container--default .select2-results>.select2-results__options{
	max-height: 300px;
}
.select2-results__option[aria-selected]{
	border: 1px solid #ddd;
    margin: 3px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #2dce89;
}
.sale-item{
	background-color: #fffded;
}
.sale-total{
	background-color: #edffed;
}
.pos_form_totals .table-condensed .total_quantity{
	font-weight: bold;
	color: #dd4b39;
}
.pos_form_totals .table-condensed .price_total{
	font-weight: bold;
	color: #dd4b39;
}
.mn_seri label, .mn_quantity label{
	font-size: 10px;
    position: absolute;
	top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    margin: 0;
}
.product_row .mn_seri, .product_row .mn_quantity {
	position: relative;
}
.product_list:nth-child(4n+1) .product_box{
    border: 1px solid #FF0000;
}
.product_list:nth-child(4n+2) .product_box{
    border: 1px solid #00FF00;
}
.product_list:nth-child(4n+3) .product_box{
    border: 1px solid #0000FF;
}
.product_list:nth-child(4n+4) .product_box{
    border: 1px solid #FF00FF;
}
.business-locations-mn {
	width: max-content !important;
}
.pos-head-left{
	margin-top: 5px;
    padding-right: 0;
}
#add_pos_sell_form .form-group {
    margin-bottom: 5px;
}
#tab_final .table-slim>tbody>tr>td{
	padding: 10px;
	font-size: 16px;
	text-align: center;
    border: 1px solid #ddd;
}
#tab_final .table-slim .print-invoice-link{
	background-color: #2dce89;
    padding: 10px 20px;
}
.print-invoice-link .fa-print{
	color: #fff;
}
#tab_final .table-slim>thead>tr>th{
	padding: 5px;
	background-color: #2dce89;
    color: #fff;
	font-size:16px;
	text-align: center;
    border: 1px solid #fff;
}
/* CSS Administrator */
.table-striped>tbody>tr:nth-of-type(odd){
	background-color:#f3fff3;
}
#purchase_entry_table>tbody>tr {
	border-bottom: 1px solid #ccc;
}
#purchase_entry_table>tbody{
	font-size: 16px;
}
.product_name_right{
	margin:0;
}
#purchase_entry_table .product_name_mn, #stock_adjustment_product_table .product_name_mn{
	font-size: 18px;
    font-weight: bold;
    color: #1572e8;
}
.table-bordered>tbody>tr>td{
	vertical-align: middle;
}
#purchase_entry_table .input-sm{
	font-size:16px;
}
#purchase_entry_table .purchase_quantity, #purchase_entry_table .purchase_date, .payment-amount-mn{
	font-weight: bold;
	color: #1572e8;
}
#purchase_entry_table .row_subtotal_after_tax{
	font-weight: bold;
    color: #dd4b39;
    font-size: 18px;
}
#add_purchase_form .display_currency, #payment_due{
	font-weight: bold;
    color: #dd4b39;
    font-size: 18px;
}
#stock_adjustment_product_table>tbody{
	font-size: 16px;
}
#stock_adjustment_product_table .product_quantity{
	font-weight: bold;
	color: #1572e8;
}
#total_adjustment, #final_total_text, #total_quantity{
	font-weight: bold;
    color: #dd4b39;
    font-size: 18px;
}
#purchase_entry_table .qty_available_text, #stock_adjustment_product_table .qty_available_text{
	font-size: 16px;
    font-weight: bold;
    color: #f91b00;
}
.table-th-green-mn>thead>tr>th{
	background-color: #5cb85c;
    color: white;
}
#add_purchase_form .table-responsive{
	overflow: visible;
}
.filter-search-head {
	margin-bottom:10px;
	display: flex;
    align-items: center;
}
.filter-search-head .list-group{
	display: flex;
    align-items: center;
    gap: 10px;
	margin-bottom:0;
}
.filter-search-head .list-group .list-group-item{
	color: #000;
	font-weight:bold;
	border-radius:0px;
}
.filter-search-head .list-group .list-group-item:nth-child(1){
	border-color: #ff1c00;
}
.filter-search-head .list-group .list-group-item:nth-child(2){
	border-color: #ffc500;
}
.filter-search-head .list-group .list-group-item:nth-child(3){
	border-color: #00bd00;
}
.filter-search-head .list-group .list-group-item:nth-child(4){
	border-color: #1572e8;
}
.filter-search-head .list-group .list-group-item:hover{
	color:#fff;
}
.filter-search-head .list-group .list-group-item:nth-child(1):hover{
	background-color: #ff1c00;
}
.filter-search-head .list-group .list-group-item:nth-child(2):hover{
	background-color: #ffc500;
}
.filter-search-head .list-group .list-group-item:nth-child(3):hover{
	background-color: #00bd00;
}
.filter-search-head .list-group .list-group-item:nth-child(4):hover{
	background-color: #1572e8;
}
.filter-search-head .select2-selection--single{
	height: 42px;
    padding: 10px 15px;
}
.filter-search-head .form-group{
	margin-bottom:0;
}
.main-footer {
    padding: 7px 15px 8px;
}
.filter-search-head .list-group .list-group-item.disabled{
	color: #aaa !important;
    border-color: #aaa !important;
}
.textarea_stock_transfer{
	height: 34px !important;
}
.fa-trash.remove_product_row{
	color: #dd4b39;
}
.location_mn{
	background-color: #1572e8;
    color: #fff;
    padding: 5px;
    font-weight: bold;
}
@media (max-width: 1024px) {
    .pos_form_totals {
       margin-bottom: -15px;
    }
	h3, .h3{
	font-size:18px;
}
}
@media (max-width: 768px) {
	.pos_product_mn{
		min-height: 10vh !important;
	}
	#product_list_body{
		margin-bottom: 25px;
	}
	.mb-mn{
		margin-bottom: 10px !important;
	}
	.pos-total span.number{
		font-size: 14px;
	}
	.pos-form-actions .btn-pos-mn{
		padding: 12px;
	}
	.pos-form-actions{
		padding-top: 10px;
		padding-bottom: 10px;
}
.pos_form_totals .table-condensed {
    margin-bottom: 20px;
}
.box-detail-pos{
	padding-left: 0px !important;
}
.fa-keyboard{
		display: none !important;
}
.pos-mb-hide{
		display: none !important;
}
.col-sm-2s {
        width: 25%;
    }
.business-locations-mn {
	width: max-content !important;
}
#add_pos_sell_form{
	margin-top: -15px;
}
.hide-mobile{
	display: none;
}

}
@media (max-width: 520px) {
	.pos-mb-hide{
		display: none !important;
	}
	#refresh-button{
		display: none !important;
	}
	.pos-head-left{
		padding-right:0;
		padding-left: 5px;
	}
	.pos-head-right{
		padding-left:0;
		padding-right:0;
	}
	.fa-keyboard, .curr_datetime{
		display: none !important;
	}
	#select_location_id{
		width: 140px;
	}
	.pl-0{
		padding-left:0;
	}
	.pr-0{
		padding-right:0;
	}
	.pl-5{
		padding-left:5px;
	}
	.pr-5{
		padding-right:5px;
	}
	.pl-10{
		padding-left:10px;
	}
	.pr-10{
		padding-right:10px;
	}
	.content{
		padding-top:0;
	}
	.pos-head-right .pos-btn-head{
		padding: 5px 6px;
        margin-top: 0;
	}
	.pos_product_mn {
        min-height: 25vh !important;
		margin-left: -5px;
        margin-right: -5px;
    }
	.col-md-2s {
        width: 25%;
    }
	.pr-12{
		padding-right:0 !important;
	}
	.mn_seri .pos_seri{
		padding: 5px;
	}
	.input-number .input_quantity{
		padding:5px;
	}
	.pick-date-mn{
		padding-right:0;
	}
	.h3, h3{
		font-size:16px;
		font-weight:bold;
	}
	#btnCalculator{
		display: none;
	}
	#add_pos_sell_form{
		margin-top: 0;
	}
	.select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below{
		width: max-content !important;
	}
	#add_purchase_form .table-responsive{
		overflow: auto;
	}
	.table-th-green-mn>thead>tr>th:nth-child(4){
		min-width: 130px;
	}
}
@media (min-width: 768px) {
    
}
@media (min-width: 992px) {
    .col-md-2s {
        width: 20%;
    }
}
@media (min-width: 1920px) {
	#add_pos_sell_form body{
		font-size: 20px;
	}
	#add_pos_sell_form .btn{
		font-size: 20px;
	}
	.product_box{
		padding-top: 15px;
		padding-bottom: 15px;
	}
    #product_list_body{
		max-height: 485px;
	}
	#add_pos_sell_form .btn-group-xs>.btn, #add_pos_sell_form .btn-xs{
		font-size: 20px;
	}
	.product_box .text{
		line-height: 30px;
		max-height: 30px;
		font-size: 18px;
	}
	.product_box .image-container{
		height: 60px;
	}
	.qty_cs{
		font-size: 18px;
	}
	.numpad-btn{
		width: 100%;
		height: 150px;
	}
	.numpad-btn{
		font-size: 40px;
		text-transform: uppercase;
	}
	#add_pos_sell_form .pos_numpad .numpad-num{
		font-size: 40px;
	}
	#add_pos_sell_form .box-body * {
		font-size: 20px;
	}
	#add_pos_sell_form .box-body .fa-times{
		font-size: 50px;
	}
	#add_pos_sell_form .box-body .pos_line_total_text{
		font-size: 26px;
		font-weight: bold;
	}
	#add_pos_sell_form .form-control{
		height: 50px;
	}
	.input-number .btn-default{
		padding: 10px 15px;
		height: 50px;
	}
	.add_new_custome{
		padding: 10px 15px;
		height: 50px;
	}
	#add_pos_sell_form .box-body .btn, select.input-sm{
		height: 50px;
	}
	select.input-sm, .pos-total{
		font-size:20px;
	}
	#add_pos_sell_form .box-body .mn_seri .pos_seri, #add_pos_sell_form .box-body .input_quantity{
		font-size: 30px;
	}
	#add_pos_sell_form .select2-container--default .select2-selection--single, #add_pos_sell_form .select2-selection .select2-selection--single{
		height: 50px;
		padding: 15px 12px;
        font-size: 20px;
	}
	#add_pos_sell_form .select2-container--default .select2-selection--single .select2-selection__arrow{
		height: 50px;
	}
	#add_pos_sell_form .pos-btn-head, .btn-group-xs>.btn{
		padding: 10px 15px;
		margin-top: 0 !important;
	}
	.pos-btn-head span {
		margin-left: 10px;
	}
	.pos-header .hover-q {
    font-size: 30px;
    margin-left: 10px;
	}
	.pos-total span.text{
		width: 100%;
		display: contents;
	}
	.select2-container--default .select2-results>.select2-results__options{
		max-height: max-content;
		font-size: 20px;
	}
}