.login-register{background:url(../../admin/images/login/login-register.jpg) center center/cover no-repeat!important;height:100%;position:fixed}
.reset-password{background:url(../../admin/images/login/reset-password.jpg) center center/cover no-repeat!important;height:100%;position:fixed}

.kl-add-picture{font-size:14px;}
.kl-gray-box{background:#f9f9f9;}
.kl-modal-btn{height:50px;}
.kl-cursor-hand{cursor: pointer;}
.kl-box-title{font-weight: 500; text-transform: uppercase; font-size: 14px;}
.kl-input-customer{width:100%; height:50px; font-size:20px; border:none; background:#f9f9f9;}

.daterange-section{float: right;}

.invoice-header{text-align:center;}
.invoice-outlet h2{transform:scale(1,2) !important;}

.p-l-30{padding-left:30px !important;}
.p-l-40{padding-left:40px !important;}

.p-r-30{padding-right:30px !important;}
.p-r-40{padding-right:40px !important;}

.p-t-30{padding-top:30px !important;}
.p-t-40{padding-top:40px !important;}

.p-b-30{padding-bottom:30px !important;}
.p-b-40{padding-bottom:40px !important;}

.m-l-30{margin-left:30px !important;}
.m-l-40{margin-left:40px !important;}

.m-r-30{margin-right:30px !important;}
.m-r-40{margin-right:40px !important;}

.m-t-30{margin-top:30px !important;}
.m-t-40{margin-top:40px !important;}

.m-b-30{margin-bottom:30px !important;}
.m-b-40{margin-bottom:40px !important;}

.calc-btn, .calc-btn-delete, .calc-btn-clear{width:120px; height:40px; margin:5px;}
.calc-btn.dbl-size{width:255px;}
.kl-input-debit-credit, .kl-input-cash{font-size:20px !important;}

.text-bold{font-weight:bold !important;}
.product-data{height:70px !important; font-weight: 500;}

.kl-input-attribute{position:relative !important; top:-8px;}
.label-table-no{padding-top:12px;}
h4{line-height:20px;}
.dataTables_scrollHeadInner{width:100% !important;}
.left-section{margin-top:100px;}

@media screen and (max-width:58em){
	.left-section{margin-top:0px;}
	.daterange-section{float: right;width:220px;}
}

@media screen and (max-width:373px){
	.invoice-outlet h2{font-size:16px !important;}
}

@media screen (min-width: 1280px){
	.content-wrapper .sidebar {width: 60px;}
}

@media screen and (min-width: 768px) and (max-width: 1279px){
	.left-section{margin-top:0px;}
	.kl-box-title{font-size:11px !important;}
	.product-data{font-size:11px !important;}
}

.fa.fa-trash{color:#e17055 !important;}
.fa.fa-print{color:#e17055 !important;}

.kl-form-section{display:inline-block;padding:0 20px;height:30px;line-height:30px;clear:left;position:relative;top:12px;left:-25px;color:#fff;}
.b-r{border-right:solid 1px #E5E5E5;}
.b-l{border-left:solid 1px #E5E5E5;}
.b-t{border-top:solid 1px #E5E5E5;}
.b-b{border-bottom:solid 1px #E5E5E5;}
.b-all{border:solid 1px #E5E5E5;}

.nav-small-cap{color:#2c3e50;}
#side-menu li a{color:#7f8c8d;font-weight:300;}
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus{
	background-image:linear-gradient(#01C0C8, #01C0C8), linear-gradient(rgba(120, 130, 140, .40), rgba(120, 130, 140, .40));
}

.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:none;}
.sweet-alert h2 {font-size:25px !important;}
.ribbon-primary{font-size:16px;}
.checkbox label{cursor:default;}
.checkall{position:relative; top:5px;}
.checkbox label::before{border:1px solid rgba(120, 130, 140, .90) !important;}
table.dataTable{margin-top:0px !important;}