/*body,html { height: 100%; } */

::-webkit-input-placeholder {
    color: gray;
}

:-moz-placeholder {
  color: gray;
}

:-ms-input-placeholder {
  color: #ccc !important;
}

.placeholder {
	color: #ccc !important;
}

/* Generic Form */
.sys_form input[type='text'], .sys_form input[type='password'], .sys_form select, .sys_form textarea{ width: auto; background: #fafafa; border: 1px solid #d4d4d4; color: #191919; border-radius: 5px; padding: 0 7px; padding-left: 7px; height: 25px; text-align: left; float: left; outline: none; line-height: 25px;  }
.sys_form textarea { resize:none; } 

.sys_form label { white-space: nowrap; font: 600 13px/27px 'Open Sans',sans-serif !important; color: #000; text-shadow: rgba(248, 248, 248, 0.68); padding: 0; height: 27px; width: auto; float: left; } 
.sys_form input[type='text'], .sys_form input[type='password'], .sys_form select,.sys_form label { margin-bottom: 10px; } 
.sys_form select:hover:disabled { border: 1px solid #d4d4d4; }  
.sys_form table { float: left; } 
.sys_form table td { padding: 4px !important; vertical-align:middle; } 
.sys_form table input[type='text'], .sys_form table input[type='password'], .sys_form table select, .sys_form table label { margin: 0 } 
.sys_form input[type='text']:focus, .sys_form input[type='password']:focus,
.sys_form table select:hover { border: 1px solid #91B1B8; } 
.sys_form .divider { clear: both; width: 95%; display: block; margin: 0 auto; text-align: center; height: 0px; border-top: 1px solid #d8dadc; border-bottom: 1px solid #fff; margin: 20px auto; } 

.sys_form input[type='text'].currency {
	text-align: right;
	padding: 0 7px;
	padding-left: 20px;
	width: 133px;
	min-width:0;
} 

.sys_form input[type='text'].currency.US { background: url(../../images/icons/currency-symbols.png) no-repeat 0px 4px;     }
.sys_form input[type='text'].currency.IL { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -16px;   }
.sys_form input[type='text'].currency.ID { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -36px;   }  
.sys_form input[type='text'].currency.GB { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -97px;   }
.sys_form input[type='text'].currency.JP { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -156px;  }
.sys_form input[type='text'].currency.CN { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -156px;  }
.sys_form input[type='text'].currency.ZA { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -177px;  }
.sys_form input[type='text'].currency.IN { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -199px;  }
.sys_form input[type='text'].currency.KR { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -218px;  }
.sys_form input[type='text'].currency.CR { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -330px;  }
.sys_form input[type='text'].currency.CH { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -377px;  }
.sys_form input[type='text'].currency.HU { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -476px;  }
.sys_form input[type='text'].currency.CZ { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -556px;  }
.sys_form input[type='text'].currency.TH { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -614px;  }
.sys_form input[type='text'].currency.DK { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -636px;  }
.sys_form input[type='text'].currency.NO { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -636px;  }
.sys_form input[type='text'].currency.TT { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -755px;  }
.sys_form input[type='text'].currency.VE { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -775px;  }
.sys_form input[type='text'].currency.LV { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -814px;  }
.sys_form input[type='text'].currency.PL { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -835px;  }
.sys_form input[type='text'].currency.LT { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -909px;  }
.sys_form input[type='text'].currency.RO { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -931px;  }
.sys_form input[type='text'].currency.MY { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -970px;  }
.sys_form input[type='text'].currency.RU { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -1010px; }

/* euro nations */
.sys_form input[type='text'].currency.AT,
.sys_form input[type='text'].currency.BE,
.sys_form input[type='text'].currency.CY,
.sys_form input[type='text'].currency.EE,
.sys_form input[type='text'].currency.FI,
.sys_form input[type='text'].currency.FR,
.sys_form input[type='text'].currency.DE,
.sys_form input[type='text'].currency.GR,
.sys_form input[type='text'].currency.IE,
.sys_form input[type='text'].currency.IT,
.sys_form input[type='text'].currency.LV,
.sys_form input[type='text'].currency.LU,
.sys_form input[type='text'].currency.MT,
.sys_form input[type='text'].currency.NL,
.sys_form input[type='text'].currency.PT,
.sys_form input[type='text'].currency.SK,
.sys_form input[type='text'].currency.SI,
.sys_form input[type='text'].currency.ES { background: url(../../images/icons/currency-symbols.png) no-repeat 0px -436px; }




.sys_form .req_empty { border-color: red !important; } 

.sys_form h2 { margin-left: 17px; margin-top: 10px; text-decoration: underline; } 
h3 { display:inline-block; font: 600 14px/20px 'Open Sans'; text-decoration: none; color: rgb(145, 145, 145); margin: 0px 0px 10px 0px; }

.sys_form input[type="checkbox"] { /*width: auto; background: #fafafa; border: 1px solid #d4d4d4; float: left; outline: none; border-radius: 5px; } height: 15px;*/ }

.sys_form input.y_highlight { background: yellow; text-shadow: none; border: 1px solid #ACAC00; }

/* Datatables */
table.sys_datatable { table-layout: fixed; width: 100%; float: left; } 
table.sys_datatable th,
table.sys_datatable td { font: 300 13px/35px 'Open Sans',sans-serif; text-align: left; } 
table.sys_datatable thead th {  height: 35px; line-height: 35px;  color: #fff; text-shadow: 1px 1px #000; background: none; background: #34404a; outline: none; border:none; white-space: nowrap; padding-top: 0 !important; padding-bottom: 0 !important;}
table.sys_datatable thead th.sorting_asc,
table.sys_datatable thead th.sorting_desc { background: #085394 url(../../images/widgets/sort-arrow-asc.png) no-repeat 95% center; text-shadow: none; padding: 0 0 0 10px !important; } 
table.sys_datatable thead th.sorting_desc { background: #085394 url(../../images/widgets/sort-arrow-desc.png) no-repeat 95% center; } 
table.sys_datatable thead th.sorting_asc.right,
table.sys_datatable thead th.sorting_desc.right { background-position: 10% center; padding: 0 5px 0 25px !important; } 
table.sys_datatable thead th,
table.sys_datatable td { height: 35px; max-height: 35px;  vertical-align: middle; overflow: hidden; } 
table.sys_datatable thead th.right,
table.sys_datatable td.right { text-align: right; padding: 0 10px 0 0 !important; } 
table.sys_datatable thead th.left,
table.sys_datatable  td.left { text-align: left;   padding: 0 0 0 10px !important; } 
table.sys_datatable thead th.center,
table.sys_datatable  td.center { text-align: center;   padding: 0 5px 0 5px !important; } 

.sys_datatable_button  img { width: 15px; height: auto; } 


.widget_content .dataTable-container { float: left; width: 100%;  } 
table.sys_datatable .odd td, .widget_content .dataTable-container.odd { background: #f3f3f3 !important; } 
table.sys_datatable .even td, .widget_content .dataTable-container.even { background: #f7f7f7 !important; } 
table.sys_datatable tr:not(:last-child) td { border-bottom: 1px solid #eeeeee;  }

table.sys_datatable tr.highlight.odd td, 
table.sys_datatable tr.highlight.even td { background: #085394 !important; color: #fff; }

/* Datatable Filters */
table.sys_datatable  thead  .sys_table_filters th { background: #297422; } 
.sys_table_filters input, .sys_filters_table select  { float: left; width: 94%; padding: 0 1%; margin: 0 2%; min-width: 30px; border-radius: 3px; border: none; height: 20px; outline: none; } 
 .sys_table_filters .right input, .right .sys_table_filters .right select { float: right; text-align: right !important; } 
 .sys_table_filters .center input, .sys_filters_table .center select { margin: 0 auto; float: none;} 
 
/* Standard Table */
.sys_table { border: 1px solid #34404a } 
.sys_table th { background: #085394; color: #fff; height: 30px; line-height: 30px; text-align: left; padding: 0 10px; border-right: 1px solid #fff; }
.sys_table th:last-child { border-right: none; }
.sys_table td { border: 1px solid #ccc; height: 30px; line-height: 30px; }
.sys_table  th:last-child {  border-radius: 0 3px 0 0; } 
.sys_table  th:first-child {  border-radius: 0 0 0 3px; } 
.sys_table :not(tfoot) tr:nth-child(even) td { background: #f7f7f7 }
.sys_table :not(tfoot) tr:nth-child(odd) td { background: #f3f3f3 }
.sys_table tfoot tr td { background: #34404a; color: #fff; height: 20px; line-height: 20px; border: 1px solid #34404a; border-right: 1px solid #fff; }
.sys_table tfoot tr td:last-child { border-right: 1px solid #34404a; }
.sys_table tfoot { border: 1px solid #34404a; } 
.sys_table tfoot tr { border: 1px solid #ccc;  }  
 
/* Content Box */
.sys_box { border: 1px solid #c5c5c5; background: #f9f9f9; margin: 15px; width: auto;   border-radius: 5px; float: left; height: auto;
-moz-box-shadow:    1px 1px 0px 0px #fff inset;
  -webkit-box-shadow: 1px 1px 0px 0px #fff inset;
  box-shadow: 1px 1px 0px 0px #fff inset; } 
  
/* Tabs */
.tab-mark, .subtab-mark { float: left; height: 25px; line-height: 25px; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #fff; padding: 5px; cursor: pointer; margin: 0 -10px 0 0; border: 1px solid #ccc; padding: 0 15px 0 15px; position: relative;}
.tab-mark.active, .subtab-mark.active { display: inline-block; z-index: 1; }  
.tab-mark.active, .tab-mark:hover .subtab-mark.active, .subtab-mark:hover {  background: #085394; color: #fff; border: 1px solid #34404a; }  

.tab-wrapper, .subtab-wrapper { float: left; width: 100%; } 
.tab-wrapper hr, .subtab-wrapper hr { background: #ccc; height: 1px; padding: 0; position: absolute; margin-top: 26px;  width: 860px; } 
.tab, .sub-tab { display: none; padding: 5px 1%; background: #fff; float: left; width: 98%; border: 1px solid #ccc; border-radius: 10px; border-top-left-radius: 0; margin: -1px 0 0;} 

/* Tabs */
.sys_tabs { clear: both; float: left; width: 98%; margin: 0 1%; min-height: 200px; height: auto;  margin-left: 15px; width: 1225px;} 
.sys_tab_wrap { margin-left: 5px;}

.sys_tabs .sys_tab {
	float: left;
	width: auto;
	height: 34px;
	font: 300 13px/34px 'Open Sans';
	padding: 0 20px;
	border-radius: 3px 3px 0 0;
	text-align: center;
	cursor: pointer;
 	margin: 0 0 0 -5px;
 	position: relative;
	background: #f9f9f9;
	border: 1px solid #c5c5c5;
	color: #287422; 
	-webkit-box-shadow:inset 1px 1px 0px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow:inset 1px 1px 0px 0px rgba(255, 255, 255, 1);
	box-shadow:  inset 1px 1px 0px 0px rgba(255, 255, 255, 1);
	text-shadow: 1px 1px #fff;
}

.sys_tabs .sys_tab.blue {
	color: #287422; 
	-webkit-box-shadow:inset 1px 1px 0px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow:inset 1px 1px 0px 0px rgba(255, 255, 255, 1);
	box-shadow:  inset 1px 1px 0px 0px rgba(255, 255, 255, 1);
	text-shadow: 1px 1px #fff;
}

.sys_tabs .sys_tab.active { 
	background: #287422; border: 1px solid #0A3D00;  color: #fff;
	-webkit-box-shadow:inset 1px 1px 0px 0px rgba(37, 187, 17, 1);
	-moz-box-shadow:inset 1px 1px 0px 0px rgba(37, 187, 17, 1);
	box-shadow:  inset 1px 1px 0px 0px rgba(37, 187, 17, 1);
	z-index: 99 !important;
	text-shadow: 1px 1px #125f0c; 
}

.sys_tabs .sys_tab.blue.active { 
	background: #085394; border: 1px solid #0A3D00;  color: #fff;
	-webkit-box-shadow:inset 1px 1px 0px 0px rgb(14, 106, 191);
	-moz-box-shadow:inset 1px 1px 0px 0px rgb(14, 106, 191);
	box-shadow:  inset 1px 1px 0px 0px rgb(14, 106, 191);
	z-index: 99 !important;
	text-shadow: 1px 1px #102940; 
}

.sys_tabs .sys_tab:nth-child(1) { z-index: 30; } 
.sys_tabs .sys_tab:nth-child(2) { z-index: 29; } 
.sys_tabs .sys_tab:nth-child(3) { z-index: 28; } 
.sys_tabs .sys_tab:nth-child(4) { z-index: 27; } 
.sys_tabs .sys_tab:nth-child(5) { z-index: 26; } 
.sys_tabs .sys_tab:nth-child(6) { z-index: 25; } 
.sys_tabs .sys_tab:nth-child(7) { z-index: 24; } 
.sys_tabs .sys_tab:nth-child(8) { z-index: 23; } 
.sys_tabs .sys_tab:nth-child(9) { z-index: 22; } 

.sys_tab_contents,
.sys_tab_content  { float: left; width: 100%; height: auto;  }
.sys_tab_content { height: 300px; display: none; } 
.sys_tab_contents.sys_box { margin: 0; border-radius: 0; margin: -1px 0 0; }

.inner_tab_box { float: left; width: 350px; border: 1px solid #e9e9e9; height: 200px; border-radius: 5px; margin: 15px; padding: 10px; background: #f8f8f8; text-shadow: 1px 1px #f9f9f9; } 
.inner_tab_box label { font-weight: bold; color: #287422; clear: left; } 
 
/* Buttons */ 
.sys_green_button { background: #287422; border: 1px solid #0A3D00; padding: 0 20px; border-radius: 3px; font: 300 13px/36px 'Open Sans', sans-serif; color: #fff !important;-webkit-text-fill-color: #fff; text-align: center; height: 36px; display: block; float: left; 
-webkit-box-shadow:inset 0px 0px 1px 0px rgba(37, 187, 17, 1), inset 1px 1px 0px 0px rgba(37, 187, 17, 1);
-moz-box-shadow:inset 0px 0px 1px 0px rgba(37, 187, 17, 1), inset 1px 1px 0px 0px rgba(37, 187, 17, 1);
box-shadow:  inset 0px 0px 1px 0px rgba(37, 187, 17, 1), inset 1px 1px 0px 0px rgba(37, 187, 17, 1);
margin: 0 10px; cursor: pointer; outline: none;
}

.sys_blue_button { background: #095fa3 !important; border: 1px solid #00396b; padding: 0 20px; border-radius: 3px; font: 300 13px/36px 'Open Sans', sans-serif; color: #fff !important; text-align: center; height: 36px; display: block; float: left;   cursor: pointer;
-webkit-box-shadow:inset 1px 1px 0px 0px rgba(87, 150, 212, 1);
-moz-box-shadow:inset 1px 1px 0px 0px rgba(87, 150, 212, 1);
box-shadow:  inset 1px 1px 0px 0px rgba(87, 150, 212, 1); outline: none; -webkit-text-fill-color: #fff !important;
}

.sys_grey_button { padding: 0 20px; border-radius: 3px; font: 300 13px/36px 'Open Sans', sans-serif; color: #fff !important; text-align: center; height: 36px; display: block; float: left;   cursor: pointer;  -webkit-text-fill-color: #fff !important; outline: none;  }

.sys_red_button { background: #B12323; border: 1px solid #651414; padding: 0 20px; border-radius: 3px; font: 300 13px/36px 'Open Sans', sans-serif; color: #fff !important;-webkit-text-fill-color: #fff; text-align: center; height: 36px; display: block; float: left; 
-webkit-box-shadow:inset 0px 0px 1px 0px rgb(255, 75, 75), inset 1px 1px 0px 0px rgb(255, 75, 75);
-moz-box-shadow:inset 0px 0px 1px 0px rgb(255, 75, 75), inset 1px 1px 0px 0px rgb(255, 75, 75);
box-shadow:  inset 0px 0px 1px 0px rgb(255, 75, 75), inset 1px 1px 0px 0px rgb(255, 75, 75);
margin: 0 10px; cursor: pointer; outline: none;
}

.small_button { padding: 0 20px; height: 27px; font: 300 11px/20px 'Open Sans'; }

.sys_actions_wrapper { margin: 10px 0; float: left; width: 100%; text-align: center; display: inline-block; } 
.sys_actions_wrapper input[type='button'] { float: none; display: inline-block; } 



.sys_blue_button.disabled, .sys_green_button.disabled, .sys_grey_button { background: #868686 !important; border: 1px solid #5A5A5A !important; 
-webkit-box-shadow: inset 1px 1px 0px 0px rgba(196, 196, 196, 1) !important;
-moz-box-shadow: inset 1px 1px 0px 0px rgba(196, 196, 196, 1) !important;
box-shadow: inset 1px 1px 0px 0px rgba(196, 196, 196, 1) !important; } 

/* Filters */
.sys_filter_wrapper { cursor: pointer; float: left; } 
.sys_filter { display: none; float: left; width: 300px; height: auto;border-radius: 5px; background: #085394; position: absolute; z-index: 9999; margin: 45px 0 0 78px;  border: 1px solid #666666; padding: 10px 0; } 
.sys_filter h2 { height: 37px; width: 100%; text-align: center; clear: both; margin: 0; padding: 0 !important; color: #fff; font: 600 20px/37px 'Open Sans' !important; text-shadow: 0px -1px 0px rgba(56, 90, 137, 1); } 
.sys_filter .slide h2 { color: #333; text-shadow: none; text-align: left; padding-left: 4% !important; width: 96%; } 
.slide p { padding: 0 4%; margin: 10px 0; width: 92%; font: 600 16px/22px 'Open Sans'; color: #666; }
.slide { width: 95%; height: auto; border-radius: 5px; margin: 0 auto; background: #fff; overflow: hidden; display: none; }
.sys_filter .arrow { width: 16px; height: 6px; background: url(../../images/general/dropdown_arr.png) no-repeat; position: absolute; margin:  -16px 0 0 24px; } 
.sys_filter .option { width: 99%; float: left; height: 40px; text-align: left; padding-left: 2%; font: 600 18px/40px 'Open Sans'; color: #000; border-bottom: 1px solid #c4c4c4; background: url(../../images/mobile/option-arrow.png) 95% center no-repeat;  }
.sys_filter .option.inactive { color: #ccc;  }
.sys_filter .option.check { background: none; } 
.sys_filter .option.check:hover { background: url(../../images/mobile/option-highlight.png) repeat-x;  } 
.sys_filter .option.check.highlight { background: url(../../images/mobile/option-check.png) 95% center no-repeat; } 
.sys_filter .option.check.highlight:hover { color: #000; background: #085394 url(../../images/mobile/option-check-white.png) 95% center no-repeat, } 
.sys_filter .option:hover { color: #fff; background: #085394 url(../../images/mobile/option-arrow-white.png) 95% center no-repeat;  }
.sys_filter .option:last-child { border: none; } 

.sys_filter .option select{
  width: 288px;
  position: absolute;
  height: 40px;
  margin: 0 0 0 -7px;
  opacity: 0;
} 

.filter .button { width:65px; height: 26px; background: url(../../images/mobile/corner-button-darkblue.png) no-repeat; position: absolute; font: 600 12px/26px 'Open Sans'; color: #fff; text-align: center; margin: 6px 0 0 227px; cursor: pointer;  }
.filter .button.back { margin: 6px 0 0 10px; }  
.topbutton { float: left; width: auto; padding: 0 7px; margin: 7px 5px; height: 34px;  text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); border: 1px solid #bbb;  border-radius: 5px; background: url(../../images/mobile/toolbar-button.png) repeat-x; font: 600 14px/34px 'Open Sans'; color: #686868 !important; }

#filterSettings .button { margin: 6px 0 0 227px; } 

.filter .option select{ width: 288px; position: absolute; height: 40px; margin: 0 0 0 -7px; opacity: 0; } 

/* Sliders */
.sys_filter .slider_value { float: left;  font: 600 14px 'Open Sans'; text-align: center; margin: 10px 0; width: 100%; }
.sys_filter .ui-slider { background: #666; border-radius: 10px; height: 0px; padding-top: 5px; width: 70%; margin: 50px auto 20px; }
.sys_filter input[type='button'] { outline:none; } 

.slide .ui-slider .ui-slider-range, .ui-slider.ui-slider-horizontal { border: 1px solid #d3d3d3; background: #e6e6e6; border-radius: 10px;  width: 80%; }
.slide .ui-slider .ui-slider-handle { background: #f2f2f2; border-radius: 30px;  border: 1px solid #d3d3d3;} 
.slide .slidervalue { float: left; width: 100%; font: 600 14px 'Open Sans'; text-align: center; margin: 10px 0; } 
.slide .ui-slider { position: relative; text-align: left; }
.slide .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.0em; height: .9em; cursor: default;}
.slide .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.slide .ui-slider-horizontal { height: 0; /*border-radius: 5px 5px 5px*/ }
.slide .ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em;}
.slide .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.slide .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.slide .ui-slider-horizontal .ui-slider-range-max { right: 0; }

.slide .ui-slider-vertical { width: .8em; height: 100px; }
.slide .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.slide .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.slide .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.slide .ui-slider-vertical .ui-slider-range-max { top: 0; }
.slide .ui-slider { background: #666;
border-radius: 10px;
height: 0px;
padding-top: 5px; width: 70%; margin: 50px auto 20px; } 

.slide .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus  { background: #fff !important; border: 1px solid #97b9e8 !important; outline: none !important;  } 


/* Uploadifive Form */
#doc_upload .uploadifive-queue-item div.progress { width: 150px; border: 1px solid #287422; overflow: hidden; border: 1px solid #width: 201px;overflow: hidden;height: 10px; border-radius: 10px; border-radius: 10px; } 
#doc_upload .uploadifive-queue-item div.progress-bar { background: #287422; height: 10px; width: 0;  }
#doc_upload .uploadifive-queue-item { padding: 2%; width: 95%; border: none; border-radius: none;  background: #efecec; }
#doc_upload .uploadifive-queue-item:nth-child(odd) {   background: #f3f3f3; }

#doc_upload .uploadifive-queue-item div { 
float: left;
width: 150px; 
}

#uploadifive-file_upload-queue { float: left;
width: 100%;
border: 1px solid #cacaca; margin-top: 15px; display:none; } 

/* Select Section */
#sys_sp_container { float: left; width: 100%; height: auto; background: #f2f2f2; min-height: 500px; margin-top: 10px; border-radius: 5px; overflow: hidden;  font: 300 13px 'Open Sans'; }
#sys_sp_title { width: 100%; float: left; height: 43px; line-height: 43px; background: #707070; text-shadow: 1px 1px #12416a; color: #fff; } 

.blue_container  #sys_sp_title { background: #085394 !important ; }

/* Menu */
#sys_sp_menu { float: right; width: auto; margin-right: 10px; } 
#sys_sp_menu a { color: #fff; text-decoration: none; }
#sys_sp_menu li { display: inline-block; width: auto; margin: 0 20px; } 
#sys_sp_menu li:hover { text-decoration: underline; cursor: pointer; } 
 
/* Project Toolbar */
#sys_sp_toolbar {  float: left; width: 100%; background: #e3e3e3; border-top: 1px solid #fff; height: 45px; } 

/* Toolbar Buttons */
#sys_sp_toolbar input#sys_sp_grid_view { background:url(../../images/general/grid_view.png) no-repeat; margin-left: 13px; } 
#sys_sp_toolbar input#sys_sp_grid_view:hover { background:url(../../images/general/grid_view_hover.png) no-repeat; } 
#sys_sp_table_view { background:url(../../images/general/table_view.png) no-repeat; } 
#sys_sp_table_view:hover { background:url(../../images/general/grid_view_hover.png) no-repeat; } 
#sys_sp_filters { background:url(../../images/general/filter_icon.png) no-repeat; } 
#sys_sp_filters:hover { background: url(../../images/general/filter_icon_hover.png) no-repeat; } 

/* Filter Bar */
#sys_sp_filter_bar { float: left; width: 98%; padding: 0 1%; line-height: 37px; height:37px; background: #4f4f4f; color: #fff;  } 

/* PS Box */
.sys_sp_box { border: 1px solid #c5c5c5;
text-shadow: 1px 1px #fff;
background: #f9f9f9;
margin: 10px 15px;
width: 570px;
border-radius: 5px;
float: left;
height: auto;
-moz-box-shadow: 1px 1px 0px 0px #fff inset;
-webkit-box-shadow: 1px 1px 0px 0px #fff inset;
box-shadow: 1px 1px 0px 0px #fff inset; 
padding: 10px;
} 
.sys_sp_box .sys_sp_preview { max-width: 80px; max-height: 90px; border: 1px solid #085394; } 
.sys_sp_buttons { float: right; width: 75px; } 
.sys_sp_buttons img { margin-left: 10px; float: right; margin-bottom: 40px; } 


/* Content */
#sys_sp_title { float: left; width: 100%; padding-left: 10px; padding-right: 15px;  }
#sys_sp_content { float: left; width: 100%; height: auto; } 
.sys_sp_box.sys_box { width: 750px; } 
.sys_sp_box_section { float: left; width: 100%; border-bottom: 1px solid #F0F0F0; }  
.sys_sp_box_divider_vert { float: left; background: url(../../images/general/box_divider.png) repeat-y; width: 2px; display: block; margin: 0 10px; height: 140px; }
.sys_sp_box table { float: left; width: auto; padding: 10px; } 
 table.sys_sp_info th { font-size: 15px; font-weight: 600; text-align: left;  } 
.sys_sp_box table td, .sys_sp_box table th { padding: 0 5px; } 
.sys_sp_box table { line-height: 28px; margin-left: 10px; margin-right: 10px; padding-top: 0; }
.sys_sp_box label { font-weight: bold; margin-right: 5px;  } 
.blue { color: #085394; } 
.green { color: #287422; } 
body td.passthru { text-align: center !important; } 
.sys_sp_info { white-space: nowrap; }
.sys_sp_info.max_width { width: 450px; } 


/* Buttons */
#sys_sp_toolbar input[type="button"] { outline: none; height: 31px; width: 31px; cursor: pointer; border: none; margin: 5px; float: left;  }
#sys_sp_grid_view { background:url(../../images/general/grid_view.png) no-repeat; } 
#sys_sp_grid_view:hover,#sys_sp_grid_view.active { background:url(../../images/general/grid_view_hover.png) no-repeat !important; } 
#sys_sp_table_view { background:url(../../images/general/table_view.png) no-repeat; } 
#sys_sp_table_view:hover, #sys_sp_table_view.active { background:url(../../images/general/table_view_hover.png) no-repeat !important; } 
#sys_sp_filters { background:url(../../images/general/filter_icon.png) no-repeat; } 
#sys_sp_filters:hover { background:url(../../images/general/filter_icon_hover.png) no-repeat !important; }  

#sys_sp_search_by { height: 31px; width: 31px; padding: 0; float: left; margin: 5px; border: 1px solid #b5b5b5; background: #f6f6f6 url(../../images/form/select_arrow.png) no-repeat 120px; border-radius: 3px; outline: none; width: 140px; }

#sys_sp_search { height: 29px; width: 31px; padding: 0 5px; float: left; margin: 5px; border: 1px solid #b5b5b5; background: #f6f6f6 url(../../images/form/search_icon.png) no-repeat 140px; border-radius: 3px; outline: none; width: 160px; }

/* KSD */
.sys_ksds input { width: 175px;  }
.sys_ksds input:disabled{ border: 1px solid rgb(238, 238, 238);  }
.sys_ksds .button-arrow.green {  float:right; margin:0px 0px 0px 5px; }
.sys_ksds .weight { border:0;  width: 35px;  margin: 0;  padding: 0; text-align: right; margin-left: 5px; } 
.sys_ksds .footer {  margin: 10px; }
.sys_ksds .saveChanges { display:none; }
.sys_ksds .actions { margin-top: 5px; text-align: right; }
.sys_ksds .table-wrapper { background-color: #FFF;  padding: 10px 20px;  border: 1px solid #DCDCDC; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin: 10px;  overflow: auto; position: relative; }
.sys_ksds .articles .table-wrapper { float: left; } 
.sys_ksds #tbl_ksds tbody tr td,
.sys_ksds tbl_costs tbody tr td { padding: 5px; }

/* Sliders */
.sys_slider .ui-slider { position: relative; text-align: left; }
.sys_slider .ui-slider .ui-slider-handle { background: #f2f2f2; border-radius: 30px;  border: 1px solid #d3d3d3; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.sys_slider .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.sys_slider .ui-slider-horizontal { height: .8em; }
.sys_slider .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.sys_slider .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.sys_slider .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.sys_slider .ui-slider-horizontal .ui-slider-range-max { right: 0; }

.sys_slider .ui-slider-vertical { width: .8em; height: 100px; }
.sys_slider .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.sys_slider .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.sys_slider .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.sys_slider .ui-slider-vertical .ui-slider-range-max { top: 0; }

/* System Messages */
.sys_warning { color: #9F6000; border: 1px solid #9f6000; border-radius: 10px; margin: 10px 0; background: #FEEFB3 url(../../images/general/warning.png) no-repeat 10px center; padding: 19px 10px 15px 50px; }

/* General Popup */
.sys_popup_wrapper { position: absolute; z-index: 999; width: 1px; margin-left: 10px;
margin-top: 5px; } 
.sys_popup { width: auto; height: auto; float: right; border-radius: 5px 5px 0 0; border: 1px solid #085394; background: #f3f3f3; }
.sys_popup .arr { float: right; margin: -10px 10px 0 0; background: url(../../images/general/blue_arr.png) no-repeat; width: 22px; border: none; height: 11px; } 
.sys_popup_header { float: left; width: 100%; border-radius: 5px 5px 0 0; background: #1d619d; text-shadow: rgb(18, 65, 106) 1px 1px 0px; color: #fff; font-size: 14px; text-align: center; height: 33px;  margin: -1px 0 0; font: 600 14px/33px 'Open Sans',sans-serif; } 
.sys_popup_header .system-popup_button {   background: #fff;  color: #000;  border-radius: 3px;  width: auto;  padding: 0 5px;  height: 19px;  line-height: 19px;  width: auto;  display: block;  position: absolute;  margin: 7px;  text-shadow: none;  padding: 0 15px;  cursor: pointer; display: none; }
.sys_popup_content { float: left; width: 100%; height: auto; } 
.sys_popup .system-popup_slide {  float:  left;  width:  auto;   height:  auto;  max-height: 600px;
overflow: hidden;
 } 

/* Circle Shape */
.circle { border-radius: 40px; display: block; } 

/* Building Colors */
.b_color { width: 22px; height: 22px; } 
.b_color.red { background: rgb(216, 57, 57); border: 1px solid #620909; } 
.b_color.yellow { background: #f9f600; border: 1px solid #3b3a03; } 
.b_color.green { background: #34932b; border: 1px solid #062603; } 
.b_color.white { color: #fff ; border: 1px solid #b7b7b7; } 
.b_color.orange{ background: #FFAB00; border: 1px solid #866114; }

/* Notifications */
#sys_notif { float: right; width: 0px; margin: 0px 10px 0px 40px; } 
.sys_notif_button { float: left; cursor: pointer; margin: 7px 0 0 -25px; }
.sys_notif_count { border-radius: 40px; width: 18px; height: 18px; background: #085394; position: absolute; margin: -8px; color: #fff; text-align: center; line-height: 18px; font-size: 11px; } 
#sys_notif .sys_popup {  width: auto; margin: 50px 0 0 -0; }

#sys_notif .item_header { background: #34414a; float: left; width: 100%; height: 50px;  font: 600 14px/50px 'Open Sans',sans-serif;  text-shadow: rgb(18, 65, 106) 1px 1px 0px; color: #fff; } 
#sys_notif .item_header .item_count { border-radius: 40px; width: 29px; height: 29px; background: #33922c; float: left; color: #fff; text-align: center; line-height: 29px; font-size: 12px; font-weight: 600; float: left; vertical-align: middle; margin:  10px 15px 0; text-shadow: none; }
#sys_notif .item_header .item_count.yellow { background: #f9f600; color: #000; } 
#sys_notif .item_header .item_count.red { background: rgb(216, 57, 57); } 

#sys_notif .item_list tr:hover td { border-bottom: 1px solid #085394; cursor: pointer;}
#sys_notif .item_list { width: 100%; float: left; height: auto; } 
#sys_notif .item_list td:last-child { padding-right: 24px; } 
#sys_notif .item_list td:first-child { padding-left:15px; } 
#sys_notif .item_list td { height: 36px; line-height: 36px; background: #f3f3f3; border-bottom: 1px solid #dfdfdf; }
#sys_notif tr:nth-child(odd) td { background: #f6f6f4; }

#sys_notif .item_expand { float: left; width: 100%; background: #f4f4f4; text-align: center; border-bottom: 1px solid #dfdfdf; height: 27px; line-height: 27px;  } 
#sys_notif .item_expand a {  color: #085394; }
#sys_notif .item_expand a:hover { text-decoration: underline; }

#sys_notif .sys_datatable  th:last-child,
#sys_notif .sys_datatable  td:last-child { padding-right: 24px; } 

#sys_notif .sys_datatable  th:first-child,
#sys_notif .sys_datatable  td:first-child { padding-left: 15px; } 

/* Checklist */
.sys_checklist_prev { background: #085394; width: 94px; height: 81px; border-radius: 0 3px 3px 0; position: fixed; left: 0; top: 20%; -webkit-transform: translate3d(0, 0, 0); cursor: pointer; z-index: 99;}
.sys_checklist_prev .b_color { width: 30px; height: 30px; float: left;  vertical-align: middle; text-align: center;  margin: 7px 0 0 12px; } 
.sys_checklist img { width: 35px;
height: auto;
float: right;
margin-right: 20px;} 
.sys_checklist_prev .checklist_arr { float: right; width: 27px;text-align:  center; margin-top:  10px; } 
.sys_checklist_prev .b_color img { margin-top: 5px; } 
.sys_checklist_prev .b_color.green img { margin-top: 8px; } 
.sys_checklist_prev .title { display: block; height: 29px; width: 73px; line-height: 29px; float: left; color: #fff; font-weight: 600; font-size: 15px; font-family: 'Open Sans'; text-shadow: 1px 1px #021525; text-align: center; }
.sys_checklist_prev .checklist_content { border-radius: 3px; float: left; width: 58px; height: 45px; background: #f0f0f0;margin-left: 9px; } 
.checklist_number { float:  right; text-align: center;  width: 43px; height:  45px; line-height:  45px;   border-left: 1px solid #b6b6b6; display: none; }

.sys_checklist { background: #f6f6f6; border: 1px solid #085394; width: 275px; height: auto; min-height: 200px; border-radius: 0 3px 3px 0; position: fixed; left: 0; top: 20%; -webkit-transform: translate3d(0, 0, 0); overflow: hidden;  display: none;  z-index: 99; }
.sys_checklist .title { height: 34px; width: 100%; float: left; background: #085394; color: #fff; font-weight: 600; font-size: 15px; font-family: 'Open Sans'; text-shadow: 1px 1px #021525;  line-height: 34px; text-align: center; } 
.sys_checklist .close_checklist {  position: absolute; right: 0; margin: 10px; color: #fff; font-weight: bold; cursor: pointer;  } 
.sys_checklist table tr:hover td { border-bottom: 1px solid #085394; cursor: pointer;}
.sys_checklist  table { width: 100%; float: left; height: auto; } 
.sys_checklist  table  td:last-child { padding-right: 7px; } 
.sys_checklist table td:first-child { padding-left:31px;  } 
.sys_checklist  table  td { height: 50px; line-height: 50px; background: #f3f3f3; border-bottom: 1px solid #dfdfdf; font: 600 14px 'Open sans'; text-shadow: 1px 1px rgba(255,255,255,0.7); vertical-align: middle; }
.sys_checklist  table  tr:nth-child(odd) td { background: #f6f6f4; }
.sys_checklist .b_color { width: 27px; height: 27px;  } 

.sys_checklist.green_checklist { border: 1px solid #287422; } 
.sys_checklist.green_checklist .title,
.sys_checklist_prev.green_checklist { background: #287422; }

/* Sortable List */
.sys_sortable { border: 1px solid #CCC; width: 100%; height:200px; overflow-y: scroll; overflow-x: hidden;  font: 300 13px/35px 'Open Sans',sans-serif; text-align: left; float: left; }
.sys_sortable_title {  height: 35px; line-height: 35px; float: left; width: 430px; padding: 0 10px; color: #fff; text-shadow: 1px 1px #000;  background: #34404a; border-radius: 5px 5px 0 0; border: 1px solid #34404a; }
.sys_sortable_title .circle { float: left; width: 15px;height: 15px; margin: 10px 10px 0 0; } 
.sys_sortable_title .circle.red { background: red;} 
.sys_sortable_title .circle.yellow { background: yellow;} 
.sys_sortable_title .circle.white { background: white;} 
.sys_sortable_title .circle.orange { background: #FFAB00;} 
.sys_sortable li {  width: 410px; padding: 0 10px; display: inline-block; cursor: pointer !important; } 
.sys_sortable li:nth-child(odd) { background: #f3f3f3 !important; } 
.sys_sortable li:nth-child(even) { background: #f7f7f7 !important; } 
.sys_sortable li:not(:last-child){ border-bottom: 1px solid #eeeeee; }
.sys_sortable li:hover {  background: #085394 !important; color: #fff; }
.sys_sortable li:hover  .sortable_type { color: #fff; }
/*.sys_sortable#red li:hover {  background: red !important; color: #fff; }
.sys_sortable#yellow li:hover {  background: yellow !important; color: #000; }
.sys_sortable#white li:hover {  background: white !important; color: #000; }
*/
.sortable_type { float: right; } 
.sortable_type.buildingField { color: #297422; } 
.sortable_type.siteField { color: #085394; } 


/* Fade */
.fade, .fade-more {
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.fade      { opacity: 0.6; }
.fade-more { opacity: 0.3; }

.fade:hover, .fade-more:hover {
	opacity: 1;
}

/* Unauthorized */
div.unauthorized {
	margin: 30px auto;
	background-color: #fff;
	padding:20px;
	width: 700px;
	clear: both;
}

.unauthorized-message {
	float: left;
	font: 300 18px/30px 'Open Sans';
	margin: 10px;
}

.unauthorized-message h2 {
	font: 600 22px/30px 'Open Sans'  !important;
	margin: 0px;
}

.unauthorized-message .contact-info {
	margin-top: 20px;
}

.unauthorized-message .contact-info div {
	display: inline-block;
}

.unauthorized-message .contact-info div.contact-phone {
	float: left;
	vertical-align: top;
}

.unauthorized-message .contact-info div.contact-phone:before {
	background: url('../../images/icons/phone.png');
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	content: " ";
	display: inline-block;
	margin: 3px 10px 0px 0px;
}

.unauthorized-message .contact-info div.email {
	float: right;
	vertical-align: top;
}

.unauthorized-message .contact-info div.email a { vertical-align: top; }

.unauthorized-message .contact-info div.email:before {
	background: url('../../images/icons/email.jpg');
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	content: " ";
	display: inline-block;
	margin: 3px 10px 0px 0px;
}

.img-unauthorized {
	float: left;
	width: 100px;
}

.return-to-login {
	margin-top: 15px;
	clear: both;
}

legend .step-number {
    border: 1px solid #000;
    padding: 5px;
    margin-left: -20px;
    margin-right: 5px;
    background: #fff;
    font: 600 16px/20px 'Open Sans';
}

select[name='ksd_scenario'], select[name='comp_ksd_scenario'] {
	color: #fff;
	background: #085394;
	padding: 2px;
	border-radius: 5px;
}

#sys_container { float: left; width: 100%; height: auto; background: #f2f2f2; min-height: 500px; margin-top: 10px; border-radius: 5px; overflow: hidden;  font: 300 13px 'Open Sans'; }
#sys_title { width: 100%; float: left; padding-left: 15px; padding-right: 15px; height: 43px; line-height: 43px; background: #085394; text-shadow: 1px 1px #12416a; color: #fff; } 
#sys_content { float: left; width: 100%; height: auto; } 
#sys_container h1 {
	margin-bottom: 15px;
	display: inline-block;
	text-decoration: none;
	font: 300 30px/20px 'Open Sans';
	color: gray;
}

#sys_container h2 {
	margin-bottom: 15px;
	font: 300 25px/20px 'Open Sans';
	text-decoration: none;
	color: gray;
}

#sys_container h3 {
	margin-bottom: 15px;
	display: inline-block;
	font: 600 20px/20px 'Open Sans';
	text-decoration: none;
	color: gray;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/* search box */
.search-container {
	position: relative;
}

.search-container input {
	width: 300px;
	height: 30px;
	padding: 0 30px;
	color: #312F2F;
	outline: none;
	border: 1px solid #e0e0e0;
	line-height: 24px;
	font: 600 12px 'Open Sans';
	background: #fff url(../../images/reportcenter/search.png) no-repeat 8px 8px;
} 

.search-container input::-webkit-input-placeholder { text-shadow: 1px 1px 0px #e2e2e2; filter: dropshadow(color=#e2e2e2, offx=1, offy=1);  color:#616161; }
.search-container input::-moz-placeholder { text-shadow: 1px 1px 0px #e2e2e2; filter: dropshadow(color=#e2e2e2, offx=1, offy=1);  color:#616161; } /* firefox 19+ */
.search-container input:-ms-input-placeholder { text-shadow: 1px 1px 0px #e2e2e2; filter: dropshadow(color=#e2e2e2, offx=1, offy=1);  color:#616161; } /* ie */

.search-container .search-clear-button {
	background-image: url(../../images/icons/clear-search.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 9px;
	right: 2px;
	cursor: pointer;
}

/* system popups/alerts */
.system-popup, .system-alert {
	display: none;
	position: fixed;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-webkit-filter: blur(0);
	font: 300 18px/30px 'Open Sans';
	border-radius: 0px;
	/*border-bottom: 5px solid #D6D6D6;*/
	box-shadow: 0px 1px 10px 1px rgba(0,0,0,0.5);
	color: #000;
	background-color: #fdfdfd;
	z-index: 99999999999999999999999999999;
}

.system-popup .title-wrapper, .system-alert .title-wrapper {
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}

.system-popup .title, .system-alert .title {
	background-color: #085394;
	padding: 10px;
	color: #fff;
	font: 300 18px/30px 'Open Sans';
	width: 100%;
	box-sizing: border-box;
}

.system-popup .title.blue, .system-alert .title.blue   { background-color: #085394; }
.system-popup .title.green, .system-alert .title.green { background-color: #384F1D; }
.system-popup .title.gray, .system-alert .title.gray   { background-color: #5F5F5F; }

.system-popup .close-popup, .system-alert .close-popup {
	float: right;
	background: url('../../../public/images/popup/close.png');
	background-size: 17px 18px;
	width: 17px;
	height: 18px;
	margin: 17px 15px;
	cursor: pointer;
}

.system-popup .body.do-padding {
	padding: 30px;
}

.system-popup .form-field {
	margin-bottom: 5px;
}

.system-popup h2 {
	font: 300 25px/20px 'Open Sans';
	margin-bottom: 20px;
	color: gray;
}

.system-popup h3 {
	font: 300 14px 'Open Sans';
	margin-bottom: 20px;
	color: gray;
}

.system-popup label {
	display: inline-block;
	width: 150px;	
}

.system-popup input:not([type=button]) {
	display: inline-block;
	height: 30px;
	width: 300px;
	padding: 5px;
	border: 1px solid #d8d8d8;
	font: 300 18px/30px 'Open Sans';
}

.system-popup input[type=checkbox] {
	width: 25px;
}

.system-popup input.hqZip {
	width: 80px;
}

.system-popup select {
	height: 40px;
	font: 300 18px/30px 'Open Sans';
	min-width: 60px;
}

.system-alert {
	min-width: 300px;
}

.system-alert .alert-wrapper {
	padding: 40px 40px 10px 40px;
}

.system-alert .alert-type {
	width: 32px;
	height: 30px;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 1px;
	display: inline-block;
	margin-top:8px;
	vertical-align: top;
}

.system-alert .alert-type.confirmation { background-image: url('../../../public/images/general/icon-confirm.png'); }
.system-alert .alert-type.warning      { background-image: url('../../../public/images/general/warning.png'); }
.system-alert .alert-type.info         { background-image: url('../../../public/images/general/info.png'); }
.system-alert .alert-type.success      { background-image: url('../../../public/images/general/success.png'); }
.system-alert .alert-type.error        { background-image: url('../../../public/images/general/error.png'); }

.system-alert .alert-message {
	max-width: 400px;
	font: 300 20px/30px 'Open Sans';
	margin-left: 14px;
	display: inline-block;
	color: #797979;
}

.system-alert .alert-buttons {
	float: right;
	padding: 20px;
}

.system-popup select option {
	padding: 5px;
}

.error-message-container {
	display: none;
	float: left;
	margin-top: 23px;
}

.error-message-container div {
	display: table-cell;
}

.error-icon.popup-error {
	background: url('../../images/icons/x.png');
	background-size: 30px 30px;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	content: " ";
}

.error-icon.popup-success {
	background: url('../../images/icons/check.png');
	background-size: 30px 30px;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	content: " ";
}

.error-message {
	vertical-align: top;
	font-style: italic;
	padding-left: 10px;
	font-weight: 600;
}

.error-message a {
	color: #fff;
	text-decoration: underline;
}

.system-popup .save-button {
	float: right;
	margin: 20px 0px;
}

.system-popup .close-popup-wrapper {
	width: 100%;
	float: left;
	background-color: #EBEBEB;
	border-top: 1px solid #d8dadc;
	position: relative;
	top: 0;
	padding: 10px;
	box-sizing: border-box;
}

.system-popup .close-popup-wrapper button {
	outline: none;
	cursor: pointer;
	font-size: 14px;
	color: #000;
	text-align: center;
	text-shadow: 1px 1px #FFFFFF;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px 4px 4px 4px;
	border-color: #9D9EA1;
	padding: 10px 20px 10px 20px;
	background-image: url('../../images/button/background-standard-gray.png');
	background-repeat: repeat-x;
	background-color: #DEDFE0;
	float: right;
}


/* tooltips */
.tooltip {
	background-color: #085394;
	border: 3px solid #208ae6;
	font-style: italic;
	color: #fff;
	font: 300 17px/25px 'Open Sans';
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px;
	min-width:  350px;
	max-width: 350px;
	box-sizing: border-box;
	box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.5);
	text-align: left;
	z-index: 9999999999999;
	word-wrap: break-word;
}

.tooltip a {
	color: #fff;
	text-decoration: underline;
}

.tooltip:after, .tooltip:before {
	bottom: 100%;
	left: 93%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip.left:after, .tooltip.left:before {
	left: 10%;
}

.tooltip:after {
	border-color: rgba(255, 255, 82, 0);
	border-bottom-color: #085394;
	border-width: 20px;
	margin-left: -20px;
}

.tooltip:before {
	border-color: rgba(255, 196, 79, 0);
	border-bottom-color: #208ae6;
	border-width: 24px;
	margin-left: -24px;
}

.tooltip h2 {
	font: 300 23px/25px 'Open Sans';
	margin-bottom: 10px;
	color: #fff;
}

.tooltip .tooltip-close {
	margin: 5px;
	background: url('../../images/icons/check.png');
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 7px;
}

/* site/subsidiary/project/user cards */
.site-card {
	background-color: #085394;
	width: 155px;
	height: 145px;
	display: inline-block;
	position: relative;
	margin: 5px;
	font: 300 13px/18px 'Open Sans';
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.site-card:hover, .site-card.selected  {
	background-color: #033E71;
	box-shadow: 1px 1px 3px #CACACA;
}

.broker-permissions-sites-wrapper .site-card {
	cursor: move;
}

.site-card .site-card-image img {
	float: left;
	margin: 5px;
	width: 90px;
	height: 75px;
	border: 2px solid rgba(80, 80, 80, 0.5)
}

.site-card .site-utilization {
	border-radius: 40px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	color: #fff;
	float: right;
	margin: 15px 9px 0px 0px;
	box-shadow: 1px 1px 2px rgb(29, 29, 29);
	text-align: center;
	font: 300 15px/40px 'Open Sans';
}

.site-card .site-utilization.red     { background-color: #D12A24; }
.site-card .site-utilization.yellow  { background-color: #FFDA61; color: #000 !important; }
.site-card .site-utilization.magenta { background-color: #FF00FF; }
.site-card .site-utilization.green   { background-color: #8EC373; }

.site-card .site-card-address {
	position: absolute;
	bottom: 0px;
	text-align: left;
	margin: 10px 5px 5px 8px;
	color: #fff;
}

.site-card .site-action-buttons {
	float: right;
	margin: 7px 5px;
}


.project-card {
	background-color: #085394;
	width: 155px;
	height: 145px;
	display: inline-block;
	position: relative;
	margin: 5px;
	font: 300 13px/18px 'Open Sans';
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.project-card:hover  {
	background-color: #033E71;
	box-shadow: 1px 1px 3px #CACACA;
}

.broker-permissions-projects-wrapper .project-card {
	cursor: move;
}

.project-card .project-card-image img {
	float: left;
	margin: 5px;
	width: 90px;
	height: 75px;
	border: 2px solid rgba(80, 80, 80, 0.5)
}

.project-card .project-benchmark {
	border-radius: 40px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	color: #fff;
	float: right;
	margin: 15px 9px 0px 0px;
	box-shadow: 1px 1px 2px rgb(29, 29, 29);
	text-align: center;
	font: 300 13px/40px 'Open Sans';
}

.project-card .project-benchmark.red     { background-color: #D12A24; }
.project-card .project-benchmark.yellow  { background-color: #FFDA61; color: #000 !important; }
.project-card .project-benchmark.green   { background-color: #8EC373; }

.project-card .project-card-name {
	position: absolute;
	bottom: 0px;
	text-align: left;
	margin: 5px 5px 5px 8px;
	color: #fff;
}

.project-card .project-action-buttons {
	float: right;
	margin: 7px 5px;
}


.user-card {
	background-color: #085394;
	width: 155px;
	height: 145px;
	display: inline-block;
	position: relative;
	margin: 5px;
	font: 300 13px/18px 'Open Sans';
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.user-card:hover  {
	background-color: #033E71;
	box-shadow: 1px 1px 3px #CACACA;
}

.user-card .role-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	margin-right: 2px;
}

.user-card .role-icon.is_admin     { background-image: url('../../../public/images/header/admin-icon.png');    }
.user-card .role-icon.is_broker    { background-image: url('../../../public/images/header/broker-icon.png');   }
.user-card .role-icon.is_user      { background-image: url('../../../public/images/icons/user-icon.png');      }
.user-card .role-icon.is_superuser { background-image: url('../../../public/images/icons/superuser-icon.png'); }

.user-card .user-action-buttons {
	float: right;
	margin: 7px 5px;
}

.user-card .user-card-image img {
	float: left;
	margin: 7px;
	width: 75px;
	height: 75px;
	border-radius: 75px;
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.5);
}

.user-card .user-card-name {
	position: absolute;
	bottom: 0px;
	text-align: left;
	margin: 5px 5px 5px 8px;
	color: #fff;
}

.user-card .user-card-name a {
	color: #fff;
	text-decoration: underline;
}


.subsidiary-card {
	background-color: #085394;
	width: 155px;
	height: 145px;
	display: inline-block;
	position: relative;
	margin: 5px;
	font: 300 13px/18px 'Open Sans';
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.subsidiary-card:hover  {
	background-color: #033E71;
	box-shadow: 1px 1px 3px #CACACA;
}

.subsidiary-card .subsidiary-card-image img {
	float: left;
	margin: 5px;
	width: 90px;
	height: 55px;
	border: 2px solid rgba(80, 80, 80, 0.5)
}

.subsidiary-card .subsidiary-card-address {
	position: absolute;
	bottom: 0px;
	text-align: left;
	margin: 10px 5px 5px 8px;
	color: #fff;
}

.subsidiary-card .subsidiary-action-buttons {
	float: right;
	margin: 7px 5px;
}


/* broker permission module */
.tbl-current-brokers tbody tr:hover td, .tbl-current-brokers tbody tr.selected td {
	cursor: pointer;
	background-color: #FFFF68 !important;
}

.broker-permissions-container .broker-info-wrapper {
	float: left;
	background: #d8d8d8;
	padding: 20px 20px 5px 20px;
	margin: 20px 40px 40px 40px;
	border-radius: 10px;
}

.broker-permissions-container .broker-image {
	float: left;
	margin-bottom: 10px;
}

.broker-permissions-container .broker-image img {
	border-radius: 100px;
	width: 175px;
	height: 176px;
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.5);
	background-color: #828282;
}

.broker-permissions-container .broker-info-wrapper {
	display: none;
}

.broker-permissions-container .broker-info {
	float: right;
	margin-left: 20px;
	line-height: 30px;
	text-align: right;
}

.broker-permissions-container .broker-contact-wrapper {
	margin-top: 15px;
}

.broker-permissions-container .broker-email a {
	text-decoration: underline;
}

.broker-permissions-container .broker-name {
	font: 300 30px/40px 'Open Sans';
}

.broker-permissions-container .broker-company {
	font: 300 18px/30px 'Open Sans';
	color: #80963E;
}

.broker-permissions-container {
	min-height: 0px !important;
}

.broker-permissions-container .processing-image {
	display: none;
	float: right;
}

.broker-permissions-container .processing-image img {
	height: 30px;
}

.broker-permissions-container .broker-list-wrapper {
	float: left;
	width: 400px;
	padding: 20px;
	margin: 0px 0px 0px 20px;
}

.broker-permissions-container .broker-save-wrapper {
	display: none;
}

.broker-permissions-container .broker-status-wrapper {
	margin-top: 20px;
	text-align: center;
	float: left;
}

.broker-permissions-container .broker-status-label {
	font: 300 30px/30px 'Open Sans';
}

.broker-permissions-container .broker-status {
	padding: 20px;
	display: inline-block;
	font: 300 30px/30px 'Open Sans';
	color: #fff;
	cursor: pointer;
	width: 250px;
}

.broker-permissions-container .status {
	display: none;
	cursor: pointer;
	position: absolute;
	width: 250px;
	z-index: 999999999;
}

.broker-permissions-container .status li {
	padding: 20.2px;
	border: 1px solid #F9F9F9;
	width: 100%;
	box-sizing: border-box;
}

.broker-permissions-container .status li:hover {
	background-color: #FFFF68;
	color: #000;
}

.broker-permissions-container .current-status-wrapper {
	padding: 20px;
	border: 1px solid #3E3E3E;
	min-width: 170px;
	min-height: 30px;
	margin-bottom: 1px;
}

.broker-permissions-container .current-status {
	display: inline-block;
}

.broker-permissions-container .current-status-wrapper .current-status-dropdown {
	display: inline-block;
	margin-left: 2px;
}

.broker-permissions-container .current-status-wrapper .current-status-dropdown img {
	vertical-align: middle;
}

.broker-permissions-container .pending  { background-color: #6363FD; }
.broker-permissions-container .approved { background-color: #0DB70D; }
.broker-permissions-container .rejected { background-color: red; }

.broker-permissions-container .broker-save-buttons input {
	width: 250px;
	height: 70px;
	font: 300 25px/30px 'Open Sans', sans-serif;
	margin-left: 20px;
}

.broker-permissions-container .broker-permissions {
	display: none;
	color: #fff;
	width: 100%;
}

.broker-permissions-container .broker-permissions h2 {
	color: #fff !important;
}

.broker-permissions-container .broker-permissions-sites-wrapper {
	float: left;
	background-color: #1372C5;
	padding: 20px;
	width: 100%;
	box-shadow: 1px 10px 10px 1px rgba(0,0,0,0.5), 3px 4px 20px rgba(0, 0, 0, 0.5);
}

.broker-permissions-container .broker-permissions-sites-wrapper .permission-wrapper {
	border: 1px solid #64B7FF;
}

.broker-permissions-container .broker-permissions-projects-wrapper {
	float: left;
	background-color: #073C6B;
	padding: 20px;
	width: 100%;
	box-shadow: 1px 10px 10px 1px rgba(0,0,0,0.5), 3px 4px 20px rgba(0, 0, 0, 0.5)
}

.broker-permissions-container .broker-permissions-projects-wrapper .permission-wrapper {
	border: 1px solid #406A8E;
}

.broker-permissions-container .permission-wrapper {
	min-height: 330px;
	max-height: 330px;
	overflow-y: auto;
	width: 530px;
	padding: 5px;
	background-color: #f2f2f2;
}

.broker-permissions-container .available-sites-wrapper, .broker-permissions-container .available-projects-wrapper {
	float: left;
}

.broker-permissions-container .broker-sites-wrapper, .broker-permissions-container .broker-projects-wrapper {
	float: right;
	margin-right: 40px;
}

.broker-permissions-container .permission-buttons {
	float: left;
	width: 136px;
	text-align: center;
	position: relative;
	top: 165px;
}

.broker-permissions-container .permission-buttons div {
	margin-bottom: 15px;
}

.broker-permissions-container .search-container {
	float: right;
	margin-bottom: 5px;
}

.broker-permissions-container .search-container input {
	width: 200px !important;
}

.user-social-wrapper {
	margin-top: 10px;
}

.user-social-wrapper a {
	display: inline-block;
	margin-left: 5px;
}

div.social {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.social-info input {
	width: 500px !important;
}

div.social.linkedin { background-image: url('../../../public/images/social/round/linkedin.png') }
div.social.twitter  { background-image: url('../../../public/images/social/round/twitter.png')  }
div.social.facebook { background-image: url('../../../public/images/social/round/facebook.png') }

.account-type {
	display: table;
}

.account-type-icon {
	display: table-cell;
	width: 35px;
	height: 35px;
	border-radius: 50px;
	content: " ";
	margin-right: 5px;
	box-shadow: inset -1px -1px 5px -1px #000
}

.account-type-icon.trial    { background-color: #3EBCE6; }
.account-type-icon.bronze   { background-color: #CD7F32; }
.account-type-icon.silver   { background-color: #C0C0C0; }
.account-type-icon.gold     { background-color: #D4AF37; }
.account-type-icon.platinum { background-color: #E5E4E2; }

.account-type-text {
	display: table-cell;
	padding-left: 5px;
	vertical-align: middle;
	font: 600 20px/20px 'Open Sans';
}

.linkedin-settings-wrapper .error-message-container {
	float: none;
	margin-top: 0px;
	margin-bottom: 25px;
	margin: 0px auto;
}

.linkedin-settings-wrapper .linkedin-logo {
	margin: 40px 0px 10px 0px;
	text-align: center;
	padding-left: 15px;
}

.linkedin-settings-wrapper .linkedin-settings {
	margin: 10px 60px 30px 60px;
	clear: both;
}

.linkedin-settings-wrapper .linkedin-settings div {
	overflow: hidden;
}

.linkedin-settings-wrapper .linkedin-settings label {
	height: 25px;
	width: 500px;
	padding-left: 5px;
	margin-top: -3px;
	float: left;
}

.linkedin-settings-wrapper .linkedin-settings input {
	width: 25px;
	height: 25px;
	float: left;
	clear: left;
}

.threesixty-image-gallery-wrapper {
	width: 1260px;
	overflow-x: auto;
}

.threesixty-image-gallery {
	padding: 20px;
	box-sizing: border-box;
	border-spacing: 10px 0px;
}

.threesixty-image-gallery .threesixty-thumb {
	display: table-cell;
	border: 1px solid #ddd;
	cursor: pointer;
}

.threesixty-image-gallery .threesixty-thumb.selected {
	border: 2px solid #3F64E4;
}

.threesixty-image-gallery .threesixty-thumb img {
	width: 100px;
}

.no-threesixty-images {
	width: 900px;
	height: 300px;
	text-align: center;
	font-size: 28px;
	color: gray;
	display: table;
}

.no-threesixty-images span {
	display: table-cell;
	vertical-align: middle;
}

.threesixty-hamburger {
	display: none;
	position: absolute;
	height: 50px;
	width: 50px;
	right: 15px;
	top: 65px;
	background: url('../../images/icons/hamburger-menu.png');
	background-repeat: no-repeat;
	background-size: 50px 50px;
	cursor: pointer;
}

.threesixty-hamburger-items {
	display: none;
	background: #085394;
	position: absolute;
	right: 30px;
	top: 120px;
	border-radius: 10px;
}

.threesixty-hamburger-items .threesixty-hamburger-item {
	padding: 10px;
	color: #fff;
	border-radius: 5px;
	margin: 10px;
	cursor: pointer;

	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.threesixty-hamburger-items .threesixty-hamburger-item:hover {
	background: #fff;
	color: #000;
}