:root {
	--text-color: #444;
}

@font-face {
	font-family: 'sansationregular';
	src: url('/javax.faces.resource/style/fonts/sansation_regular-webfont.eot.xhtml?ln=default');
	src: url('/javax.faces.resource/style/fonts/sansation_regular-webfont.eot.xhtml?ln=default') format('embedded-opentype'), url('/javax.faces.resource/style/fonts/sansation_regular-webfont.woff.xhtml?ln=default') format('woff'), url('/javax.faces.resource/style/fonts/sansation_regular-webfont.ttf.xhtml?ln=default') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
   font-family: 'ubuntu';
    src: url('/javax.faces.resource/style/fonts/ubuntu-l-webfont.eot.xhtml?ln=default');
    src: url('/javax.faces.resource/style/fonts/ubuntu-l-webfont.woff.xhtml?ln=default') format('woff'),
         url('/javax.faces.resource/style/fonts/ubuntu-l-webfont.ttf.xhtml?ln=default') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
   font-family: 'corporata';
    src: url('/javax.faces.resource/style/fonts/corporata-200-webfont.eot.xhtml?ln=default');
    src: url('/javax.faces.resource/style/fonts/corporata-200-webfont.woff.xhtml?ln=default') format('woff'),
         url('/javax.faces.resource/style/fonts/corporata-200-webfont.ttf.xhtml?ln=default') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html{
	height: 100%;
}

body {
	min-width: 1170px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	/*font-family: sansationregular;*/
	font-family: 'Lato', Segoe UI;
	background:  #080807 url("/javax.faces.resource/images/layout/street-bg.jpg.xhtml?ln=default");
    background-repeat: no-repeat;
    background-attachment:fixed;
	background-position: top;
	background-size:100% 100%;
}

img{
	border:0px;
	-ms-interpolation-mode: bicubic;
}

body .ui-datatable table{
	/*table-layout: auto;*/
}

.ui-widget-overlay{
}

.ui-confirm-dialog{
	z-index: 10100 !important;
}

#statusDialogSettings{
	z-index: 10051 !important;
}

#historyDialog{
	/*z-index: 10050; A.O. to wykomentowa� bo wykresy*/
	z-index: 3;
}

#routePlanDialog{
	z-index: 10050 !important;
}

.ajax-loading-login{
	position: absolute;
	top: 114px;
	width: 482px;
	z-index: 3005;
	height: 5px;
	left: 50%;
	margin-left: -251px;
	overflow: hidden;
}

.ajax-loading{
	position: fixed;
	color: white;
	font-size: 10px;
	z-index: 3005;
	width: 482px;
	height: 4px;
	top: 68px;
	left: 50%;
	margin-left: -251px;
	overflow: hidden;
}

.ajax-loading-progress-container{
	height: 10px;
	width: 0px;
	-webkit-transition: 0.8s ; /* For Safari 3.1 to 6.0 */
	transition: 0.8s ;
	background: #2677a6;	
}

.ui-progressbar.ui-widget{
	background: none;
	border: none;
}

.qtip-dark-gk.ui-helper-reset{
	border: 1px solid silver;
}

.qtip-dark-gk .ui-tooltip-content.ui-widget-content{
	background: none;
	border: none;
}

.qtip-dark-gk .ui-tooltip-tip{
	visibility: hidden;
}

.rotate-half{
	/* Safari */
	-webkit-transform: rotate(-45deg);
	
	/* Firefox */
	-moz-transform: rotate(-45deg);
	
	/* IE */
	-ms-transform: rotate(-45deg);
	
	/* Opera */
	-o-transform: rotate(-45deg);
	
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

}

.ajax-progressbar.ui-progressbar .ui-progressbar-value.ui-widget-header {
	background: #2677a6 !important;
	height: 14px;
}

.ajax-progressbar-container{
	position: fixed;
	color: white;
	font-size: 10px;
	z-index: 3005 !important;
	width: 484px;
	height: 25px;
	top: 68px !important;
	left: 50% !important;
	margin-left: -251px;
	overflow: hidden;
	border: none;
}

.leaflet-routing-no-route-found{
	text-align: center;
	font-size: 11px;
	color: #ffff11;
	display: none;
}

.leaflet-routing-loading-img{
	display: none;
}

.leaflet-control-container .leaflet-top{
	top: 20px;
}

.fullTransparentTable tr{
	background: none;
	border-color: #4a4a4a;
}

.fullTransparentTable .ui-widget-header{
	background: none;
	border-color: #4a4a4a;
}

.fullTransparentTable th{
	background: none !important;
	border-color: #4a4a4a !important;
}

.fullTransparentTable .ui-widget-content{
	background:none;
}

/* UI ***************************************/
.ui-growl {
	right: 20px !important;
	top: 120px !important;
	font-family: Segoe UI;
	font-size: 0.9em;
	z-index: 99999 !important;
}

.ui-growl .ui-growl-item-container {
	background: #1d222b; 
 	border: 2px solid #0099E0; 
	color: white;
}

.ui-growl .ui-growl-item-container.growl-severity-error{
	border: 2px solid #C52D2D;
	background: #360000;
}

.ui-growl .ui-growl-item-container.growl-severity-warn{
	color: white;
	background: rgba(110, 90, 0, 0.6);
	border-color: #DD9715;
}

.ui-growl .ui-growl-item .ui-growl-image {
	width: auto;
	float: none;
}

.ui-tooltip{
	max-width: 600px;
}
.ui-tooltip-content{
	max-width: 600px;
}

.ui-state-highlight .ui-icon{
	background-image: url("/javax.faces.resource/images/ui-icons_eeeeee_256x240.png.xhtml?ln=primefaces-cruze") !important;
}

.ui-tabs .ui-tabs-nav .ui-state-default{
	background: none;
}

.ui-tabs .ui-tabs-nav .ui-state-default{
	background: none;
	border: none;
	border-bottom: 3px solid rgba(0,0,0,255);
	font-family: museo700;
}

.ui-tabs .ui-tabs-nav .ui-state-default a{
	color: #b7b7b7;
}

.ui-tabs .ui-tabs-nav .ui-state-default.ui-state-hover{
	border-bottom: 3px solid #4a505d;
}

.ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-selected{
	border-bottom: 3px solid #0294fa;
}

.ui-tabs .ui-tabs-nav .ui-state-default.ui-tabs-selected a{
	color: white;
}


/* END UI ***********************************/

.site-container{
    width: 100%; 
    height: 100%;
}

/* TOP CONTAINER ************************************/

.top-container {
	position: fixed;
	top:0;
	z-index: 2;
	height: 70px;
	width: 100%;
	
	background-image: url("/javax.faces.resource/images/layout/top/logo-top-bg.png.xhtml?ln=default");
	background-repeat: repeat-x;
	background-position: top;
	color: #fff; 
}

.top-container-logo-wrapper{
	position: fixed;
	top:0;
	left: 50%;
	z-index: 1;
	width: 450px;
	height: 79px;
	margin-left: -225px;
	background-image: url("/javax.faces.resource/images/layout/top/logo-middle.png.xhtml?ln=default");
	background-repeat: repeat-x;
	background-position:top;
}

.top-glow{
	position: absolute;
	left:0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 68px;
	background-image: url("/javax.faces.resource/images/layout/top-glow.png.xhtml?ln=default");
	background-repeat: no-repeat;
	background-position:center;
}

.top-left-corner{
	position: absolute;
	left: 0;
	margin-left: -30px;
	width: 30px;
	height: 70px;
	background-image: url("/javax.faces.resource/images/layout/top/logo-left.png.xhtml?ln=default");
	background-position: left;
}
.top-right-corner{
	position: absolute;
	right: 0;
	margin-right: -30px;
	width: 30px;
	height: 70px;
	background-image: url("/javax.faces.resource/images/layout/top/logo-right.png.xhtml?ln=default");
	background-position: left;
}

.logo-container {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3;
	width: 470px;
	height: 69px;
	background-image: url("/javax.faces.resource/images/layout/logo.png.xhtml?ln=default");
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

.user-info{
	position: absolute;
	top: 3px;
	font-size: 11px;
	right: 230px;
    display: table-cell;
    vertical-align: middle;
    text-shadow: 1px 1px 1px #333;
}

.user-info .top-avatar{
	width: 35px; 
	height: 35px; 
	border-radius: 35px;
}

.user-info-ex{
	position: absolute;
	top: 1px;
	font-size: 11px;
	right: 230px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.user-info-ex .top-avatar{
	width: 25px; 
	height: 25px; 
}

.top-expiration{
	position: fixed;
	right: 230px;
	top: 30px;
	font-size: 11px;
	text-align: right;
}

.login-top-text{
	display: none; 
}

.top-actions{
	position: absolute;
	right: 95px;
	top: 9px;
	cursor: pointer;
}

.top-actions img{
	width: 30px;
}

#top-actions-settings{
	z-index: 4000 !important;
	font-size: 10px;
	width: 150px;
}

#topActionsSettingsButton:hover{
 	filter: brightness(0.7);
	-webkit-filter: brightness(0.7);
	-moz-filter: brightness(0.7);
	-o-filter: brightness(0.7);
	-ms-filter: brightness(0.7);
 }

/* całe okno */
.top-actions-overlay.ui-widget-content{
	background: #1d222b;
	border: 5px solid #424753;
}

/* submenu */
.top-actions-overlay .ui-widget-header{
	background: none;
	border: none;
}

.top-actions-overlay .ui-state-hover{
	background: rgb(0,122,183);
	background: -moz-linear-gradient(top,  rgba(0,122,183,1) 0%, rgba(0,107,160,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,122,183,1)), color-stop(100%,rgba(0,107,160,1)));
	background: -webkit-linear-gradient(top,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#006ba0',GradientType=0 );
}

.top-actions-overlay .ui-separator{
	border-top: 1px solid #0099E0; 
}

.top-actions-overlay h3{
	font-weight: normal;
	text-align: center;
	width: 100%;
	padding: 0px;
} 

.language-flag-container{
	position: fixed;
	right: 45px;
	top: 9px;
	width: 31px;
	text-align: center;
}

.language-main-flag img{
	height: 30px;
	width: 30px;
	border: 0px solid black;
	cursor: pointer;
}

.language-flag-others{
	display: none;
	position: absolute;
	
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
	text-align: center;
	width: 30px;
	background: rgba(66, 71, 83, 0.8);
	border: 1px solid black;
	padding-bottom: 5px;
	padding-top: 5px;
}

.language-flag-others img{
	width: 20px;
	margin-top: 5px;
}

.language_flag_login{
	margin-right: 20px; 
	width: 25px;
	text-align:center;
	margin-right: 20px;
	font-size: 11px;
}

/* END TOP CONTAINER ************************************/

/* NEW LOGIN PAGE */

@font-face {
   font-family: 'museo100';
   	src: url('/javax.faces.resource/style/fonts/Museo100-Regular.otf.xhtml?ln=default') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
   font-family: 'museo700';
   	src: url('/javax.faces.resource/style/fonts/Museo700-Regular.otf.xhtml?ln=default') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
   font-family: 'museo300';
   	src: url('/javax.faces.resource/style/fonts/Museo300-Regular.otf.xhtml?ln=default') format("opentype");
    font-weight: normal;
    font-style: normal;
}

.login-street-container{
	background:  #0f181d url("/javax.faces.resource/images/layout/login-street-bg.jpg.xhtml?ln=default");
    background-repeat: no-repeat;
	background-position: top;
	background-size:100% 100%;
}

.login-street-container-2018{
	background:  #0f181d url("/javax.faces.resource/images/dock/dock-bg.jpeg.xhtml?ln=default");
	background-size: cover;
	/*background-blend-mode: darken;*/
	transition: 1s;
}

.login-street-container-eco-2018{
	background:  #0f181d url("/javax.faces.resource/images/dock/dock-eco-bg.jpeg.xhtml?ln=default");
	background-size: cover;
}

.login-street-top{
	height: 45px;
	background:  #0f181d url("/javax.faces.resource/images/layout/login-top-bg.png.xhtml?ln=default");
	background-position: top;
	background-repeat: repeat-x;
	
	/*height: 60px;
		background:  #0f181d url("/javax.faces.resource/images/layout/top-background-xmass.png.xhtml?ln=default");
	*/
}

.login-street-logo{
	background-image:  url("/javax.faces.resource/images/layout/truckonline-logo.png.xhtml?ln=default");
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 50%;
	margin-left: -332px;
	width: 665px;
	height: 120px;
}

.login-street-language{
	float: right;
	clear: both;
	margin-right: 10px;
	line-height: 45px;
	margin-top: 2px;
	font-size: 20px;
	font-family: museo700;
}

.login-street-language a{
	margin-right: 30px;
}

.login-street-language a:hover{
	text-decoration: underline;
}

.login-street-sentence-thin{
	text-align: center;
	margin-top: 100px;
	color: white;
	font-size: 52px;
	font-family: museo100;
	letter-spacing: 5px;
	text-shadow: 2px 2px 1px #333;
}

.login-street-sentence{
	text-align: center;
	color: white;
	letter-spacing: 5px;
	font-size: 52px;
	font-family: museo700;
	text-shadow: 2px 2px 1px #333;
}

.login-street-form{
	margin-top: 75px;
	text-align: center;
}

.login-street-form table{
	margin: auto;
}

.login-street-form input{
	width: 300px;
	height: 31px;
	font-size: 18px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 11px;
}

.login-street-form button.ui-button.ui-state-default{
	background: #36a7e9;
	width: 150px;
	height: 30px;
	text-shadow: 1px 1px 0.5px #333;
}

.login-street-form button.ui-button.ui-state-active{
	background: #2988c0;
}

.login-powered-by{ 
	margin-top: 50px;
	text-align: center;
	font-family: museo100;
	font-size: 21px;
	color: white;
	text-shadow: 1px 1px 0.5px #333;
}

.login-powered-by div{
	display: inline-block; 
	height: 55px; 
	vertical-align: middle; 
	margin-right: 15px;
}

.login-lintegro-footer{
	display: none;
}

.login-version-info{
	position: fixed;
	right:15px;
	bottom:15px;
	font-size: 11px;
	color: #555555;
}

/* END NEW LOGIN PAGE*/

.content-wrapper{
	position: absolute;
	top: 80px;
	width: calc(100% - 50px);
	height: calc(100% - 80px);
	left: 50px;
	overflow: auto;
}

#resolutionInfo{
	position: absolute;
	top: 290px;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	font-size: 11px;
	color: #e9e9e9;
	text-align: center;
}

#resolutionInfo .compatibility-cookies-error{
	display: none;
	cursor: pointer;
	padding: 5px;
	background: rgba(145, 0, 0, 0.6);
	border: 1px solid #dc0505;
	text-align: center;
	color: #ffd2d2;
	text-shadow: 1px 1px 0.5px #333;
	font-size: 12px;
}

#resolutionInfo .compatibility-error{
	display: none;
	cursor: pointer;
	padding: 5px;
	background: rgba(145, 0, 0, 0.6);
	border: 1px solid #dc0505;
	text-align: center;
	color: #ffd2d2;
	text-shadow: 1px 1px 0.5px #333;
	font-size: 12px;
}

#resolutionInfo .compatibility-alert{
	display: none;
	cursor: pointer;
	padding: 5px;
	font-weight: bold;
	background: rgba(255, 238, 0, 0.6);
	border: 1px solid #fff000;
	text-align: center;
	color: black;
	font-size: 12px;
}

#resolutionInfo .compatibility-alert-info{
	display: none;
	text-align: left;
	position: absolute;
	top: 40px;
	left: 150px;
	width: 600px;
	background:  rgba(57, 69, 75, 0.95) ;
	border: 1px solid #fff000;
	padding: 10px; 
	color: white;
}

#resolutionInfo .compatibility-alert:hover + .compatibility-alert-info{
	display: block;	
}

.no-js #resolutionInfo .compatibility-error{
	display: block;
}

.no-browser .browser-icon, .browser-ok .no-browser-icon{
	display: none;
}

.browser-ok .browser-icon, .no-browser .no-browser-icon{
	display: block;
}

.no-resolution .resolution-icon, .resolution-ok .no-resolution-icon{
	display: none;
}

.resolution-ok .resolution-icon, .no-resolution .no-resolution-icon{
	display: block;
}

.blur{
	filter:blur(4px);
  -o-filter:blur(4px);
  -ms-filter:blur(4px);
  -moz-filter:blur(4px);
  -webkit-filter:blur(4px);
}

#ruler { visibility: hidden; white-space: nowrap; }

.word-wrap {
	white-space: pre-wrap !important; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap !important; /* Opera 4-6 */
    white-space: -o-pre-wrap !important; /* Opera 7 */
    word-wrap: break-word !important; /* Internet Explorer 5.5+ */
    
}

#loadingDialog{
	z-index: 3005 !important;
	top: 60px !important;
	left: 50% !important;
	margin-left: -260px;
	text-shadow:
    -1px -1px 1px #000,
    1px -1px 1px #000,
    -1px 1px 1px #000,
    1px 1px 1px #000;  
}


#loadingDialog .ui-dialog-content{
	padding:2px !important;
	color: white;
	margin-bottom: 20px;
	margin-right: 20px;
}

/* LEGENDA ************************************/

.legend-container{
	z-index: 2001;
	position: fixed;
	top: 0px;
	color: white;
	left: 0;
	width: 450px;
	margin-left: -431px;
	height: 40px;
	overflow: hidden;
	border: 2px solid black;
	
	border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
}

.legend-handler{
	position: absolute;
	right: 0px;
	z-index: 2002;
	background: #34393c;
	border-left: 1px solid black;
	height: 400px;
	width: 20px;
	border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
}

.legend-header{
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	padding-right: 20px;
	border-bottom: 1px solid black;
}

.legend-body{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
}

/* END LEGENDA ************************************/

#map {
	min-height: 99%; 
}


/* STATUS DIALOG NA MAPIE ***********************************/

.language_flag_status{
	width: 20px;
}

.status_row_disabled>td{
	background-color: rgba(82, 82, 82, 0.3) !important;
}

/*
.stickyContainer, .sticky-element{
	position: fixed;
	z-index: 5000;
}
.stickyContainer{
	display: none;
	border-collapse: collapse;
}
*/

#map_contener, #geometryFeaturesMapContainer{
	margin-top: -34px;
	height:100%;
}

/* OBJECT SETTINGS */
.fuel-calibration-table .hasDatepicker, .short-calendar-picker input{
	width: 55px;
}


.short-calendar-picker input[aria-readonly='true'].ui-inputfield{
	opacity: 1.0;
	filter: Alpha(Opacity=100);
}

.low-calendar-picker input{
	height: 10px;
}
 .low-calendar-picker button{
	height: 20px;
	vertical-align: bottom;
 }
 
 .low-calendar-picker button .ui-button-text{
 	padding: 2px 15px;
 }
 
.calibration-panel-bg{
 	background-color: rgba(36, 38, 40, 0.5);
 }

 .save-button-red.ui-button.ui-state-default, .ui-confirm-dialog .ui-button.ui-confirmdialog-yes.ui-state-default{
 	background: rgb(153,93,93);
	background: -moz-linear-gradient(top,  rgba(153,93,93,1) 1%, rgba(84,44,37,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(153,93,93,1)), color-stop(100%,rgba(84,44,37,1)));
	background: -webkit-linear-gradient(top,  rgba(153,93,93,1) 1%,rgba(84,44,37,1) 100%);
	background: -o-linear-gradient(top,  rgba(153,93,93,1) 1%,rgba(84,44,37,1) 100%);
	background: -ms-linear-gradient(top,  rgba(153,93,93,1) 1%,rgba(84,44,37,1) 100%);
	background: linear-gradient(to bottom,  rgba(153,93,93,1) 1%,rgba(84,44,37,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#995d5d', endColorstr='#542c25',GradientType=0 );
	text-shadow: 1px 1px 0.5px #333;
 }
 
 .save-button-red.ui-button.ui-state-hover, .ui-confirm-dialog .ui-button.ui-confirmdialog-yes.ui-state-hover{
 	background: rgb(183,111,111);
	background: -moz-linear-gradient(top,  rgba(183,111,111,1) 1%, rgba(112,50,50,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(183,111,111,1)), color-stop(100%,rgba(112,50,50,1)));
	background: -webkit-linear-gradient(top,  rgba(183,111,111,1) 1%,rgba(112,50,50,1) 100%);
	background: -o-linear-gradient(top,  rgba(183,111,111,1) 1%,rgba(112,50,50,1) 100%);
	background: -ms-linear-gradient(top,  rgba(183,111,111,1) 1%,rgba(112,50,50,1) 100%);
	background: linear-gradient(to bottom,  rgba(183,111,111,1) 1%,rgba(112,50,50,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b76f6f', endColorstr='#703232',GradientType=0 );
	text-shadow: 1px 1px 0.5px #333;
 }
 
 .button-blue-sky.ui-button.ui-state-default{
 	background: rgb(8,148,209);
	background: -moz-linear-gradient(top,  rgba(8,148,209,1) 1%, rgba(15,80,110,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(8,148,209,1)), color-stop(100%,rgba(15,80,110,1)));
	background: -webkit-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: -o-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: -ms-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: linear-gradient(to bottom,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0894d1', endColorstr='#0f506e',GradientType=0 );
	text-shadow: 1px 1px 0.5px #333;
 }
 
 .button-blue-sky.ui-button.ui-state-hover{
 	background: rgb(64,163,206);
	background: -moz-linear-gradient(top,  rgba(64,163,206,1) 1%, rgba(39,101,140,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(64,163,206,1)), color-stop(100%,rgba(39,101,140,1)));
	background: -webkit-linear-gradient(top,  rgba(64,163,206,1) 1%,rgba(39,101,140,1) 100%);
	background: -o-linear-gradient(top,  rgba(64,163,206,1) 1%,rgba(39,101,140,1) 100%);
	background: -ms-linear-gradient(top,  rgba(64,163,206,1) 1%,rgba(39,101,140,1) 100%);
	background: linear-gradient(to bottom,  rgba(64,163,206,1) 1%,rgba(39,101,140,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a3ce', endColorstr='#27658c',GradientType=0 );

	text-shadow: 1px 1px 0.5px #333;
 }
 
 .button-green.ui-button.ui-state-default{
 	background: rgb(8,148,209);
	background: -moz-linear-gradient(top,  rgba(93, 153, 120, 1) 1%,rgba(37, 84, 49, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(93, 153, 120, 1)), color-stop(100%,rgba(37, 84, 49, 1)));
	background: -webkit-linear-gradient(top,  rgba(93, 153, 120, 1) 1%,rgba(37, 84, 49, 1) 100%);
	background: -o-linear-gradient(top,  rgba(93, 153, 120, 1) 1%,rgba(37, 84, 49, 1) 100%);
	background: -ms-linear-gradient(top,  rgba(93, 153, 120, 1) 1%,rgba(37, 84, 49, 1) 100%);
	background: linear-gradient(to bottom,  rgb(93, 153, 120) 1%,rgb(37, 84, 49) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0894d1', endColorstr='#0f506e',GradientType=0 );
	text-shadow: 1px 1px 0.5px #333;
 }
 
.button-green.ui-button.ui-state-hover{
 	background: rgb(8,148,209);
	background: -moz-linear-gradient(top,  rgba(111, 187, 145, 1) 1%,rgba(58, 130, 76, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(111, 187, 145, 1)), color-stop(100%,rgba(58, 130, 76, 1)));
	background: -webkit-linear-gradient(top,  rgba(111, 187, 145, 1) 1%,rgba(58, 130, 76, 1) 100%);
	background: -o-linear-gradient(top,  rgba(111, 187, 145, 1) 1%,rgba(58, 130, 76, 1) 100%);
	background: -ms-linear-gradient(top,  rgba(111, 187, 145, 1) 1%,rgba(58, 130, 76, 1) 100%);
	background: linear-gradient(to bottom,  rgb(111, 187, 145) 1%,rgb(58, 130, 76) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0894d1', endColorstr='#0f506e',GradientType=0 );
	text-shadow: 1px 1px 0.5px #333;
 }
 
 .transparentScrollPanel.ui-scrollpanel{
 	background: none;
 	border: none;
 }
 
 .fullTransparentDataList .ui-datalist-content.ui-widget-content{
 	border: none;
	color: white;
	background: none;
 }
 
 .fullTransparentDataList ul{
 	padding: 0px;
 	margin: 0px;
 }
 
 .transparentDatalist .ui-datalist-content{
 	border-color: #666666 !important;
	color: white !important;
	background: rgba(119, 135, 147, 0.5) !important;
 }

 .transparentDatalist .ui-datalist-content ul{
	 margin: 0px;
	 padding: 0px;
 }
 
 .transparentFileUploader.ui-fileupload .ui-widget-header{
 	background: rgba(31, 40, 47, 0.8);
	border-color: #4a4a4a;
 }
 
 .transparentFileUploader.ui-fileupload .ui-widget-content{
 	border-color: #666666;
	color: white !important;
	background: rgba(48, 58, 65, 0.8);
 }
 
 .transparentFileUploader.ui-fileupload .ui-messages-error{
 	background: rgba(31, 40, 47, 0.8);
 	border: 1px solid red;
 }
 
 .ui-fieldset-legend.ui-corner-all.ui-state-default{
 	height: 15px;
 	padding: 4px 10px 4px 10px;
 	background: #282e39;
 	border: 1px solid #555555;
 	
	text-shadow: 1px 1px 0.5px #333;
 }
 
 .cookie-policy{
 	display: none;
 	position: fixed;
 	z-index: 5000;
 	top: 0px;
 	left: 0px;
 	width: 100%;
 	height: 53px;
	background: rgb(81,91,96);
	background: -moz-linear-gradient(top,  rgba(81,91,96,1) 1%, rgba(66,71,83,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(81,91,96,1)), color-stop(99%,rgba(66,71,83,1)));
	background: -webkit-linear-gradient(top,  rgba(81,91,96,1) 1%,rgba(66,71,83,1) 99%);
	background: -o-linear-gradient(top,  rgba(81,91,96,1) 1%,rgba(66,71,83,1) 99%);
	background: -ms-linear-gradient(top,  rgba(81,91,96,1) 1%,rgba(66,71,83,1) 99%);
	background: linear-gradient(to bottom,  rgba(81,91,96,1) 1%,rgba(66,71,83,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515b60', endColorstr='#424753',GradientType=0 );

 	border-bottom: 2px solid #0099E0;
 	cursor: pointer;
 }
 
 .ui-datatable.transparent-table.datatable-no-border td{
 	border: none;
 }
 
 .cookie-policy-inner{
 	width: 950px; 
 	margin: auto; 
 	margin-top: 15px;
 	text-align: center;
 	line-height: 20px;
 	font-size: 11px;
 	color: white;
 }
 
 .transparentPanelGrid tr, .transparentPanelGrid td{
 	background: none;
 	border-style: none !important;
 	border: none;
 }
 

/* MAPA */

.leaflet-routing-container{
	display: none;
	margin-right: 35px !important;
}

.leaflet-routing-header{
	text-align: center;
	font-weight: bold;
}
.leaflet-routing-container.leaflet-control{
	background-color: rgba(57, 69, 75, 0.85);
	color: white;
}

.leaflet-routing-container .leaflet-routing-geocoders input{
	background: #495152;
	border: 1px solid #666;
	color: white;
}

.leaflet-routing-geocoder-result{
	background: #495152;
	z-index: 1001 !important;
}

.leaflet-routing-container .leaflet-routing-geocoders{
	border-bottom: 1px solid #7d7d7d;
}

.leaflet-routing-container .leaflet-routing-geocoder-selected, .leaflet-routing-container .leaflet-routing-geocoder-result tr:hover {
    background-color: #5077b0;
}

.leaflet-routing-container .leaflet-routing-alt table{
	color: #cbcbcb;
}

.leaflet-routing-container .leaflet-routing-alt table td{
	min-width: 40px;
}

.leaflet-routing-container .leaflet-routing-alt tr:hover {
    background-color: #5077b0;
    cursor: pointer;
}

.leaflet-routing-container .leaflet-routing-alt h3 {
    font-size: 12px;
    line-height: 14px;
    margin-top: 0px;
    font-weight: bold;
}

.leaflet-control-routing{
	background-image: url("/javax.faces.resource/js/leaflet/images/leaflet-routing-icon.png.xhtml");
}

.leaflet-bar.leaflet-draw-toolbar{
	border: none;
}

.leaflet-routing-alt.leaflet-routing-alt-minimized{
	max-height: 45px;
}

.routing-control-panel{
	height: 200px;
	width: 150px;
	background: grey;
	display: none;
}

.map-context-menu-add-routing-point{
	background-image: url("/javax.faces.resource/images/actions/add-icon.png.xhtml?ln=default");
	background-size: 14px 14px;
	background-repeat: no-repeat;
}

.map-context-menu-del-routing-point{
	background-image: url("/javax.faces.resource/images/actions/delete-icon.png.xhtml?ln=default");
	background-size: 14px 14px;
	background-repeat: no-repeat;
}

#map .leaflet-contextmenu a.leaflet-contextmenu-item:hover{
	color: white;
	cursor: pointer;
	background: rgb(0,122,183);
	background: -moz-linear-gradient(top,  rgba(0,122,183,1) 0%, rgba(0,107,160,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,122,183,1)), color-stop(100%,rgba(0,107,160,1)));
	background: -webkit-linear-gradient(top,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#006ba0',GradientType=0 );
}

.lastPointData{
	display: none;
}

/* MONEY CARE */
.moneyCareViewHolder{
	font-family: museo100;
}

.moneyCareChart{
	text-align:center;
}

#moneyCareBestChart{
	width: 100% !important;
}

.ui-datatable.transparentTable.moneyCareTable tbody{
	font-size: 13px;
	font-weight: normal;
	font-family: museo100;
}

.ui-datatable.transparentTable.moneyCareTable table{
	height: 300px;
	font-weight: normal;
}

.ui-datatable.transparentTable.moneyCareTable table th{
	height: 15px;
}

.ui-datatable.transparentTable.moneyCareTable table td{
	padding: 2px 10px;
}

.moneyCareObjectInfoContainer{
	height: 298px; 
	background: rgba(30 , 37, 41, 0.7); 
	border: 1px solid #4a4a4a;
	text-align: center;
	position: relative;
}

.moneyCareObjectInfoHeader{
	padding-top: 10px;
	text-align: center;
	font-size: 27px;
	font-family: museo700;
}

.moneyCareBackButton.ui-button{
	width: 200px; 
	display: block; 
	position: absolute; 
	left: 50%; 
	margin-left: -100px; 
	bottom: 10px;
}

.small-stars{
	width: 12px !important;
	height: 12px !important;
	background-size: 12px 12px !important;
}

.big-stars{
	width: 30px !important;
	height: 30px !important;
	background-size: 30px 30px !important;
}

.super-stars{
	width: 40px !important;
	height: 40px !important;
	background-size: 40px 40px !important;
}

.-stars-container{
	height: 18px;
}

.stars-number{
	display: inline-block;
	font-size: 10px;
	margin-left: 10px;
}

.stars-number::first-letter{
	font-size: 15px;
}

.stars-number-big{
	display: inline-block;
	font-size: 16px;
	margin-left: 10px;
}

.stars-number-big::first-letter{
	font-size: 25px;
}

.small-stars-stars-container{
	height: 13px;
}

.big-stars-stars-container{
	height: 31px;
	text-align: left;
}

.super-stars-stars-container{
	height: 41px;
	text-align: left;
}

.star-full-yellow{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}
.star-full-red{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}
.star-full-orange{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}

.star-full-green{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}

.star-empty{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}

.star-75-yellow{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}
.star-75-red{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}
.star-75-orange{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}
.star-75-green{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}

.star-half-yellow{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}
.star-half-red{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}
.star-half-orange{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}
.star-half-green{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}

.star-25-yellow{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}
.star-25-red{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}
.star-25-orange{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}
.star-25-green{
	margin-left: 1px;
	margin-right: 1px;
	height: 17px;
	width: 17px;
	display: inline-block;
}

.moneyCareTitleBig{
	text-align: center; 
	font-size: 20px; 
	margin: 10px; 
	margin-top: -7px; 
	font-family: museo100; 
	font-weight: normal;	
}

.moneyCareRanking{
	width: 1300px;
	text-align: center; 
	margin: auto;
	background: rgba(27, 36, 40, 0.8);
	border-collapse: collapse;
}

.moneyCareRanking td{
	border: 1px solid #4a4a4a;
	
}

.moneyCareRanking .headerText{
	padding: 7px;
	font-size: 14px;
}

.moneyCareBox{
	border: 1px solid #898989;
	margin: auto;
	width: 200px;
}

.moneyCareBoxHeader{
	color: black;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #898989;
	font-family: museo100;	
}

.moneyCareBoxYellow{
	background: #d2bd0a;
}
.moneyCareBoxGreen{
	background: #20b512;
	color: white;
}
.moneyCareBoxRed{
	background: #bb0000;
	color: white;
}

.moneyCareBoxSelected{
	background: rgba(63, 74, 82, 0.65);
	border: 1px solid rgb(181, 204, 253);
}

.moneyCareBoxSelected .moneyCareBoxHeader{
	background: rgb(54, 167, 233);
	color: white;
}

.moneyCareBoxStars{
	padding: 5px;
	text-align: center;
}

.moneyCareBoxText{
	font-size: 14px;
	padding: 5px;
}

.moneyCareBoxTextSmall{
	font-size: 11px;
	padding: 5px 10px;
	margin: auto;
	width: 180px;  
	text-align: left
}

.moneyCareBoxTable.ui-datatable tbody .ui-widget-content td{
	padding-top: 15px;
	padding-bottom: 15px;
}

.moneyCareBoxTable.ui-datatable tbody{
	border-style: none;
}

.moneyCareBoxTable.ui-datatable tbody tr.ui-widget-content, .fullTransparentTable.ui-datatable tbody .ui-widget-content td{
	border-style: none;
	width: 230px;
}

 .moneyCareBoxTable.ui-datatable table thead {
	display: none;
}

.scaryDialog{
	background: #2B363A;
}

.scaryDialog .ui-dialog-content, .scaryDialog .ui-datatable-even, .scaryDialog .ui-datatable-odd{
	color: rgb(218, 218, 218);
}

.scaryDialog .ui-dialog-titlebar {
	background: rgba(31, 40, 47, 0.6);
}

.dialog-navigation-links div{
	cursor: pointer;
	padding: 5px;
	padding-right: 10px;
	color: rgb(172, 172, 172);
}

.dialog-navigation-links .dialog-navigation-link-active{
	color: rgb(225, 225, 225);
	text-decoration: underline;
}

.pageHelpButton{
	position: fixed;
	z-index: 10006;
	right: -22px;
	top: 380px;
	color: white;
	font-size: 12px;
	text-align: center;
	width: 55px;
	height: 20px;
	background: #484848;
	border: 1px solid #9f9f9f;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	writing-mode: lr-tb;
	
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.pageHelpClose{
	position: absolute;
	z-index: 100006;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	color: black;
	background: white;
	font-size: 15px;
	font-weight: bold;	
	line-height: 30px;
}

.pageHelp{
	position: absolute;
	z-index: 100005;
	width: 100%;
	height: 100%;
	background: rgba(30, 30, 30, 0.75);/*0.9);*/
	text-align: center;
	line-height: 25px;
	color: white;
	font-family: museo100;
}

.customFontThin{
	font-family: museo100;
}

.customFontBold{
	font-family: museo700;
}

.driver-info{
	position: absolute;
	right: 14px;
	top: 8px;
	cursor: pointer;
}

 .driver-info-popup{
 	z-index: 4;
	display: none;
 	position: fixed; 
 	width: 400px;
 	left: 50%; 
 	margin-left: -238px;
 	top: 82px; 
 	background-color: #1d222b; 
 	border: 2px solid #0099E0; 
 	color: white;
 	
 	border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
 }
 
 .driver-info-popup-arrow{
 	position: absolute; 
 	width: 30px; 
 	height: 30px; 
 	left: 50%;
 	top: -19px;
 }
 
 .driver-info-popup-close{
 	position: absolute;
 	width: 10px;
 	height: 10px;
 	right: 7px;
 	top: 2px;
 }
 
 .driver-info-popup-close .ui-button{
 	width: 12px;
 	height: 12px;
 }

.driver-clearObjectSettingsCache{
	position: absolute;
	right: 14px;
	top: 8px;
	cursor: pointer;
}

.driver-clearObjectSettingsCache-popup{
	z-index: 4;
	display: none;
	position: fixed;
	width: 400px;
	left: 50%;
	margin-left: -238px;
	top: 82px;
	background-color: #1d222b;
	border: 2px solid #0099E0;
	color: white;

	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.driver-clearObjectSettingsCache-popup-close{
	position: absolute;
	width: 10px;
	height: 10px;
	right: 7px;
	top: 2px;
}

.driver-clearPayUCache{
	position: absolute;
	right: 14px;
	top: 8px;
	cursor: pointer;
}

.driver-clearPayUCache-popup{
	z-index: 4;
	display: none;
	position: fixed;
	width: 400px;
	left: 50%;
	margin-left: -238px;
	top: 82px;
	background-color: #1d222b;
	border: 2px solid #0099E0;
	color: white;

	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.driver-clearPayUCache-popup-close{
	position: absolute;
	width: 10px;
	height: 10px;
	right: 7px;
	top: 2px;
}

.driver-info-popup-close .ui-button{
	width: 12px;
	height: 12px;
}

.info-popup{
 	position: absolute; 
 	width: 400px;
 	height: 100px;
 	left: 50%; 
 	top: 50%;
 	margin-left: -140px;
 	margin-top: -80px;
 	background-color: #1d222b; 
 	border: 2px solid #0099E0; 
 	text-align: center;
 	color: white; 
 	padding: 10px;
 	border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
 }
 
 .info-popup-close{
 	position: absolute;
 	width: 10px;
 	height: 10px;
 	right: 7px;
 	top: 2px;
 }
 
 .info-popup-close .ui-button{
 	width: 12px;
 	height: 12px;
 }



 .installationCardGallery .gallery-image{
 	max-width: 900px;
 	max-height: 550px;
 	cursor: pointer;
 }
 
.ui-autocomplete-panel {
	background: #1d222b;
	font-size: 10px;
}

 .ui-autocomplete-panel .ui-widget-content {
	background: #1d222b;
}

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

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

.ui-messages.ui-widget {
	color: white;
	font-size:13px;
}

.ui-messages.ui-widget .ui-messages-info {
	color: white;
	background-color: rgba(0, 124, 185, 0.88);
	border: 1px solid white;
}

.ui-messages.ui-widget .ui-messages-error {
	color: #f8c1c1;
	background: rgba(176, 66, 66, 0.8);
	text-shadow: 1px 1px 1px #333;
	margin: 50px 0px;
	padding: 15px;
	border: 1px solid white;
}
/*
.ui-messages.ui-widget .ui-messages-error {
	color: #f4cbcb;
	background-color: rgba(204, 53, 53, 0.84);
}
*/

.ui-messages.ui-widget .ui-messages-warn {
	color: white;
	background-color: rgba(255, 192, 0, 0.6);
	border: 1px solid white;
}

.email-confirm-panel{
	color: white;
	width: 800px;
	margin: auto;
	margin-top: -20px;
	padding: 20px;
	background: rgba(31, 40, 47, 0.6);
}

.ui-accordion-header.ui-state-default{
	background: rgba(80, 94, 102, 0.5);
}

.ui-accordion-header.ui-state-active{
	background: rgba(80, 94, 102, 0.5);
}

.ui-accordion .ui-accordion-content.ui-widget-content{
	padding: 0px;	
}

.ui-accordion-content.ui-widget-content{
	background: rgba(21, 39, 49, 0.3);
}

.chat-users-list{
	width: 190px;
}

.chat-users-list .ui-widget-content{
	border: 0px;
}

.chat-users-list ul{
	margin: 0px;
	padding: 0px;
}

.chat-users-list .ui-widget-content{
	background: #1d222b;
}

.chat-users-list li:hover{
	background: rgb(0,122,183);
	background: -moz-linear-gradient(top,  rgba(0,122,183,1) 0%, rgba(0,107,160,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,122,183,1)), color-stop(100%,rgba(0,107,160,1)));
	background: -webkit-linear-gradient(top,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,122,183,1) 0%,rgba(0,107,160,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#006ba0',GradientType=0 );
}

.chat-window{
	border: 3px solid #424753;
	background: #1d222b;
	position: fixed;
	z-index: 2; 
	bottom: 10px; 
	right: 20px; 
	height: 320px; 
	width: 250px;
	
	-moz-box-shadow: 0 0 2px 2px #888;
	-webkit-box-shadow: 0 0 2px 2px #888;
	box-shadow: 0 0 2px 2px #888;
}

.chat-window .chat-messages-header{
	background: #424753;
	color: white;
	font-size: 11px;
	line-height: 15px;
	padding: 0px 3px 3px 0px;
}

.chat-window .chat-messages{
	color: white;
	font-size: 11px;
	height: 225px;
	padding: 5px;
	overflow-y: auto;
}

.chat-window textarea{
	width: 240px;
	margin-top: 3px;
}

.chat-window button{
	width: 100%;
	position: absolute;
	bottom: 0px;
	right: 0px;
}


.new-rate-popup{
	display: none;
	position: absolute; 
	width: 200px; 
	height: 42px; 
	right: 14px; 
	top: 50px; 
	background-color: #1d222b; 
	border: 2px solid #0099E0; 
	text-align: center;
	
	border-radius:2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}

 .new-rate-popup-close{
	position: absolute;
	width: 10px;
	height: 10px;
	right: 7px;
	top: 2px;
}

.new-rate-popup-close .ui-button{
	width: 12px;
	height: 12px;
}

 .new-rate-arrow{
 	position: absolute; 
 	width: 30px; 
 	height: 30px; 
 	left: 100px; 
 	top: -19px;
 }
 
 _::-webkit-:host:not(:root:root), .new-rate-arrow {
	top: -16px; 
}
 
.new-order-popup{
	display: none;
	position: absolute; 
	width: 200px; 
	height: 42px; 
	left: 50%;
	margin-left: 255px;
	top: 70px; 
	background-color: #1d222b; 
	border: 2px solid #0099E0; 
	text-align: center;
	
	border-radius:2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}

.new-order-popup-close{
	position: absolute;
	width: 10px;
	height: 10px;
	right: 7px;
	top: 2px;
}

.new-order-popup-close .ui-button{
	width: 12px;
	height: 12px;
}

.new-order-arrow{
	position: absolute; 
	width: 30px; 
	height: 30px; 
	left: 5px; 
	top: -19px;
}

_::-webkit-:host:not(:root:root), .new-order-arrow {
	top: -16px; 
}

.monthPickerMonthsTable{
	border-collapse: collapse;
}

.monthPickerMonthsTable button.ui-button-text-only .ui-button-text{
	padding: 0px;
}

 .monthPickerMonthsTable button{
 	width: 40px;
 	height: 40px;
 	margin: 0px;
 }
 
 .monthPicker{
	text-align: center;
	background: rgba(76,88,94,0.9);
	background: -moz-linear-gradient(top,  rgba(76,88,94,0.9) 0%, rgba(47,56,58,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,88,94,0.9)), color-stop(100%,rgba(47,56,58,0.9)));
	background: -webkit-linear-gradient(top,  rgba(76,88,94,0.9) 0%,rgba(47,56,58,0.9) 100%);
	background: -o-linear-gradient(top,  rgba(76,88,94,0.9) 0%,rgba(47,56,58,0.9) 100%);
	background: -ms-linear-gradient(top,  rgba(76,88,94,0.9) 0%,rgba(47,56,58,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(76,88,94,0.9) 0%,rgba(47,56,58,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c585e', endColorstr='#2f383a',GradientType=0 );
}

.mcDetailsReportHeader{
	padding: 10px;
	margin-top: 20px;
	font-size: 19px;
	border-bottom: 1px solid #a8a8a8;
	margin-bottom: 10px;
	font-family: museo700;
	text-align: center;
}

.mcDetailsReportOverallRating{
	width: 130px; 
	text-align: center;
	padding: 5px;
	margin: 15px auto;
}

.mcDetailsReportOverallRatingText{
	font-size: 44px;
	font-family: museo700;
}

.mcDetailsReportRating{
	width: 110px; 
	text-align: center;
	border: 1px solid #a8a8a8;
	padding: 5px;
	float: right;
	background: rgba(29, 38, 45, 0.97);
}

.mcDetailsReportRatingText{
	margin-left: 10px;
	font-size: 35px;
	font-family: museo700;	
}

.mcDetailsReportRatingAdditionalInfo{
	font-size: 20px; 
	vertical-align: top;
}

.mcDetailsReportDescription{
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	float: left;
	width: 650px;
}

.mcDetailsReportDivider{
	clear: both;
	margin: 20px;
	border-color: #a8a8a8;
}

.mcDetailsReportData{
	text-align: left;
	padding: 10px;
	clear: left;
}

.mcDetailsReportModule{
	width: 800px; 
	margin: auto;
	padding-bottom: 30px;
	clear: both;
}

.mcDetailsReportModule table{
	margin-left: 10px;
	width: 650px;
	border-collapse: collapse;
  	border-spacing: 0;
  	margin-bottom: 10px;
  	float: left;
}

.mcDetailsReportModule table td{
	padding: 0px 10px;
	border: 1px solid #a8a8a8;
	height: 30px;
}

.mcDetailsReportModule table th{
	border: 1px solid #a8a8a8;
	height: 30px;
	font-family: museo700;
}

.mcDetailsReportSubmoduleChart{
	margin: auto; 
	width: 830px; 
	margin-top: 15px;
	margin-left: -20px;
	clear: both;
}

.mcDetailsReportLogo{
	display: none;
	text-align: left;
	margin-left: 150px;
	margin-bottom: 20px;
}

.transparentDatatableBordered.ui-datatable .ui-datatable-tablewrapper {
	display: inline-table;
}

.transparentDatatableBordered.ui-datatable tbody .ui-widget-content td, .transparentDatatableBordered.ui-datatable thead th.ui-state-default {
	background: none;
	border: 1px solid #898989;
}

.transparentDatatableBordered.ui-datatable tbody.ui-widget-content, .transparentDatatableBordered.ui-datatable tbody tr.ui-widget-content{
	background: none;
	border: 1px solid #898989;
}

.mcDetailsReportFooter{
	margin-top: 5px;
	width: 800px;
	margin: auto;
	text-align: left;
}

.mcDetailsReportNoData{
	padding: 10px;
	font-size: 15px;
	border: 1px solid #a8a8a8;
}

.notification-expand{
	margin-left: 40px;
}

.notification-message{
	width: 305px;
	min-height: 40px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #2677a6;
}

.notification-messages-container{
	-webkit-transition: 1s; /* For Safari 3.1 to 6.0 */
	transition: 1s;
}

.notification-container{
	-webkit-transition: background-color 2s, width 1s, height 1s; /* For Safari 3.1 to 6.0 */
	transition: background-color 2s, width 1s, height 1s;
	overflow: hidden;
	padding: 5px;
	padding-left: 13px;
	width: 340px;
	height: 35px;
	position: absolute;
	z-index: 3;
	left: 50%;
	margin-left: -601px;
	top: -1px;
	font-size: 11px;
	line-height: 12px;
	border-bottom: 5px solid #2677a6;
	background: #192126 url("/javax.faces.resource/images/notification/notification-bg.png.xhtml?ln=default");
	background-repeat: no-repeat;
	cursor: pointer;
}

.notification-messages-container{
	width: 312px;
	overflow: hidden;
	position: relative;
}

.notification-icon{
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
	margin-top: -3px;
}

.notification-title{
	font-family: museo700;
	margin-bottom: 2px;
}

.notification-content{
	width: 260px;
	height: 24px;
	display: table-cell;
	vertical-align: middle;
}

.notification-expand{
	padding: 10px;
}

.documentation-details{
	background: rgba(35, 45, 52, 0.7) url("/javax.faces.resource/images/layout/transparent.png.xhtml?ln=default") 50% 50% repeat-x;	
	vertical-align:top;	
	color:white;	
}

.documentation-form-td{
	vertical-align:top;	
	font-size: 11px;
	background: rgba(35, 45, 52, 0.7) url("/javax.faces.resource/images/layout/transparent.png.xhtml?ln=default") 50% 50% repeat-x;	
	padding: 5px;
}

.documentation-manage-table thead{
	text-align:center;
	color:white;
}

.tree-folders{
	background: rgba(255,255,255,0.2);
}

.tree-folders .ui-tree-container{
	height: 300px;
}

.device-issue-header{
	position: relative;
	text-align: left;
	color: white;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	background: #2677a6;
	border-bottom: 1px solid #2677a6
}

.device-service-header{
	position: relative;
	text-align: left;
	background: #26a638;
	color: white;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
}

.device-service-content{
	margin: auto;
	margin-top: 50px;
	border: 2px solid #2677a6;
	width: 860px;
	padding: 5px;
	padding-bottom: 15px;
	background: #192830;
	margin-bottom: 15px;
}

.device-service-reply, .device-service-new{
	margin: auto;
	width: 800px;
	margin-top: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #192830;
	border: 1px solid #2677a6;
	font-size: 12px;
}

.alert-icon-panel{
	position: fixed;
	top: 4px;
	left: 50%;
	margin-left: 240px;
	z-index: 4;
}

.alert-icon-panel:hover{
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
	-moz-filter: brightness(1.2);
	-o-filter: brightness(1.2);
	-ms-filter: brightness(1.2);
	cursor: pointer;
}

.order-icon-panel{
	position: fixed;
	top: 3px;
	left: 50%;
	margin-left: 255px;
	z-index: 4;
}

.order-icon-panel:hover{
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
	-moz-filter: brightness(1.2);
	-o-filter: brightness(1.2);
	-ms-filter: brightness(1.2);
	cursor: pointer;
}

.no-funds-info{
	font-family: museo700;
	position: fixed;
	top: 44px;
	height: 21px;
	width: 39%;
	left: 0px;
	font-size: 15px;
	line-height: 21px;
	color: white;
	border-top: 5px solid #2677a6;
	text-align: center;
}

.no-funds-info-basic{
	transition: background-color 1s;
	-webkit-transition: background-color 1s;
	background: rgba(176, 66, 66, 0.9);
	font-size: 13px;
}

.no-funds-info .ui-widget{
	font-family: museo700;
}

.timePicker, .ui-datepicker{
	text-align: center;
	background: rgba(76,88,94,0.9);
	background: -moz-linear-gradient(top,  rgba(76,88,94,0.9) 0%, rgba(47,56,58,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,88,94,0.9)), color-stop(100%,rgba(47,56,58,0.9)));
	background: -webkit-linear-gradient(top,  rgba(76,88,94,0.9) 0%,rgba(47,56,58,0.9) 100%);
	background: -o-linear-gradient(top,  rgba(76,88,94,0.9) 0%,rgba(47,56,58,0.9) 100%);
	background: -ms-linear-gradient(top,  rgba(76,88,94,0.9) 0%,rgba(47,56,58,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(76,88,94,0.9) 0%,rgba(47,56,58,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c585e', endColorstr='#2f383a',GradientType=0 );
}

.ui-datepicker.ui-widget{
	width: 230px;
}

.timePicker .ui-datepicker-inline, .ui-datepicker .ui-datepicker-calendar{
	background: none;
	width: 230px;
}

.timePicker .ui-datepicker-header.ui-widget-header, .ui-datepicker .ui-datepicker-header.ui-widget-header{
	background: #2677a6;
}

.timePicker .ui-datepicker-calendar a, .timePicker .ui-datepicker-calendar span, .ui-datepicker .ui-datepicker-calendar a, .ui-datepicker .ui-datepicker-calendar span{
	width: 24px;
	height: 20px;
	text-align: center;
	line-height: 22px;
	font-family: museo700
}

.timePicker .ui-datepicker-calendar a.ui-state-default, .timePicker .ui-datepicker-calendar span.ui-state-default, .ui-datepicker .ui-datepicker-calendar a.ui-state-default, .ui-datepicker .ui-datepicker-calendar span.ui-state-default{
	background: rgba(51, 60, 67, 0.9);
	border-color: black;
}

.timePicker .ui-datepicker-calendar a.ui-state-highlight{
	background: #bac7ce;
	color: #414141;
}

.timePicker .ui-datepicker-calendar a.ui-state-highlight.ui-state-active{
	color: white;
}

.timePicker .ui-datepicker-calendar a.ui-state-active, .ui-datepicker .ui-datepicker-calendar a.ui-state-active{
	background: rgb(8,148,209);
	background: -moz-linear-gradient(top,  rgba(8,148,209,1) 1%, rgba(15,80,110,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(8,148,209,1)), color-stop(100%,rgba(15,80,110,1)));
	background: -webkit-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: -o-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: -ms-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: linear-gradient(to bottom,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0894d1', endColorstr='#0f506e',GradientType=0 );
	text-shadow: 1px 1px 0.5px #333;
	border-color: white;
}

.timePicker .ui-slider.ui-widget-content, .ui-datepicker .ui-slider.ui-widget-content{
	background: rgba(51, 60, 67, 0.9);
}

.timePicker .ui-slider-range.ui-widget-header, .ui-datepicker .ui-slider-range.ui-widget-header{
	background: rgb(8,148,209);
	background: -moz-linear-gradient(top,  rgba(8,148,209,1) 1%, rgba(15,80,110,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(8,148,209,1)), color-stop(100%,rgba(15,80,110,1)));
	background: -webkit-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: -o-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: -ms-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: linear-gradient(to bottom,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0894d1', endColorstr='#0f506e',GradientType=0 );
	text-shadow: 1px 1px 0.5px #333;
	border-color: white;
}

.hourPickerTrigger input.ui-inputfield{
	background: rgba(51, 60, 67, 0.6);
	box-shadow: none;
	-webkit-box-shadow: none;
	border: 1px solid #4a4a4a !important;
	color: white;
}

.hourPickerTrigger input.ui-state-hover {
	background: rgba(71, 80, 87, 0.6) !important;
	border: 1px solid #4a4a4a !important;
}

.hourPickerTrigger input[aria-readonly='true'].ui-inputfield{
	opacity: 1.0;
}

.report-logo{
	transition: 0.8s;
}

.cards-navigation {
	border-bottom: 1px solid #36a7e9;
	font-family: museo100;
	position: relative;
}

.cards-navigation .cards-navigation-case {
	width: 220px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
}

.cards-navigation .cards-selected-card {
	font-family: museo700;
}

.cards-navigation-selection {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 4px;
	background: #36a7e9;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	width: 220px;
}

.cards-view {
	width: 900px;
	overflow: hidden;
}

.cards-container {
	margin-top: 10px;
	width: 2700px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	width: 2700px;
}

.cards-container .card {
	position: relative;
	float: left;
	width: 900px;
	min-height: 170px;
	display: inline-block;
	font-family: museo100;
	line-height: 15px;
}

.cards-navigation .cards-navigation-case-small{
	font-size: 12px;
	width: 100px;
	height: 40px;
	line-height: 40px;
}

.cards-navigation .cards-navigation-selection-small{
	width: 100px;
}

.history-details-dialog{
	position: relative;
	overflow: hidden;
}

.history-details-dialog-object{
	text-align: left;
}

.history-details-dialog-object-header{
	padding: 5px;
	font-size: 13px;
	margin-bottom: 5px;
	background: rgba(54, 68, 79, 0.6);
}

.history-details-dialog-content{
	padding: 5px 10px 5px 10px;
	line-height: 16px;
}

.progress-in-table.ui-progressbar .ui-progressbar-value {
	background: #009fe3 !important;
}

.progress-in-table.ui-progressbar {
	background: rgba(35, 45, 52, 0.8) !important;
}

.context-menu-address-info {
	font-size: 10px;
	text-align: center;
	padding: 5px;
	margin-bottom: 20px;
}

.add-area-container, .add-route-path-container, .dashboard-popup-container{
	padding-bottom: 3px;
	display: none;
	background: #2E353A;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid #0099E0;
	text-shadow: 0.1em 0.1em black;
	font-size: 11px;
	color: white;
	position: absolute;
	width: 483px;
	height: 50px;
	left: 50%;
	right: 0;
	top: -12px;
	margin-left: -277px;
	margin-right: auto;
	z-index: 10000;
}

.dashboard-popup-container{
	padding: 10px;
	width: 462px;
	height: auto;
}

.calendarPicker .ui-slider-handle.ui-state-default{
	background: rgb(8,148,209);
	background: -moz-linear-gradient(top,  rgba(8,148,209,1) 1%, rgba(15,80,110,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(8,148,209,1)), color-stop(100%,rgba(15,80,110,1)));
	background: -webkit-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: -o-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: -ms-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: linear-gradient(to bottom,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0894d1', endColorstr='#0f506e',GradientType=0 );
	text-shadow: 1px 1px 0.5px #333;
	border-color: white;
}

.custom-boolean-button-moving .ui-button.ui-widget.ui-state-default, .custom-boolean-button-moving .square-red-button.ui-widget.ui-button.ui-state-default{
	background: rgb(237,126,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(237,126,0,1) 0%, rgba(153,65,10,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(237,126,0,1) 0%,rgba(153,65,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(237,126,0,1) 0%,rgba(153,65,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7e00', endColorstr='#99410a',GradientType=0 ); /* IE6-9 */
}

.custom-boolean-button.ui-button.ui-widget.ui-state-active, .custom-boolean-button-active .ui-button.ui-widget.ui-state-default, .custom-boolean-button-active .square-red-button.ui-widget.ui-button.ui-state-default{
	background: #18a3e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #18a3e3 0%, #0070cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18a3e3), color-stop(100%,#0070cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #18a3e3 0%,#0070cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #18a3e3 0%,#0070cc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #18a3e3 0%,#0070cc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #18a3e3 0%,#0070cc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18a3e3', endColorstr='#0070cc',GradientType=0 ); /* IE6-9 */
	border: 1px solid #18a3e3;
}

.custom-boolean-button-selected .ui-button.ui-widget.ui-state-default, .custom-boolean-button-selected .square-red-button.ui-widget.ui-button.ui-state-default{
	background: rgb(0,183,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
	border: 1px solid rgb(0,183,234);
}

.square-button.ui-button.ui-widget{
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border: 1px solid white;
}

.square-button span.ui-button-text{
	width: 25px;
	height: 25px;
	line-height: 25px;
	padding: 0px;
}

.square-red-button.ui-button.ui-state-default{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad6262+0,4f3030+100 */
	background: rgb(173,98,98); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(173,98,98,1) 0%, rgba(79,48,48,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(173,98,98,1) 0%,rgba(79,48,48,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(173,98,98,1) 0%,rgba(79,48,48,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad6262', endColorstr='#4f3030',GradientType=0 ); /* IE6-9 */
}

.edit-event-form .calendar_panel input.ui-widget.ui-state-disabled{
	opacity: 0.5;
}

.short-number-input input{
	width: 90px;
}

.medium-width-select.ui-selectonemenu label.ui-selectonemenu-label{
	width: 110px;
}

#printSpace{
	padding-bottom: 150px;
}

#mcDetailsContainer{
	position: relative;
	overflow:hidden;
}

.ui-icon.ui-fuel-icon-on{
	background-image: url("/javax.faces.resource/images/actions/fuel_icon.png.xhtml?ln=default");
	background-size: 14px 15px;
	background-position: center;
	left: 50%;
	margin-left: -8px;
}

.avatar-border{
	box-shadow: 1px 1px 4px #222222; 
	border: 1px solid #757575;
	border-radius: 200px;
}

.ui-inputswitch.ui-widget.ui-widget-content{
	background: #d32828; /* Old browsers */
	background: -moz-linear-gradient(top,  #d32828 1%, #a52c2c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d32828), color-stop(100%,#a52c2c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d32828 1%,#a52c2c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d32828 1%,#a52c2c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d32828 1%,#a52c2c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d32828 1%,#a52c2c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d32828', endColorstr='#a52c2c',GradientType=0 ); /* IE6-9 */
}

.ui-inputswitch.ui-widget-content .ui-state-active{
	background: rgb(8,148,209);
	background: -moz-linear-gradient(top,  rgba(8,148,209,1) 1%, rgba(15,80,110,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(8,148,209,1)), color-stop(100%,rgba(15,80,110,1)));
	background: -webkit-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: -o-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: -ms-linear-gradient(top,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	background: linear-gradient(to bottom,  rgba(8,148,209,1) 1%,rgba(15,80,110,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0894d1', endColorstr='#0f506e',GradientType=0 );
	border-color: white;
}

.ui-inputswitch .ui-inputswitch-handle{
	background: rgb(51, 60, 67);
}

@media print {
	.mcDetailsReportLogo{
		display: block;
	}
	
	#printSpace{
		margin-left: -80px;
		padding-bottom: 0px;
	}
	
    .highcharts-axis-labels.highcharts-xaxis-labels text, .highcharts-axis-labels.highcharts-yaxis-labels text{
    	fill: black !important;
	}
	
	.mcDetailsReportDescription{
		font-size: 17px;
	}
	
	.star-empty{
		display: none;
	}
	
	.mcDetailsReportHeader{
		border-bottom: 1px solid black;
	}
	
	.mcDetailsReportRating{
		border: 1px solid black;
	}
	
	#printSpace .page-break {
		page-break-after: always;
	}
}

.fuel-algorithm-radio label {
	width: auto;
	margin-right: 10px;
}

.fieldset_with_selects .ui-selectonemenu .ui-selectonemenu-trigger{
	right: -8px;
}

.fieldset_with_selects .ui-chkbox .ui-chkbox-label{
	margin: 1px 0 0 10px;
}

.ui-wizard.ui-widget {
	font-family: museo100;
}

.ui-wizard-step-titles {
	background: rgba(51, 60, 67, 0.6);
	border: 1px solid #4a4a4a;
}

.ui-wizard-step-titles .ui-wizard-step-title {
	font-size: 14px;
	font-weight: normal;
	background: none;
	border: none;
	color: #777777;
	margin-right:20px;
}
 
.ui-wizard-step-title.ui-state-highlight {
	font-family: museo700;
	border-bottom: 3px solid #36a7e9 !important;
	border-radius: 0px;
	color: white;
	background: none !important;
}

.dark-input.ui-inputfield.ui-widget {
	background: rgb(61, 65, 68);
	color: white;
	box-shadow: none;
	-webkit-box-shadow: none;
	font-size: 13px;
	font-family: museo700;
	text-align: center;
}

.datatable-row-height .ui-datatable-data td{
	height: 30px;
}

.small-calendar input{
	width: 55px;
}

.table-row-highlight.ui-widget-content.ui-datatable-even, .table-row-highlight.ui-widget-content.ui-datatable-odd{
	color: #b205ff;
}

.table-row-deactivated.ui-widget-content.ui-datatable-even, .table-row-deactivated.ui-widget-content.ui-datatable-odd{
	color: grey;
	text-decoration: line-through;
}

.ui-editor.ui-widget-content {
	background: white;
}

.ui-inputfield.otp-loading{
    background-image: url(/javax.faces.resource/images/icons/loading.gif.xhtml?ln=default);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.loader {
    display: none;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #36a7e9;
    border-bottom: 16px solid #36a7e9;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: auto;
    position: relative;
    animation: spin 2s ease-in-out infinite;
}

.blurred{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* Page Circle */

.circle {
  height:20px;
  width:20px;
  border-radius:50%;
  background-color: #36a7e9;
  
  position:relative;
  /*top:100px;
  left:300px;*/
  
  -webkit-transition:height .25s ease, width .25s ease;
  transition:height .25s ease, width .25s ease;
  
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}

.circle:hover{
	background-color: transparent;
  height:20px;
  width:20px;
}

.circle:before,
.circle:after {
  content:'';
  display:block;
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  border-radius:50%;
  border:1px solid #36a7e9;
}

.circle:before {
  -webkit-animation: ripple 2s linear infinite;
  animation: ripple 2s linear infinite;
}
.circle:after {
  -webkit-animation: ripple 2s linear 1s infinite;
  animation: ripple 2s linear 1s infinite;
}

.circle:hover:before,
.circle:hover:after {
  -webkit-animation: none;
  animation: none;
}

@-webkit-keyframes ripple{
  0% {-webkit-transform:scale(1); }
  75% {-webkit-transform:scale(1.75); opacity:1;}
  100% {-webkit-transform:scale(2); opacity:0;}
}

@keyframes ripple{
  0% {transform:scale(1); }
  75% {transform:scale(1.75); opacity:1;}
  100% {transform:scale(2); opacity:0;}
}

.pageHelpTextDiv{
	background: rgba(255,255,255, 0.3);
	border-radius: 10px;
	padding: 5px;
}

#javax_faces_developmentstage_messages {
	display: none;
}

/*Aktualizacja leaflet - utworzenie nowej warstwy CSS*/

.cluster {
	background: #2d84c8;
	border-radius: 50%;
	text-align: center;
	color: white;
	font-weight: 700;
	border: 1px solid #2d84c8;
	font-family: monospace;
}

.cluster:before {
	content: ' ';
	position: absolute;
	border-radius: 50%;
	z-index: -1;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	border: 1px solid white;
}

.digits-1 {
	font-size: 14px;
	height: 28px;
	width: 28px;
	line-height: 28px;
	margin-top: -14px;
	margin-left: -14px;
}

.digits-2 {
	font-size: 16px;
	height: 34px;
	width: 34px;
	line-height: 35px;
	margin-top: -17px;
	margin-left: -17px;
}

.digits-2:before {
	border-width: 2px;
}

.digits-3 {
	font-size: 18px;
	height: 48px;
	width: 47px;
	line-height: 47px;
	border-width: 3px;
	margin-top: -24px;
	margin-left: -24px;
}

.digits-3:before {
	border-width: 3px;
}

.digits-4 {
	font-size: 18px;
	height: 58px;
	width: 58px;
	line-height: 57px;
	border-width: 4px;
	margin-top: -29px;
	margin-left: -29px;
}

.digits-4:before {
	border-width: 4px;
}

.digits-5 {
	font-size: 20px;
	height: 70px;
	width: 70px;
	line-height: 69px;
	border-width: 5px;
	margin-top: -36px;
	margin-left: -34px;
}

.digits-5:before {
	border-width: 5px;
}

li.ui-state-default.ui-corner-top.import_disabled > a {
	color: darkred;
}