/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
.csv-extract {
    margin-top:8px;
    color:rebeccapurple !important;
}
.body-editor {
	height: 100%;
    
}

.log-reader {
	background-color: #1F1F1F !important;
	font-size: 12px !important;
	color: aqua !important;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	padding: 10px !important;
	line-height: 18px !important;
}

.curse {
	cursor:pointer;
}
.import-item {
	font-weight: normal !important;
	padding-left: 20px !important;
	padding-bottom: 10px !important;
}
.gasp-editor {
	height: auto;
}
/*treeview*/
span.tree-sub {
	color: #006387 !important;
	background-color: lightgrey;
	width: 200px;
}
div.edit-text {
	color: darkorange !important;
	padding: 3px;
	padding-left: 15px;
	padding-right: 15px;
}
div.delete-text {
	color: darkred !important;
	padding: 3px;
	padding-left: 15px;
	padding-right: 15px;
}
div.insert-text {
	color: green !important;
	padding: 3px;
	padding-left: 15px;
	padding-right: 15px;
}
.tree-main {
	font-weight: bold;
	background-color: lightblue;
	width: 200px;
}
.tree-main-item {
	width: 250px;
}
/* change the colour of the row highlighting */
.btn-tab {
    margin-top: 4px;
    margin-right: 4px;
    border-bottom-right-radius:0px !important;
    border-bottom-left-radius:0px !important;
    border-top-right-radius:8px !important;
    border-top-left-radius:8px !important;
    font-weight: bold;
    padding:10px;
    box-shadow: none;
}
.datatablerowhighlight {
  cursor: pointer !important;
	background-color: lightyellow !important;
}
.dataTables_filter input {
    margin-left: 6px; 
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 4px;
    height: 24px;
}

.dt-searchbar {
   color: white;
}
.table-cell-total {
    background-color: lightcyan;
	font-weight: bold;
}
.table-cell-grandtotal {
    background-color: lightgoldenrodyellow;
	font-weight: bold;
}
/* added for column alignment in datatables*/
table.dataTable th.dt-left,
table.dataTable td.dt-left {
	text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
	text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
	text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
	text-align: justify;
}
table.dataTable td {
  padding: 4px !important;
  font-size:11px;
}
table.dataTable th {
  font-size:12px !important;
}

.field-readonly {
	color: darkblue;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 500;
	background-color: #EEEEEE;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	min-height: 20px;
}
.row-red {
	color: turquoise !important;
	background-color: red !important;
}
.red-row {
	color: red;
	font-weight: bold;
}
.purple-row {
	color: purple;
	font-weight: bold;
}

.bisque-bg-row {
	color: #000000 !important;
	background-color: #F4B6B7 !important;
	font-weight: bold;
}
.blue-row {
	color: #0B009B;
	font-weight: bold !important;
}
.green {
	color:green;
}
.red {
    color:red;
}
.black-bold-row {
	font-weight: bold;
	color: black;
	background-color: beige !important;
}
.form-table-key {
	color: cadetblue !important;
	background-color: whitesmoke !important;
	padding-bottom: 7px !important;
}
.form-footer-info {
	color: cadetblue !important;
	background-color: aliceblue !important;
	padding-bottom: 7px !important;
}
.gasp-footer-cell {
	margin-bottom: 0px !important;
	font-size: 11px !important;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
.label {
	font-weight: bold !important;
	color: #666666 !important;
}
.id-green {
	color:green;
}
.id-red {
	color:maroon;
}
.import-desc {
	padding: 15px;
	font-size: 14px;
	font-weight: bold;
}
.is-active .dropdown-menu {
  display: block;
}
.clockpicker-popover {
    z-index: 999999;
}

/* CSS Checkboxes */
input[type=checkbox].css-checkbox {
  position:absolute; 
  z-index:-1000; 
  left:-1000px; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height:1px; 
  width:1px; 
  margin:-1px; 
  padding:0; 
  border:0;
}

.gm-style > div:nth-child(10){		
		display: block !important;		
}

.branch-checkbox-span {		
		display: inline-block;		
  	width: 33%;		
		text-align: left;		
		font-size: .8em !important;		
}

.hideBranchSelection, .hideMultiBranchSelection {		
	display: none;			
}

input[type=checkbox].css-checkbox + label.css-label {
  padding-left:35px;
  height:30px; 
  display:inline-block;
  line-height:30px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:14px;
  vertical-align:middle;
  cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -30px;
}
label.css-label {
  background-image:url(../img/checkbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* CSS Checkboxes End */
.row-sm {
	height: 10px !important;
}
.input-sm {
	 height:25px !important;
}