/*
 * 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
 */

/*
UploadiFive
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
*/
td.tblHeader {
    font-weight: bold;
}

.btn-pad {
    padding: 5px;
}

#loginVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}
  
.modal.in .modal-dialog {
    transform: none; /*translate(0px, 0px);*/
  }
.login-apply {
    text-align: center;
    padding-bottom: 15px;
    font-weight: bold;
    color: #015C7E;
}
.login-apply-alert {
    text-align: center;
    padding-bottom: 15px;
    font-weight: bold;
    color: #1B7411;
    font-size: 18px;
}
.login-apply-sm {
    text-align: center;
    padding-bottom: 15px;
    font-weight: normal;
    color: #A90329;
}
.login-apply-med {
    text-align: center;
    padding-bottom: 15px;
    font-weight: normal;
    color: #015C7E;
}
.reg-url {
    font-size: 16px;
    color: #015C7E;
    cursor: pointer;
}
.copied {
    color: #FF0004;
    display: none;
}
.uploadifive-button {
	background-color: #505050;
	background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #505050),
		color-stop(1, #707070)
	);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid #808080;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	text-transform: uppercase;
	width: 100%;
}
.uploadifive-button:hover {
	background-color: #606060;
	background-image: linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #606060),
		color-stop(1, #808080)
	);
	background-position: center bottom;
}
.uploadifive-queue-item {
	background-color: #F5F5F5;
	border-bottom: 1px dotted #D5D5D5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font: 12px Arial, Helvetica, Sans-serif;
	margin-top: 3px;
	padding: 15px;
}
.uploadifive-queue-item .close {
	background: url('../inc/file-upload/uploadifive-cancel.png') 0 0 no-repeat;
	display: block;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadifive-queue-item .progress {
	border: 1px solid #D0D0D0;
	height: 3px;
	margin-top: 5px;
	width: 100%;
}
.uploadifive-queue-item .progress-bar {
	background-color: #0072BC;
	height: 3px;
	width: 0;
}
/* UploadiFive END */

.wiz-comp-img {
    padding:13px;
}
.selection-data {
    padding: 10px !important;
    font-size: 13px;
    vertical-align: middle !important;
}
.selection-data-green {
    padding: 10px !important;
    font-size: 13px;
    color: darkgreen;
    vertical-align: middle !important;
}
.selection-data-red {
    padding: 10px !important;
    font-size: 13px;
    color: darkred;
    vertical-align: middle !important;
}

.report-data {
    padding: 2px !important;
    font-size: 11px;
}
.report-data-green {
    padding: 2px !important;
    font-size: 11px;
    color: darkgreen;
}
.report-data-red {
    padding: 2px !important;
    font-size: 11px;
    color: darkred;
}
.report-footer {
    padding: 10px !important;
    font-size: 10px;
    color: #acacac;
}
.report-detail-label {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    background-color: #ebebeb;
}
.report-detail-data {
    font-size: 12px;
    padding: 5px;
    background-color: white;
}
.data-red {
    padding: 0px !important;
    font-size: 14px;
    color: darkred;
    font-weight: bold;
}
.wiz-comp-circle-text {
    font-size: 24px;
    text-align: center;
    color: #116C00;
    font-weight: bold;
    padding:13px;
}
.sel-month-txt {
    font-weight: normal;
}
.sel-ops {
    text-align: center;
    padding: 5px;
    cursor: pointer;
    font-weight: bold;
}
.sel-month {
    width: 100%;
    border: solid 2px #860002;
    background-color: white;
    color: #E34448;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    border-radius: 8px;
    cursor: pointer;
}
.sel-month-paid {
    width: 100%;
    border: solid 2px #073A03;
    background-color: #118E17;
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    border-radius: 8px;
}
.sel-month-current {
    width: 100%;
    border: solid 2px #051353;
    background-color: cornflowerblue;
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    border-radius: 8px;
}
.pay-paid {
    color: #118E17;
}
.pay-current {
    color: cornflowerblue;
}
.pay-unpaid {
    color: #E34448;
}
.fs-highlight {
    background-color: #BDEDFF !important;
}
.fs-highlight-yellow {
    background-color: #FFFCE4 !important;
}
.fs-highlight-grey {
    background-color: #F8F8F8 !important;
}
.fa-inc-pad {
    font-size: 1.4em !important;
    color: #00609E !important;
    padding-right: 12px;
}

.label-lrg-bg-white {
    font-size: 1.4em !important;
    background-color: white;
    color: #0171AF;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}
.label-lrg-white {
    font-size: 1.4em !important;
    color: #FDFDFD;
    font-weight: bold;
}
.label-lrg {
    font-size: 1.4em !important;
    color: #0171AF;
    font-weight: bold;
}

.label-med {
    font-size: 1.1em !important;
    color: #0171AF;
    font-weight: bold;
}

.label-sm {
    font-size: 1.0em !important;
    color: #0171AF;
    font-weight: normal;
}

.no-marg {
    margin : 0 0 0px !important;
}

.blurb {
    font-weight: bold;
    color: black;
}
.comp-entry-lbl {
    font-weight: bold;
    font-size: 24px;
    color:green;
}

.curse {
    cursor: pointer !important;
}

.center-label {
    text-align: center !important;
}
.btn-danger {
    background-color: #F41000 !important;
}

.body-editor {
	height: 100%;
}
.error {
    font-size: 12px;
    color: #E80003 !important;
}

.log-reader {
	background-color: #1F1F1F !important;
	font-size: 14px !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: 8px;
    border-bottom-right-radius:0px !important;
    border-bottom-left-radius:0px !important;
    border-top-right-radius:8px !important;
    border-top-left-radius:8px !important;
    padding:10px;
    box-shadow: none;
}
.btn-tab-desc {
    font-size: 1.2em !important;
    font-weight: bold;
}
.btn-tab-count {
    font-size: 0.7em !important;
    font-weight: lighter;
}

.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;
}
/* Small size */
table.dataTable td {
  padding: 6px !important;
  font-size:12px;
}
/* More Padding
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;
}

.dt-red-row {
    color: red;
}
.dt-green-row {
    color: green;
}
.dt-purple-row {
    color: purple;
}
.dt-grey-row {
    color: grey;
}
.dt-orange-row {
    color: orange;
}
.red-row {
	color: red;
	font-weight: bold;
}
.green-row {
	color: green;
	font-weight: bold;
}
.purple-row {
	color: purple;
	font-weight: bold;
}
.deleted-row {
    color: orange;
    font-weight: normal;
}
.blue-row {
	color: #0B009B;
	font-weight: bold !important;
}
.black-row {
    color: #000000;
	font-weight: normal !important;
}
.bisque-bg-row {
	color: #000000 !important;
	background-color: #F4B6B7 !important;
	font-weight: bold;
}
.green {
	color:green;
}
.red {
    color:red;
}
.total-bold-row {
	font-weight: bold;
	color: #666666;
	background-color: #EEEEEE !important;
    border-width: 3px !important;
	border-style: solid !important;
	border-color: #FF2C30 !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;
}