@media (min-width: 768px) {
.sidebar .nav-item .nav-link {
    padding: 0.4rem 1rem;
	}
}

.bg-login {
	background: url(https://images.pexels.com/photos/326240/pexels-photo-326240.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
	background-size: cover;
	width: 100%;
    height: 100vh;
	
	
}
.from-login {
	padding-top: calc(100vh / 2 - 300px);
}
.pull-right {
	text-align: right;
}    
.modal-xl {
	width: 80%;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #6e707e;
    background-color: #fff;
    border-color: #dddfeb #dddfeb #fff;
    border-bottom: 5px solid #227dbe;
}
.none-padding {
	padding: 0px!important;
}
table > th {
	text-align: center;
}
.red {
	color: red!important;
}
.yellow {
	color: yellow!important;
}
.text-center{
	text-align: center;
}
.table td, .table th{
    vertical-align: middle!important;
}
/* ============================================ Gus Table*/
.table td, .table th {
    padding: 0.2rem 0.5rem;
}
.table > thead > tr > td input {
	border-radius: 0px;
}
.table > thead > tr > td > select.form-control{
	border-radius: 0px;
}
.table > thead > tr > th{
	text-align: center;
	vertical-align: middle;
}

.tableGusHead {
    position: fixed;
    top: 0px;
    display: none;
}

.gusTable{
	word-break: break-all;
}
.tableGusResponsive {
    width: 100%;
}
.tableGusResponsive table {
    max-width: 100%;
    margin: auto;
}
.tableGusResponsive tr:nth-of-type(odd) {
    background: #eee;
}
.tableGusResponsive th {
    background: #000;
    color: #fff;
    font-weight: bold;
}
.tableGusResponsive td,  .tableGusResponsive th {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
}
.tableGusResponsive td:nth-last-of-type(1) {
    display: none;
}

	@media only screen and (max-width: 760px),  (min-device-width: 768px) and (max-device-width: 1024px) {
	.tableGusResponsive table {
		width: 100%;
	}
		
	/* Force table to not be like tables anymore */
	.tableGusResponsive table,  .tableGusResponsive thead,  .tableGusResponsive tbody,  .tableGusResponsive th,  .tableGusResponsive td,  .tableGusResponsive tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.tableGusResponsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.tableGusResponsive tr {
		border: 1px solid #dedede;
	}
	.tableGusResponsive td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #dedede;
		position: relative;
		padding-left: 50%;
		width:auto !important;
	}
	
		
	.tableGusResponsive td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);
		color: #000;
		font-weight: bold;
	}
	.tableGusResponsive td.td_hide {
		display: none;
	}
	.tableGusResponsive td:nth-last-of-type(1) {
		padding: 0px;
		display: inherit;
	}
	.tableGusResponsive td{
		padding-top: 6px;
    	padding-bottom: 6px;
	}
}
/* ============================================ END Gus Table ========================== */



/* ============================================ Table Size*/




/* ============================================ END Table Size ========================== */
.summaryDetailFooter {
    color: rgba(0,0,0,0.8);
    line-height: 2.5em;
    float: right;
}
.summaryDetailFooter .l_label {
    text-align: left;
    font-weight: bold;
	padding-right: 30px;
}
.summaryDetailFooter .r_label {
    text-align: right;
    font-weight: bold;
}
#table_test1 > tbody > tr td{
	text-align: center;
}

#customer_table  > tbody > tr td:nth-of-type(1){
	text-align: center;
	width: 100px!important; 
}
#customer_table  > tbody > tr td:nth-of-type(2){
	text-align: center;
	width: 250px!important; 
} 
#customer_table  > tbody > tr td:nth-of-type(3),
#customer_table  > tbody > tr td:nth-of-type(4),
#customer_table  > tbody > tr td:nth-of-type(5),
#customer_table  > tbody > tr td:nth-of-type(6),
#customer_table  > tbody > tr td:nth-of-type(7){
	text-align: center;
	width: 300px!important; 
}  
#customer_table  > tbody > tr td:nth-of-type(8){
	text-align: right;
	min-width: 200px!important; 
} 
#customer_table  > tbody > tr td:nth-of-type(9){
	text-align:center;
	width: 200px!important; 
} 
#customer_table  > tbody > tr td:nth-last-of-type(1){
	text-align:center;
	width:100px!important; 
} 
#customer_table  > tbody > tr td:nth-last-of-type(2){
	text-align:center;
	width: 400px!important; 
} 

#customer_bucket .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	min-width: 60px!important; 
} 
#customer_bucket .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	min-width: 200px!important; 
} 
#customer_bucket .table > tbody > tr td:nth-of-type(3){
	text-align: center;
	min-width: 200px!important; 
}
#customer_bucket .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	min-width: 60px!important; 
} 
#customer_bucket .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	min-width: 150px!important; 
}


#delivery_receive_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width: 60px!important; 
} 
#delivery_receive_table .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	min-width: 250px!important; 
} 
#delivery_receive_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 70px!important; 
}
#delivery_receive_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	min-width: 300px!important; 
}


#customer_add_bucket .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	min-width: 150px!important; 
} 
#customer_add_bucket .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	min-width: 150px!important; 
} 


#table_delivery .table > tbody > tr td{
	text-align: center;
}

#addice_request_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width: 150px!important; 
}
#addice_request_table .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	max-width: 150px!important; 
} 
#addice_request_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 150px!important; 
} 

#addbucket_request_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width: 150px!important; 
}
#addbucket_request_table .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	max-width: 150px!important; 
} 
#addbucket_request_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 150px!important; 
} 


#bucket_rent_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width: 150px!important; 
}
#bucket_rent_table .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	max-width: 250px!important; 
}
#bucket_rent_table .table > tbody > tr td:nth-of-type(3){
	text-align: center;
	max-width: 150px!important; 
}
#bucket_rent_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 60px!important; 
}
#bucket_rent_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	max-width: 150px!important; 
}

#addbucket_order_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width: 150px!important; 
}
#addbucket_order_table .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	max-width: 250px!important; 
}
#addbucket_order_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 250px!important; 
}



#ice_order_table .table > tbody > tr td:nth-of-type(1),
#ice_order_table .table > tbody > tr td:nth-of-type(2),
#ice_order_table .table > tbody > tr td:nth-of-type(3){
	text-align: center;
	max-width: 150px!important; 
}
#ice_order_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 150px!important; 
}
#ice_order_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: right;
	max-width: 150px!important; 
}




#add_order_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	min-width: 60px!important; 
}
#add_order_table .table > tbody > tr td:nth-of-type(2),
#add_order_table .table > tbody > tr td:nth-of-type(3),
#add_order_table .table > tbody > tr td:nth-of-type(4){
	text-align: center;
	min-width: 150px!important; 
}
#add_order_table .table > tbody > tr td:nth-of-type(5){
	text-align: center;
	min-width: 600px!important; 
}
#add_order_table .table > tbody > tr td:nth-of-type(6){
	text-align: center;
	min-width: 150px!important; 
}
#add_order_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 70px!important; 
}
#add_order_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	min-width: 400px!important; 
}
#add_order_table .table > tbody > tr td:nth-last-of-type(3){
	text-align: right;
	min-width: 200px!important; 
}
#add_order_table .table > tbody > tr td:nth-last-of-type(4){
	text-align: right;
	min-width: 200px!important; 
}
#add_order_table .table > tbody > tr td:nth-last-of-type(5){
	text-align: center;
	min-width: 300px!important; 
}
#add_order_table .table > tbody > tr td:nth-last-of-type(6){
	text-align: left;
	min-width: 150px!important; 
}





#required_order_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width: 80px!important; 
}
#required_order_table .table > tbody > tr td:nth-of-type(2),
#required_order_table .table > tbody > tr td:nth-of-type(3){
	text-align: center;
	min-width: 150px!important; 
}
#required_order_table .table > tbody > tr td:nth-of-type(4){
	text-align: center;
	min-width: 200px!important; 
}
#required_order_table .table > tbody > tr td:nth-of-type(5){
	text-align: center;
	min-width: 300px!important; 
}
#required_order_table .table > tbody > tr td:nth-of-type(6){
	text-align: center;
	min-width: 250px!important; 
}
#required_order_table .table > tbody > tr td:nth-of-type(7){
	text-align: center;
	min-width: 300px!important; 
}
#required_order_table .table > tbody > tr td:nth-of-type(8){
	text-align: center;
	min-width: 250px!important; 
}
#required_order_table .table > tbody > tr td:nth-of-type(9){
	text-align: center;
	min-width: 300px!important; 
}
#required_order_table .table > tbody > tr td:nth-of-type(10){
	text-align: center;
	min-width: 300px!important; 
}
#required_order_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	min-width: 100px!important; 
}
#required_order_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	width: 300px!important; 
	min-width: 300px!important; 
}
#required_order_table .table > tbody > tr td:nth-last-of-type(3){
	min-width: 200px!important; 
}
#required_order_table .table > tbody > tr td:nth-last-of-type(4){
	min-width: 200px!important; 
}


#master_add_driver .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width:60px!important; 
}
#master_add_driver .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	min-width:350px!important; 
}
#master_add_driver .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 60px!important; 
}
#master_add_driver .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	min-width: 150px!important; 
}


#master_add_customer .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width:60px!important; 
}
#master_add_customer .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	min-width:200px!important; 
}
#master_add_customer .table > tbody > tr td:nth-of-type(3){
	text-align: center;
	min-width:250px!important; 
}
#master_add_customer .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width:90px!important; 
}
#master_add_customer .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	min-width:200px!important; 
}
#master_add_customer .table > tbody > tr td:nth-last-of-type(3){
	text-align: center;
	min-width:400px!important; 
}
#master_add_customer .table > tbody > tr td:nth-last-of-type(4){
	text-align: center;
	min-width:250px!important; 
}

#master_add_bucket  .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width:60px!important; 
}
#master_add_bucket  .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	min-width:350px!important; 
}
#master_add_bucket  .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width:70px!important; 
}

#master_add_branch .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width: 60px!important; 
}
#master_add_branch .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 60px!important; 
}
#master_add_branch .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	min-width: 300px!important; 
}


#master_add_ice .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width: 60px!important; 
}
#master_add_ice .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 60px!important; 
}
#master_add_ice .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	min-width: 300px!important; 
}



#stock_car_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width:60px!important; 
}
#stock_car_table .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	width: 100px!important; 
}
#stock_car_table .table > tbody > tr td:nth-of-type(3),
#stock_car_table .table > tbody > tr td:nth-of-type(4),
#stock_car_table .table > tbody > tr td:nth-of-type(5),
#stock_car_table .table > tbody > tr td:nth-of-type(6){
	text-align: center;
	width: 150px!important; 
}
#stock_car_table .table > tbody > tr td:nth-of-type(7){
	text-align: center;
	width: 250px!important; 
	min-width: 250px!important; 
}
#stock_car_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 60px!important; 
}
#stock_car_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	max-width: 150px!important; 
}
#stock_car_table .table > tbody > tr td:nth-last-of-type(3),
#stock_car_table .table > tbody > tr td:nth-last-of-type(4){
	text-align: right;
	max-width: 150px!important; 
}


#stock_bucket_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width:60px!important; 
}
#stock_bucket_table .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	min-width: 150px!important; 
}
#stock_bucket_table .table > tbody > tr td:nth-of-type(3){
	text-align: center;
	min-width: 180px!important; 
}
#stock_bucket_table .table > tbody > tr td:nth-of-type(4),
#stock_bucket_table .table > tbody > tr td:nth-of-type(5){
	text-align: center;
	min-width: 150px!important; 
}
#stock_bucket_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	min-width:  100px!important; 
}
#stock_bucket_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	min-width:  100px!important; 
}
#stock_bucket_table .table > tbody > tr td:nth-last-of-type(3){
	text-align: center;
	min-width:  200px!important; 
}

#stock_spare_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width:60px!important; 
}
#stock_spare_table .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	max-width:200px!important; 
}
#stock_spare_table .table > tbody > tr td:nth-of-type(3){
	text-align: right;
	max-width:80px!important; 
}
#stock_spare_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 60px!important; 
}
#stock_spare_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	max-width:150px!important; 
}

#stockreceive_spare_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	max-width: 100px!important; 
}
#stockreceive_spare_table .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	min-width: 200px!important; 
}
#stockreceive_spare_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: right;
	max-width: 100px!important; 
}


#maintenace_car_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	min-width: 150px!important; 
}
#maintenace_car_table .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	min-width: 150px!important; 
}
#maintenace_car_table .table > tbody > tr td:nth-of-type(3){
	text-align: center;
	min-width: 200px!important; 
}
#maintenace_car_table .table > tbody > tr td:nth-of-type(4){
	text-align: center;
	min-width: 300px!important; 
}
#maintenace_car_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 70px!important; 
}
#maintenace_car_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	min-width: 200px!important; 
}


#add_spare_maintenance  .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	min-width: 250px!important; 
}
#add_spare_maintenance  .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	min-width: 250px!important; 
}
#add_spare_maintenance  .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	min-width: 350px!important; 
}
#daliverydate_order_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	width: 200px!important; 
}


#usermanagement_table .table > tbody > tr td:nth-of-type(1),
#usermanagement_table .table > tbody > tr td:nth-of-type(2),
#usermanagement_table .table > tbody > tr td:nth-of-type(4),
#usermanagement_table .table > tbody > tr td:nth-of-type(5),
#usermanagement_table .table > tbody > tr td:nth-of-type(6){
	text-align: center;
	max-width: 100px!important; 
}
#usermanagement_table .table > tbody > tr td:nth-of-type(3){
	text-align: center;
	min-width: 250px!important; 
}
#usermanagement_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	max-width: 100px!important; 
}
#usermanagement_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	max-width: 150px!important; 
}


#permission_table .table > tbody > tr td:nth-of-type(1){
	text-align: left;
	width: 1100px;
	max-width: 1100px!important; 
}
#permission_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	width:100px;
	max-width: 100px!important; 
}
#permission_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	width:100px;
	max-width: 100px!important; 
}
#permission_table .table > tbody > tr td:nth-last-of-type(3){
	text-align: center;
	width:100px;
	max-width: 100px!important; 
}

#master_mechanic_table .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	width:100px;
	max-width: 100px!important; 
}
#master_mechanic_table .table > tbody > tr td:nth-of-type(2){
	text-align: center;
	width:300px;
	max-width: 300px!important; 
}
#master_mechanic_table .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	width:100px;
	max-width: 100px!important; 
}
#master_mechanic_table .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	width:100px;
	max-width: 150px!important; 
}
#master_mechanic_table .table > tbody > tr td:nth-last-of-type(3){
	text-align: center;
	width:150px;
	max-width: 150px!important; 
}



#report_ice_table .table > tbody > tr td:nth-last-of-type(1),
#report_bucket_table .table > tbody > tr td:nth-last-of-type(1){
	text-align:right;
	width:200px;
	max-width: 200px!important; 
}


#customer_edit_bucket .table > tbody > tr td:nth-of-type(1){
	text-align: center;
	width: 100px;
	max-width: 100px!important; 
}
#customer_edit_bucket .table > tbody > tr td:nth-of-type(2),
#customer_edit_bucket .table > tbody > tr td:nth-of-type(3){
	text-align: center;
	width: 250px;
	max-width: 250px!important; 
}
#customer_edit_bucket .table > tbody > tr td:nth-last-of-type(1){
	text-align: center;
	width: 500px;
	max-width: 500px!important; 
}
#customer_edit_bucket .table > tbody > tr td:nth-last-of-type(2){
	text-align: center;
	width: 200px;
	max-width: 200px!important; 
}


.card-body.customermanage_main{
	height: calc(100vh - 255px)!important;
    min-height: 300px;
}

.card-body.deliverydate_main{
	height: calc(100vh - 260px)!important;
    min-height: 300px;
}
.card-body.masterdriver_main{
	height: calc(100vh - 270px)!important;
    min-height: 300px;
}
.card-body.masterice_main{
	height: calc(100vh - 260px)!important;
    min-height: 300px;
}
.card-body.masterbucket_main{
	height: calc(100vh - 260px)!important;
    min-height: 300px;
}
.card-body.masterspare_main{
	height: calc(100vh - 260px)!important;
    min-height: 300px;
}
.card-body.mastercustomer_main{
	height: calc(100vh - 260px)!important;
    min-height: 300px;
}
.card-body.mastermechanic_main{
	height: calc(100vh - 260px)!important;
    min-height: 300px;
}
.card-body.stockcar_main{
	height: calc(100vh - 260px)!important;
    min-height: 300px;
}
.card-body.stockbucket_main{
	height: calc(100vh - 260px)!important;
    min-height: 300px;
}
.card-body.stockspare_main{
	height: calc(100vh - 260px)!important;
    min-height: 300px;
}
.card-body.maintenacecar_main{
	height: calc(100vh - 260px)!important;
    min-height: 300px;
}
.card-body.usermanagement_main{
	height: calc(100vh - 260px)!important;
    min-height: 300px;
}

.card-body.main{
	height: calc(100vh - 255px)!important;
    min-height: 300px;
}

/*================ content ===============*/
.content-from {
	padding: 15px;
}
.text-right {
	text-align: right!important;
}
/*------------------- footer -----------------*/
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}
.pull-right {
	text-align: right!important;
}