@media (min-width: 768px){
	.form-left {
	  	float: left;
	  	width: 100px;
	  	padding: 5px;
	}
	.form-right {
		display: block;
		overflow: hidden;
	}
	.form-group { margin-bottom: 10px; }
}

.dataTables_processing { z-index: 105 !important; }
.display-n { display: none;}
.display-if { display: inline-flex;}

.fs-9 { font-size: 9px; }
.fs-10 { font-size: 10px; }
.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px; }

.w-10p { width: 10%; }
.w-20p { width: 20%; }
.w-30p { width: 30%; }
.w-40p { width: 40%; }
.w-50p { width: 50%; }
.w-60p { width: 60%; }
.w-70p { width: 70%; }
.w-80p { width: 80%; }
.w-90p { width: 90%; }
.w-100p { width: 100%; }
.w-10px { width: 10px; }
.w-20px { width: 20px; }
.w-30px { width: 30px; }
.w-40px { width: 40px; }
.w-50px { width: 50px; }
.w-60px { width: 60px; }
.w-70px { width: 70px; }
.w-80px { width: 80px; }
.w-90px { width: 90px; }
.w-100px { width: 100px; }
.w-150px { width: 150px; }
.w-200px { width: 200px; }
.mnw-80 { min-width: 80px; }
.mnw-100 { min-width: 100px; }
.mnw-200 { min-width: 200px; }
.mnw-300 { min-width: 300px; }
.mxw-80 { max-width: 80px; }
.mxw-100 { max-width: 100px; }
.mxw-200 { max-width: 200px; }
.mxw-300 { max-width: 300px; }

.ta-c { text-align: center; }
.ta-ci { text-align: center !important; }
.ta-r { text-align: right; }
.t-upc { text-transform: uppercase; }
.t-cap { text-transform: capitalize; }

.table-sm td { padding: 5px 10px; }
.table-sm-2-10 td { padding: 2px 10px; }
.wp-nw td, .wp-nw th { white-space: nowrap; }
.bg-ligry { background-color: lightgrey; }
.ff-CourierNew { font-family: 'Courier New', monospace; }

@media (min-width: 800px) {
    .modal-xl-xxl {
        max-width: 90% !important;
    }
} 
@media (min-width: 992px) {
    .modal-xl-xxl {
        max-width: 90% !important;
    }
} 
@media (min-width: 1200px) {
    .modal-xl-xxl {
        max-width: 1140px !important;
    }
}
@media (min-width: 1500px) {
    .modal-xl-xxl {
        max-width: 1350px !important;
    }
}
@media (min-width: 1600px) {
    .modal-xl-xxl {
        max-width: 1440px !important;
    }
}

input[type=number] {
	text-align: right;
}
input:read-only, input:disabled {
  background-color: #6c757d !important;
  color: white !important;
  font-weight: bold !important;
  border: #6c757d !important;
}
.odd:hover td, .even:hover td {
   background-color:#71d1eb !important;
}