/* Add here all your CSS customizations */

tr.tableheader.add {background: }


label {
	font-weight: bold;
	color: #000;
	margin-top: 10px;
}

input {

}

.muted {
	font-size: 13px;
	color: #888;
	font-style: italic;
}

.form-header {
	padding-bottom: 10px;
}

.form-header h1 {
	padding: 10px;
	display: inline;
	float: left;
	color: #fff !important;
	margin: 0 10px 0 0px !important;
	font-weight: bold;
	font-size: 1.2em;
}

.form-header h2 {
	font-size: 1.5em !important;
	margin: 3px 0 0 0;
	color: #eee;
}

.form-header h3 {
	font-size: 0.9em !important;
	color: #666;
}

input.isRequired, textarea.isRequired  {	/* Field if required */
	background: #fffacd;
}
.required { /* Label if required */
	color: #b00;
	font-size: 1.4em;
	display: none;
}

select.form-control {
	padding: 6px 6px;
	margin: 6px 0;
}

.sectionHeader {
	text-align:center;
	text-align: left !important;
	font-size: 1.2em;
	border-bottom: 1px solid #0088CC;
	margin: 20px 0 10px 0;
}

.sectionHeader span {
	text-transform:uppercase; 
	display:inline-block;
	position:relative;
	padding:0; 
	color:#0088CC;
	margin: 0px;
}

.nopadding {
	padding: 0;	
}

.backinline {
	margin-left: -15px;
}

.sectionSubHeader {
	height:0;
	border-top:1px solid #D9DDE5;
	text-align:left;
	margin: 0 0 10px -15px;
}
.sectionSubHeader span { 
	text-transform:uppercase; 
	display:inline-block;
	position:relative;
	padding:0 15px; 
	color:#fff !important; 
	background:#777 !important;
	font-weight: bold;
}

.jtumbler {
	
}
.jtumbler .state:hover {
	cursor: pointer;
}
.jtumbler .slider,
.jtumbler .state span {
  display: block;
  font-size: 0;
  line-height: 100%;
  height: 20px;
  border: 1px solid #ccc;
}
.jtumbler .slider,
.jtumbler .active span {
  border: 1px solid #888;
  background: #777777;
}

select {
	margin-top: 2px !important;
}

.form-group {
	width: 100%;
}

html.fixed .sidebar-left {
	width: 200px;
}
html.fixed .content-body {
	margin-left: 200px !important;
}
html.fixed .page-header {
	left: 200px !important;
}

.inner-toolbar {
	left: 200px !important;
	color: #eee;
}

.inner-toolbar label {
	color: #888 !important;
}

/* Layout Fixed - Sidebar Left Collapsed */
	html.sidebar-left-collapsed .sidebar-left {
		width: 73px !important;
	}
	html.fixed.sidebar-left-collapsed .page-header {
		left: 73px !important;
	}
	html.fixed.sidebar-left-collapsed .content-body {
		margin-left: 73px !important;
	}
	
.centered {
	text-align: center;
}

.under {
	border-bottom: 1px solid #333 !important;
}
.over {
	border-top: 1px solid #333 !important;
}
.doubleunder {
	border-bottom: 1px double #333 !important;
}

#gem {
	height: 12px;
	width: 12px;
	color: transparent;
	display: inline;
}

.on {
	color: #060 !important;
}
.off {
	color: #d00 !important;
}
.neutral {
	color: #ccc !important;
}
.bgon {
	background: #060 !important;
	color: #fff !important;
	text-align: center !important;
	font-weight: bold !important;
}
.bgoff {
	background: #d00 !important;
	color: #fff !important;
	text-align: center !important;
	font-weight: bold !important;
}
.bgneutral {
	background: #ccc !important;
	color: #000 !important;
	text-align: center !important;
	font-weight: bold !important;
}

.bgneutral2 {
	background: #ccc !important;
	color: #000 !important;
	text-align: center !important;
	font-weight: bold !important;
}


.toolbar {
	padding: 10px 0;
	margin: -10px 0 0 10px;
}
.list-group-item {
	clear: both;
	min-height: 60px;
}
.sortable { list-style-type: none; margin: 0; padding: 0; overflow: auto;}
.sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.0em; cursor: move; min-height: 50px;}
.sortable li:hover {cursor: move;}
.sortable li span { position: absolute; margin-left: -1.3em; }


/* Change color of select2 yellow on isrequired */
.isRequired .select2-container--default, .isRequired .select2-selection--single, .isRequired select {
    background: #fffacd;
}



.editBox {
	background: #fffacd;
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
	text-align: right;
}



.right-wrapper form {
	display: inline;
	float: left;
	width: 200px;
	padding: 10px 50px 0 0;
}

td {
	font-size: 1.0em;
}

.ff {
	background: #eee;
	border: 1px solid #ddd;
	padding: 5px 10px !important;
	font-weight: boldest !important;
	color: #000;
	width: 100%;
	display: block;
}

.toggle {
	margin-top: 0px;
}
label.btn.btn-primary.toggle-on, label.btn.btn-primary.toggle-on a {
	color: #fff !important;
	font-size: .9em;
} 

.sidebar-widget.widget-links ul li {
	position: relative;
}

.sidebar-widget.widget-links ul li a {
	color: #abb4be;
	display: block;
	margin: 0 -25px 0 -30px;
	padding: 5px 0 5px 55px;
}

.sidebar-widget.widget-links ul li a:hover {
	background: #21262d;
	text-decoration: none;
}

.sidebar-widget.widget-links ul li:before {
	border: 0px solid #CCC;
	font-family: "FontAwesome";
	content: "\f08e";
	display: inline-block;
	left: 0;
	margin: -10px 0 0;
	position: absolute;
	top: 50%;
	z-index: 999;
}


.panel-buttons {
	float: right;
	display: block;
	margin-top: -5px;
}
/*
.panel-buttons a, .panel-buttons a:focus, .panel-buttons a:hover, .panel-buttons a:active, .panel-buttons a:visited,
.panel-buttons .panel-button,
.panel-buttons .panel-button:focus,
.panel-buttons .panel-button:hover,
.panel-buttons .panel-button:active,
.panel-buttons .panel-button:visited {
	outline: none !important;
	text-decoration: none !important;
}
*/

/* Make Darker */
.darker td, .bold p, .darker label {
	color: #000;
}
.darker input {
	color: #000;
	font-weight: bold;
}
.darker .input-group strong, .darker .form-group strong {
	padding: 5px;
	border: 1px solid #ddd;
	color: #111;
	display: block;
	background: #eee;
}

/* Make print more bold ! */
.bold td, .bold p, .bold label {
	color: #000;
}
.bold input {
	color: #000;
	font-size: 14px !important; 
	font-weight: bold;
}
.bold .input-group strong, .bold .form-group strong {
	padding: 5px;
	border: 1px solid #ddd;
	color: #111;
	display: block;
	background: #eee;
}
/* End Bold */

#qQuotes {
	height: 650px;
	overflow: scroll;
}

.tree {
	border: 1px solid #eee;
	border-right: 1px solid #ddd;
	overflow: auto;
	min-height: 350px;
}
.tree ul {
	list-style: none;
	margin: 0;
}

#documentContents {
	height: 95%;
	width: 100%;
}
#documentContents iframe {
	height: 100%;
	width: 100%;
}

.border-top, .border-top td {
	border-top: 1px solid #555 !important;
}
.doubleborder-top, .doubleborder-top td {
	border-top: 1px dashed #555 !important;
}
.tdheader, .tdheader h1, .tdheader h2, .tdheader h3, .tdheader h4, .tdheader h5, .tdheader h6 {
	background: #333 !important;
	color: #fff !important;
}
.totals, td.totals {
	font-weight: bold;
	font-size: 1.1em;
}

/*button.btn.dropdown-toggle {
    height: 34px !important;
}
*/
.white-popup-block {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	min-width: 60%;
	max-width: 90%;
	margin: 20px auto;
}

/* JS Modal for loading downloads */
#JSFade {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}

#JSModal {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 350px;
    height: 170px;
    padding:30px 15px 0px;
    border: 3px solid #ababab;
    box-shadow:1px 1px 10px #ababab;
    border-radius:20px;
    background-color: white;
    z-index: 1002;
    text-align:center;
    overflow: none;
}

#JSPad {
	height: 1px;
	width: 1px;
}

.paper {
	background: #fff;
	width: 900px;
	padding: 20px;
	border: 2px solid #ddd;
	margin: 0 auto;
}

.paper.wide {
	width: 100%;
}

h1,h2,h3,h4,h5,h6 {
   color: #000;
}

tr.tableheader td {
	background: #fff;
	text-align:center;
	text-align: left !important;
	font-size: 1.1em;
	border-bottom: 1px solid #0088CC;
	margin: 20px 0 10px 0;
	text-transform:uppercase; 
	padding:0; 
	color:#fff;
	background: #0088CC;
	margin: 0px;
}

.success td {
	background: #007101 !important;
	border-bottom: 1px solid #007101 !important;
}

tr.tableheader.error td {
	background: #ae0000 !important;
	border-bottom: 1px solid #ae0000 !important;
}

label.error {
	background: #ae0000 !important;
	border-bottom: 1px solid #ae0000 !important;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
}

.tableheader.blue td {background: #0088CC; border-bottom: 1px solid #00008e;}
.tableheader.red td {background: #ae0000; border-bottom: 1px solid #8e0000;}
.tableheader.orange td {background: #ae5700; border-bottom: 1px solid #8e4700;}
.tableheader.yellow td {background: #aeae00; border-bottom: 1px solid #8e8e00;}
.tableheader.green td {background: #007101; border-bottom: 1px solid #007101;}

.istat-red {color: #ae0000;}
.istat-orange {color: #ae5700;}
.istat-yellow {color: #aeae00;}
.istat-green {color: #007101;}
.istat-blue {color: #0088CC;}
.istat-black {color: #000000;}

.outline-white {border: 1px solid #fff;}

td.colheader, th.colheader, tr.colheader td, tr.colheader th	 {
	 background: #666 !important; color: #fff !important; padding: 5px !important;
}
td.colsubheader, th.colheader, tr.colsubheader td, tr.colsubheader th	 {
	 background: #999 !important; color: #fff !important; padding: 5px !important;
}

td.colheader h4, td.colheader h4.under, td.colheader h4.under small,
th.colheader h4, th.colheader h4.under, th.colheader h4.under small {
	color: #fff !important;
	text-decoration: none !important;
}

td {
	position: relative;
}

tr.strikeout td:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #111;
  width: 100%;
}

tr.strikeout td:after {
  content: "\00B7";
  font-size: 1px;
}

.dropcols option {
	font-family: "Courier New", Courier, monospace;
	font-size: 11pt;
	color: #000;
	font-weight: bold;
	padding-left: -40px !important;
	padding-left: -40px !important;
} 

tr.odd td {
	background: #F9F9F9;
/*	border: 1px 0px solid #DDDDDD;*/
}
tr.even td {
	background: #fff;
}

tr.spacer td {
	border-top: 1px dashed #ddd;
	height:  5px; !important;

}
.ui-pnotify-title, .ui-pnotify-text {
	color: #fff !important;
}

.sorting {
	background: #0088CC !important;
	color: #fff !important;
}
.sorting_asc {
	background: #0088CC !important;
	color: #fff !important;
}
.sorting_desc {
	background: #0088CC !important;
	color: #fff !important;
} 
#clock {
	text-align: right;
	font-size: .9em;
	color: #666;
	margin-right: 10px;
	line-height: 1.0em;
}

.colheader span.badge {
	background: #0088CC !important;
	color: #fff;
	margin-top: 5px;
}

.table tr.header td, .table tr.headerrow th {
	font-weight: bold;
	background: #ddd;
}

textarea {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 10px !important;
}


/*
.row {
	border: 1px solid blue;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	border: 1px solid red;
}
*/

ul.precol2 {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-moz-column-fill: auto;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	-webkit-column-fill: auto;
	column-count: 2;
	column-gap: 20px;
	column-fill: auto;
	list-style-type: none;
	 columns: 2;
	 -webkit-columns: 2;
	 -moz-columns: 2;
	 list-style-position: inside;
	 margin: 0;
	 padding: 0;
}

ul.precol3 {
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	-moz-column-fill: auto;
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	-webkit-column-fill: auto;
	column-count: 3;
	column-gap: 30px;
	column-fill: auto;
	list-style-type: none;
	 columns: 3;
	 -webkit-columns: 3;
	 -moz-columns: 3;
	 list-style-position: inside;
	 margin: 0;
	 padding: 0;
}

ul.precol2 li, div.precol3 li {
	text-align: center;
	list-style-type: none;
	display: block;
	font-size: .9em;
}

label.btn.btn-success.toggle-on {color: #fff !important;}