body {
/*	font-size: 13px;*/
}
.navbar.navbar-default{
	border-bottom: 5px solid #ec1c23;
	background-color: #fdbb16;
}
.navbar-default .navbar-nav > li > a{
	color: #1f1f1f;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.active{
	border-bottom: 6px solid #ec1c23;
	height: 50px;
	outline: 0;
}

/*One table*/
.oneTable{
	/*width:100%;*/
	/*table-layout: fixed;*/
}
.oneTable td:first-child {
	min-width: 110px !important;
}
.oneTable td {
	/*padding: 5px;*/
	border:1px solid #333;
	width: 60px;
	/*font-size:0.7vw;*/
}

.oneTable .timeRow {
	background:#D2D2D2;
	text-align:center;
}
.oneTable .totalCell{
	padding:0 5px;
	text-align:right;
	font-weight: bold;
	background-color: #edebeb;
}

.oneTable .tLabel{
	background: #edebeb none repeat scroll 0 0;
	color: #000000;
	padding: 2px 5px;
	width: 100px;
}

/* one view */
.xppContainer.fixWidth{
	width:99%;
	margin:0 auto;
	min-width: 1700px;
}
.container.fixWidth{
	width:1400px !important;
}
.dateSelector{
	text-align:left;
	padding:0;
	/*margin:10px;*/
}
.tools{
	margin: 0 0 10px 0;
}
.dateSelector input,
.dateSelector button
{
	height:27px;
	border:1px solid #999;
}
.dateMonthYear{
	margin-left:35px;
}
.dateDay{
	background-color: #f4645f;
	border-radius: 18px;
	color: #fff;
	font-size: 20px;
	height: 25px;
	line-height: 21px;
	margin: -3px 0 0 -7px;
	padding: 2px 6px;
	position: absolute;
	text-shadow: 1px 1px 0 #000;
	width: 35px;
}

.hasDatepicker{
	text-align: center;
}

.toolsLeft{
	padding-left: 10px;
}

.oneTable td input{
	width:100%;
	border:1px solid #fff;
	padding:2px 5px;
	text-align: right;
}
.oneTable td input:focus{
	border:1px dashed #5C5C5C;
}

.saveNotification{
	font-size: 19px;
	/*font-weight: bold;*/
	margin-left: 20px;
	margin-top: -4px;
	position: absolute;
	/*transition: opacity 1s ease 0s;*/
}
.notifHidden{
	opacity: 0;
}

/*input file*/
.submitFileForm{
    display: inline-block;
    overflow: hidden;
    position: relative;
}
div.upload {
    display: inline-block;
    height: 30px;
    position: absolute;
    width: 100%;
    z-index: 0;
}
div.upload input {
	cursor: pointer;
	display: block !important;
	height: 22px;
	opacity: 0 !important;
	overflow: hidden !important;
	position: absolute;
	width: 100%;
	z-index: 100;
}
.forecastFileButton{
	cursor: pointer;
	width: 100%;
}
::-webkit-file-upload-button { cursor:pointer; }


/* FORECAST FILE CONTROLS */
#fileControls{
    background-color: #565656;
    border-top: 1px solid #000000;
    position: fixed;
    width: 100%;
    bottom: -220px;
    height:200px;
    color:#eee;

	-webkit-box-shadow: 0px -10px 14px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -10px 14px -10px rgba(0,0,0,0.75);
	box-shadow: 0px -10px 14px -10px rgba(0,0,0,0.75);

    -webkit-transition: bottom ease 300ms;
    -moz-transition: bottom ease 300ms;
    -o-transition: bottom ease 300ms;
    transition: bottom ease 300ms;
}
#fileControls.up{
	bottom:0;
}

#fileControls{
	padding-top:10px;
}
.realSide{
	border-right:1px solid #323232;
	-webkit-box-shadow: 1px 0px 0px 0px rgba(137, 137, 137, 0.75);
	-moz-box-shadow: 1px 0px 0px 0px rgba(137, 137, 137, 0.75);
	box-shadow: 1px 0px 0px 0px rgba(137, 137, 137, 0.75);
	height: 180px;
}

.fileSide .fileForecast input{
	width:47px;
	border:1px solid #333;
	border-right: 0px;
	background-color: #ccc;
	color:#000;
	text-align: right;
	padding:2px 3px;
}
#fileForecastChart{
	margin-top:10px;
}
.fileControlsBtns{
	float:right;
}

/*times*/
.oneTable .future{
	border-color: #77C2FF;
	border-left: 4px solid #77C2FF;
	border-right: medium none #77C2FF;
}
.oneTable .tomorrow{
	border-color: #1CD5DE;
	border-left: 4px solid #1CD5DE;
	border-right: medium none #1CD5DE;
}
.oneTable .today{
	border-color: #0DAE00;
	border-left: 4px solid #0DAE00;
	border-right: medium none #0DAE00;
}
.oneTable .yesterday{
	border-color: #780000;
	border-left: 4px solid #780000;
	border-right: medium none #780000;
}
.oneTable .past{
	border-color: #001bb0;
	border-left: 4px solid #001bb0;
	border-right: medium none #001bb0;
}

.dateDay.today{
	background-color: #0DAE00;
}
.dateDay.past{
	background-color: #aaa;
}

.oneTable tr:nth-child(odd) td input{
	background-color: #efefef;
}


/* TOOLTIPS */
.tooltipster-light {
	border-radius: 5px; 
	border: 1px solid #aaa;
	background: #ededed;
	color: #333;
}
.tooltipster-light a{
	color:#333;
}
.tooltipster-light .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}
.tooltipster-dark {
	border-radius: 5px; 
	border: 1px solid #000;
	background: #454545;
	color: #eee;
}
.tooltipster-dark a{
	color:#eee;
}
.tooltipster-dark .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}


/* DASHBOARD TABLE */
.xppTable table{
	min-width:1140px;
	table-layout:fixed;
}
.xppTable td{
	border:1px solid #969696;
	background-color: #F7F7F7;
	text-align:right;
	padding: 3px 5px !important;

	/*height:50px;*/
	vertical-align: middle !important;
}
.xppTable tr:nth-child(even) td{
	background-color: rgba(254, 191, 23, 0.14);	
}
.xppTable td:first-child {
	background-color: #E1E1E1 !important;
}
.xppTable thead td{
	border-top:1px solid #969696 !important;
	font-weight: bold;
	background-color: #E1E1E1 !important;
	text-align:center;
	vertical-align: middle;
}
.xppTable tfoot td{
	font-weight: bold;
	text-align:right;
	background-color: #E1E1E1;
}

.xppTable td:first-child{
	width:320px;
}

.xppTable tr.offline td,
.xppTable tr.offline td a{
	color:#8b8b8b;
}
.xppTable tr.inaccurate td{
	color:#8E0000;
}
.ttred{
	color:#fff;
}
.xppTable p.timeRow{
	color: #333;
	margin-bottom: 2px;
	font-size:18px;
}
.belowZero{
	color:#f00;
}
.moreThanZero{
	color:#1B8212;
}

.hppLink {
	color:#333;
}
.hppLink:hover {
	color:#333;
}
.infoTableSummary{
	margin-bottom:0px;
	margin-top:5px;
}


/* CHARTS */
.canvasjs-chart-credit{
	visibility:hidden;
}
.sbarChart, .powerChart{
	height:320px;
}

.viewForecast{
	width:100%;
}
.viewForecast td{
	width:54px;
	text-align:right;
	padding:3px;
	border:1px solid #ccc;
}
.viewForecast thead tr:first-child td{
	text-align:center;
	background-color: #ccc;
}
.viewForecast td:first-child{
	font-weight:bold;
	width:60px;
}

/* Footer */
#footer {
    background: #f4f4f4 no-repeat scroll 99% 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    bottom: 0;
    margin-top: 60px;
    width: 100%;
    padding: 10px 0;
}
#footer .row {
	margin-left:0;
	margin-right:0;
}
.minWidthLogo{
	min-width: 230px;
}
.companyContact{
	width:390px;
	float:right;
}
.companyContact img{
	float:left;
}
.companyContact.borderRight{
	border-right: 1px solid #ABABAB;
}

/* Forecasts (multi) */
.rowTotal{
	padding:0 5px;
	text-align:right;
	font-weight: bold;
	background-color: #edebeb !important;
}

.hoverRow tr:hover td{
	background-color: #E5FF5C !important;
	cursor:default;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.marginTop{
	margin-top:30px;
}

.forecastTable{
	width:100%;
}

.forecastTable td:last-child{
	width:55px;
}
.forecastTable td:first-child{
	width:180px;
}
.forecastTable input{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    width: 100%;
    padding:0;
    text-align:right;
}

.uploadForecastForm{
	border:1px solid #ccc;
	padding:10px;
	height:80px;
}
.uploadForecastForm form .fileSelect{
	overflow: hidden;
}
.uploadForecastForm form span{
	display: inline-block;
	margin-bottom: 5px;
}
.uploadForecastForm form button{
	height:58px;
}
.uploadForecastForm p{
	margin-bottom:8px;
}
.uploadForecastForm .approveBtns button,
.uploadForecastForm .approveBtns a{
	width:110px;
}

/* Reports */
.reportTable td{
	font-size:12px;
}
.reportTable td a{
	color:#333;
}
.reportTable tr:nth-child(odd) td {
    background-color: rgba(254, 191, 23, 0.14);
}

.reportTable thead tr:first-child td{
	text-align:center;
}

.reportTable thead tr:first-child td,
.reportTable.firstRight td:nth-last-child(1),
.reportTable.secondRight td:nth-last-child(2),
.reportTable.firstLeft td:first-child{
	background-color: #eee !important;
	font-weight: bold;
}


.reportTable td{
	padding: 3px 5px;
}

/* DEV */
.devTable td a{
	color:#333;
}
.devTable td:nth-child(1){
	width:30px;
}
.devTable td:nth-child(2){
	width:280px;
	text-align: left;
}
.devTable td:nth-child(4){
	width:100px;
}
.devTable td:nth-child(5){
	width:100px;
}
.devTable td:nth-child(6){
	width:100px;
}

.devTable{
	width:auto !important;
	min-width:auto !important;
}

/* ADMIN PAGE */
.admin_page_view div.form-control{
    background: #e1e1e1 none repeat scroll 0 0;
    height: 25px;
    line-height: 12px;
}

.contactsTable{
	width:100%;
}
.contactsTable td{
	text-align:left;
}
.contactsTable th{
	text-align: center;
}
.label_info{
	color:#898989;
}


/*SELECT 2*/
.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 34px;
	user-select: none;
	-webkit-user-select: none; 
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 32px; 
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 32px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px; 
}

/* CHECKBOXES */
.niceCheckbox .checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.niceCheckbox .checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    color: #f00;
}

.radio .cr {
    border-radius: 50%;
}

.niceCheckbox .checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.niceCheckbox .checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.niceCheckbox .checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.niceCheckbox .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.niceCheckbox .checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.niceCheckbox .checkbox.inForm{
	margin-top:25px;
}
.niceCheckbox .checkbox.inForm label{
	padding-left:0px;
}
.niceCheckbox .checkbox.inView{
	margin-top:24px;
}
.niceCheckbox .checkbox.inView label{
	padding-left:0;
}

.checkbox.small label{
	font-size:18px;
}
.checkbox.small.inForm{
	margin-top:10px;
}

/* USERS TABLE */
.usersTable{
	width:100%;
}
.usersTable th{
	text-align: center;
}

.addSiteBlock{
	background:#eee;
	border-radius: 3px;
}

/* FIXES */
button.ui-datepicker-current { display: none; }

/* Table design */
.esTable table{
	width: 100%;
}
.esTable td{
	border:1px solid #969696;
	background-color: #F7F7F7;
	text-align:right;
	padding: 3px 5px !important;

	/*height:50px;*/
	vertical-align: middle !important;
}
.esTable tr:nth-child(even) td{
	background-color: rgba(254, 191, 23, 0.14);	
}
.esTable td:first-child {
	background-color: #E1E1E1 !important;
}
.esTable thead td{
	border-top:1px solid #969696 !important;
	font-weight: bold;
	background-color: #E1E1E1 !important;
	text-align:center;
	vertical-align: middle;
}
.esTable tfoot td{
	font-weight: bold;
	text-align:right;
	background-color: #E1E1E1;
}

.esTable tr.offline td,
.esTable tr.offline td a{
	color:#8b8b8b;
}
.esTable tr.inaccurate td{
	color:#8E0000;
}
.esTable p.timeRow{
	color: #333;
	margin-bottom: 2px;
	font-size:18px;
}
.esTable td.toolsCell{
	text-align:center;
}
.esTable td.toolsCell a:first-child{
	margin-right:5px;
}


/*Clients table sizes*/
.clientsTable tr td:first-child{
	width:20%;
}
.clientsTable tr td:nth-child(2){
	width:7%;
}
.clientsTable tr td:last-child{
	width:7%;
}
.clientsTable tr td:nth-child(5){
	width:19%;
}
.clientsTable .esTextLeft{
	text-align: left !important;
}
.clientsTable .esTextCenter{
	text-align: center !important;
}


/*NOTIFICATIONS*/
.notificationModule{
	float:left;
	height:50px;
	overflow: hidden;
}
.notificationContent{
	border:1px solid #AD730F;
	margin:5px 10px;
	height:40px;
	padding:8px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:15px;
	color:#6c4400;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.28);
}
.notificationContent .bellIcon{
	float:left;
	margin-right:5px;
}
.notificationContentLink:hover{
	text-decoration: none;
}
.notificationContent.newNotifications{
	color:#000;
}
.notificationContent.newNotifications .bellIcon{
	color:#bf0000;
}
.notificationContent .bellIcon{
	/*color:#fdbb16;*/
}

.notificationsTable a{
	color:#333;
}
.notificationsTable tbody td:first-child{
	background-color:#fff !important;
	text-align: center;
}
.notificationsTable .notSeen{
	color:#f00;
}
.notificationsTable .seen{
	color:#ccc;
}

.pointer{
	cursor: default;
}

/* HeatMap colors*/
/*.hmapSwitch{
	background-color: #fff;
	border: 2px solid #f00;
	margin: 0 !important;
	padding: 0;
	position: absolute;
	width: 100px;
	border-radius: 3px 3px;
	text-align: center;
	vertical-align: middle;
	display: none;
}
*/
.hoverRow tr:hover td[data-hmapcolor^="hmap-"]{
	text-decoration: underline;
}
td[data-hmapcolor^="hmap-"],
td[data-hmapcolor^="hmap-"] .moreThanZero,
td[data-hmapcolor^="hmap-"] .belowZero
{
	color:#ddd !important;
}
.hoverRow tr:hover td[data-hmapcolor="hmap-0"], td[data-hmapcolor="hmap-0"]   { background-color: #009400 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-1"], td[data-hmapcolor="hmap-1"]   { background-color: #049000 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-2"], td[data-hmapcolor="hmap-2"]   { background-color: #088C00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-3"], td[data-hmapcolor="hmap-3"]   { background-color: #0D8800 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-4"], td[data-hmapcolor="hmap-4"]   { background-color: #118500 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-5"], td[data-hmapcolor="hmap-5"]   { background-color: #168100 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-6"], td[data-hmapcolor="hmap-6"]   { background-color: #1A7D00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-7"], td[data-hmapcolor="hmap-7"]   { background-color: #1F7A00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-8"], td[data-hmapcolor="hmap-8"]   { background-color: #237600 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-9"], td[data-hmapcolor="hmap-9"]   { background-color: #287200 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-10"], td[data-hmapcolor="hmap-10"] { background-color: #2C6F00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-11"], td[data-hmapcolor="hmap-11"] { background-color: #316B00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-12"], td[data-hmapcolor="hmap-12"] { background-color: #356700 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-13"], td[data-hmapcolor="hmap-13"] { background-color: #3A6300 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-14"], td[data-hmapcolor="hmap-14"] { background-color: #3E6000 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-15"], td[data-hmapcolor="hmap-15"] { background-color: #435C00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-16"], td[data-hmapcolor="hmap-16"] { background-color: #475800 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-17"], td[data-hmapcolor="hmap-17"] { background-color: #4C5500 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-18"], td[data-hmapcolor="hmap-18"] { background-color: #505100 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-19"], td[data-hmapcolor="hmap-19"] { background-color: #554D00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-20"], td[data-hmapcolor="hmap-20"] { background-color: #594A00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-21"], td[data-hmapcolor="hmap-21"] { background-color: #5D4600 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-22"], td[data-hmapcolor="hmap-22"] { background-color: #624200 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-23"], td[data-hmapcolor="hmap-23"] { background-color: #663E00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-24"], td[data-hmapcolor="hmap-24"] { background-color: #6B3B00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-25"], td[data-hmapcolor="hmap-25"] { background-color: #6F3700 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-26"], td[data-hmapcolor="hmap-26"] { background-color: #743300 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-27"], td[data-hmapcolor="hmap-27"] { background-color: #783000 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-28"], td[data-hmapcolor="hmap-28"] { background-color: #7D2C00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-29"], td[data-hmapcolor="hmap-29"] { background-color: #812800 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-30"], td[data-hmapcolor="hmap-30"] { background-color: #862500 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-31"], td[data-hmapcolor="hmap-31"] { background-color: #8A2100 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-32"], td[data-hmapcolor="hmap-32"] { background-color: #8F1D00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-33"], td[data-hmapcolor="hmap-33"] { background-color: #931900 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-34"], td[data-hmapcolor="hmap-34"] { background-color: #981600 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-35"], td[data-hmapcolor="hmap-35"] { background-color: #9C1200 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-36"], td[data-hmapcolor="hmap-36"] { background-color: #A10E00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-37"], td[data-hmapcolor="hmap-37"] { background-color: #A50B00 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-38"], td[data-hmapcolor="hmap-38"] { background-color: #AA0700 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-39"], td[data-hmapcolor="hmap-39"] { background-color: #AE0300 !important; }
.hoverRow tr:hover td[data-hmapcolor="hmap-40"], td[data-hmapcolor="hmap-40"] { background-color: #B30000 !important; }