.dataTables_info {
	
}

@supports (-webkit-overflow-scrolling: touch) {
  /*CSS specific to iOS devices*/
	.dataTables_info, .dataTables_paginate, .dataTables_filter {
		width: 100% !important;
	} 

	#cboxClose, #multiDisplayOpenButton {
		display:none !important;
	}
	
	
	
	
	#cboxContent {
		padding-right: 10px;
	}		
	
}



.dataTable {
	max-width: 100%;
}

.dataTable thead, .dataTable tfoot   {
	
	color: #000000;
}

.dataTable th  {
	font-weight: bold !important;
	
	color: #000000 !important;
	border-right: 1px solid #CCCCCC !important;
}

.dataTable tr {
	color: #E4DAE9;
}

.dataTable td {
	color: #000000;	
	border-right: 1px solid #CCCCCC !important;
	
}

.dataTable tr.odd, #userAdminUserRightTable tr.odd  {
	background: #FFFFFF;
}

.dataTable tr.odd td.sorting_1  {
	background: #FFFFFF;
}

.dataTable tr.even, td.dataTables_empty, #userAdminUserRightTable tr.even {
	background: #E4DAE9 !important;
}

.dataTable tr.even td.sorting_1  {
	background: #E4DAE9;
}

.dataTable  tr:hover, .dataTable  tr:hover td  {
	background: #BCA3C9;
	color: #FFFFFF;
	
}

.dataTable  tr:hover td.sorting_1 {
	background: #BCA3C9;
	color: #FFFFFF !important;
}

table.dataTable td .button {
	margin: 2px !important;
}

@media screen and (min-width: 40em) {
	.dataTable tr {
		/* height: 44.44px !important;	 */
	}
	
	
}



/* only tablets and smartphones */
@media only screen and (max-device-width : 1023px){ 

	.hcmsTable tbody  {
		border: none;
	}
			
	table.dataTable td:empty {
	  visibility: hidden;
	}
	
	table.dataTable td {
	  text-align: left !important;
	  border: none;
	}
	
	.dataTable td.center, .dataTable td.right {
		text-align: left !important;
	}
	
	table.dataTable tr {
	  border: 1px solid #CCCCCC !important;
	}
		
	table.hcmsEditTable td {
		width: 100%;	
	}
	
	tfoot {
		position: relative;
		bottom: 0;
	    display: table-footer-group !important;
	}
	
	.showHeadlineForSmall .show-for-small-only {
		display: inline-block !important;
		margin-right: 5px;
	}
		
	.dataTable td .button {
		width: 99% !important;
	}
	 
}
/* only tablets*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
	body *, .btnsEditMain, .btnsEdit, .btnsStoreClose   {
		font-size: 1.3rem !important;
	}
	
	.btnsCopyAndLog {
		padding-top: 25px;
	}
	
	.btnsStoreClose {
		display: block;
	}
	
	.btnsEditMain, .btnsEdit, .btnsStoreClose {
		width: 100% !important;
	}
	
	input {
		height: auto !important;
	}
}

/* only smartphones */
@media only screen and (max-device-width : 767px) {
	body *, .btnsEditMain, .btnsEdit, .btnsStoreClose   {
		font-size: 1.1rem !important;
	}
}