/* Login Section
========================================================================== */
body, html {
    height: 100%;
}
.full-screen-bg {
    background-color: #2190ce;
    background-image: url("../../resources/images/login/login-bg-v3.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: calc(100% - 0px);
    position: relative;
    width: 100%;
    z-index: 1000;
}
.mask{background:rgba(0,0,0,0.2); position:absolute; top:0; right:0; left:0; bottom:0;z-index:1100}
.login-content {
	padding: 50px 0;
	position:relative;
	z-index:1300
}
.header-caption {
	color: #fff
}
.login-box {
	width: 400px;
	margin: 0 auto;
	 background: rgba(255,255,255,0.9);
    border-radius: 3px;
}
.login-box .box-hd,.login-box .box-bd,.login-box .box-ft{padding: 30px;border-bottom:1px solid #dde3e5}

.login-body-caption {
	padding: 50px 0
}
.login-applications-box {
	border-right: 1px dashed #a5a5a9;
	padding: 20px
}
.last-application-box {
	border-right: none
}
.login-reset .active {
	color: #333;
	text-decoration: none
}
.marketing-link {
	padding: 50px 0
}
.centralized-ul {
	display: table;
	margin: 0 auto;
}
.login-social li {
	margin: 0 10px
}
.login-social li a {
	color: rgba(255, 255, 255, 1);
	font-size: 24px
}
.copyright, .version {
	color: rgba(255, 255, 255, 1);
	font-size: 12px;
}
.login-copy-rights ,.login-version{
	color: rgba(255, 255, 255, 1);
	font-size: 12px;
	}
.footer-static-pages li a {
	color: #fff;
	padding: 0 10px
}
.footer-static-pages li a:hover {
	text-decoration: none
}
.footer-static-pages li .separator {
	color: #fff
}
.login-footer{
	position:relative;
	z-index:1300;	
}
.horizantal-list:before, .horizantal-list:after {
	content: "";
	display: table;
}
.horizantal-list:after {
	clear: both;
}
.static-box .box-hd {
	background: #fff;
	border-top: 1px solid #eff0f0;
	border-bottom: 1px solid #eff0f0
}
.static-box .box-bd, .static-box .box-ft, .static-box .box-hd {
	display: block
}
@media (max-width: 767px) {
.login-applications-box {
	border-right: none;
	border-bottom: 1px dashed #a5a5a9
}
}
@media (max-width: 480px) {
.login-box {
	width: auto;
	margin: 0 auto;
}
.login-content{
	padding:10px 0
	}
}
/* End Login Section
========================================================================== */
/* Main Section
========================================================================== */
.content-box{
	background-color: #fff;   
    border-radius: 4px;
    
	}
.content-box  .box-hd, .content-box  .box-bd, .content-box .box-ft {
border-bottom: 1px solid #eff0f0;
padding: 10px;
}
.content-box-fixed-500 .box-bd{
height:700px;
overflow-y:auto;
overflow-x:hidden;
	
}
.content-box-fixed-600 .box-bd{
height:600px;
overflow-y:auto;
overflow-x:hidden;
	
}
.basic-box{
	background-color: #fff;   
    border-radius: 4px;
    box-shadow:none;
	}
.basic-box  .box-hd, .basic-box  .box-bd, .basic-box .box-ft {
border-bottom: none;
padding: 10px;
}
.collapsable-box{
background-color: #fff;   
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);	
}
.collapsable-box .box-hd, .collapsable-box .box-bd, .collapsable-box .box-ft {
border-bottom: 1px solid #eff0f0;
padding:10px 20px;
}
.collapsable-box .collapsable-area {
	background:#fff
}
.table-content-box{
	background-color: #f3f6f7;   
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}
.table-content-box .box-hd, .table-content-box .box-bd, .table-content-box .box-ft {
border-bottom: 1px solid #d9d9d9;
padding: 10px;
}
.table-content-box-fixed-500 .box-bd {
height:500px;
overflow-y:auto;
overflow-x:hidden;
}
.table-content-box-fixed-400 .box-bd {
height:400px;
overflow-y:auto;
overflow-x:hidden;
}
.table-content-box-fixed-300 .box-bd {
height:300px;
overflow-y:auto;
overflow-x:hidden;
}
.popup-box  .box-hd, .popup-box  .box-bd, .popup-box  .box-ft {
	display:block
}
.page-aside-content{margin:30px 15px 10px}
.login-form-wrapper .control-scroll{
	height: -webkit-calc(100% - 10px);
	height: calc(100% - 0px);
	}
.control-scroll{
	height: -webkit-calc(100% - 0px);
	height: calc(100% - 0px);}
.toggle-aside{left:-350px}
.page .toggle-main-page{margin-left:0 }

.large-aside .page-aside{width:580px}
.large-aside .toggle-aside{left:-580px}
.large-aside .page-aside+.page-main {
	margin-left: 580px
}
.large-aside .page .toggle-main-page{margin-left:0 }
.xlarge-aside .page-aside{width:700px}
.xlarge-aside .toggle-aside{left:-700px}
.xlarge-aside .page-aside+.page-main {
	margin-left: 700px
}
.xlarge-aside .page .toggle-main-page{margin-left:0 }
.dropdown-aside {
	min-width: 320px;
	padding-bottom: 1px;
	max-width:321px;
	
}
.dropdown-aside  > li > a , .dropdown-aside .item{
	white-space:normal !important
}
@media (max-width: 767px) {
.btn-toggle-aside{
	display:none;
}
.toggle-aside{
	left:-260px
	}
.large-aside .toggle-aside{
	left:-260px
	}
.large-aside .page-aside{
	width:260px
	}
.large-aside .page-aside.open {
	left:0;
}
.large-aside .page-aside + .page-main{margin-left:0}
.dropdown-aside {
	min-width: 248px;
	max-width:247px ;
}

.xlarge-aside .toggle-aside{
	left:-260px
	}
.xlarge-aside .page-aside{
	width:260px
	}
.xlarge-aside .page-aside.open {
	left:0;
}
.xlarge-aside .page-aside + .page-main{margin-left:0}
.dropdown-aside {
	min-width: 248px;
	max-width:247px ;
}
}
@media (max-width:1199px) {
.dropdown-aside {
	min-width: 248px;
	max-width:247px ;
	
}
}

.separator {
    background-color: #eff0f0;
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
}
.separator-alt{
background-color: #d3d4d4	;
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
}
.mtb10{margin:10px 0}
.ui-datatable .checkbox-custom, ui-datatable .radio-custom{
margin-bottom:0;
margin-top:0;	
	}
	
.ui-datatable-sm .ui-datatable thead th, .ui-datatable-sm .ui-datatable tbody td, .ui-datatable-sm .ui-datatable tfoot td, .ui-datatable-sm .ui-datatable tfoot th
{
	padding:4px;
	font-size:12px;
}
.ui-datatable-sm  .ui-paginator{
	font-size:12px;
}
.brand-link:hover,
.brand-link:focus,
.color-dark:hover,
.color-dark:focus  {
  text-decoration: none;
}
.page-header-wrapper{padding:8px 20px}
.form-info, .table-info{
	font-size:12px;
	font-style:italic;
	}	
/*Home*/
.sortable-box-home  {
    background: #f3f7f9 none repeat scroll 0 0;    
    position: relative;    
}

.box-actions a:hover, .sortable-box-home .box-title:hover{
 /* color:#ee5329;
  text-decoration:none;*/
	}
.draggable-icon{
cursor:move;	
}
.vertical-full-size .sortable-box-home  {
    width: 100%;
}
.vertical-full-size .sortable-placeholder {
    width: 100%;
}
.sortable-placeholder {
	border-color:#b6bbbd;
	width:auto;
	height:300px;
	}
.gg{border: 0 none;
    border-radius: 1000px;
    height: auto;
    max-width: 100%;
    width: 100%;}	
.circle{
    border-radius: 1000px;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    white-space: nowrap;
	border-width:2px;
	border-style:solid; 
}

.circle-content{
	text-align:center;
	width:100%;
	height:100%;
	display:inline-block;
	/*color:#a5a5a9;*/
}
.circle:hover {
border-color:#ee5329;
background:	#ee5329;
}
.circle:hover .circle-content{
	color:#fff
}
.circle-content-xs{
    line-height:60px;	
	font-size:20px;	
	}
.circle-content-sm{
   line-height:85px;	
	font-size:24px;	
}
.circle-content-lg{
   line-height:150px;
	font-size:26px;
}
.circle-xs{
	width:65px;
	height:65px;	
	}
.circle-sm{
    width:100px;
	height:100px;
	border-width:5px;
}
.circle-lg{
    width:150px;
	height:150px
}
.circle-default{
	border-color:#777777;
	
}
.circle-primary{
	border-color:#ee5329
}
.circle-info{
	border-color:#31b0d5
}
.circle-success{
	border-color:#449d44
}
.circle-warning{
	border-color:#f0ad4e
}
.circle-danger{
	border-color:#d9534f
}
.circle-purple{
	border-color:#bb6490
}

@media (max-width: 767px) {
.circle-media-box{
	margin:0 0 20px 0;
}
}
.home-side-list-box{
	background-color: transparent;   
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
	border: 1px solid #ccc;
	}
.home-side-list-box .box-hd,  .home-side-list-box .box-ft {
border-bottom: 1px solid #ccc;
padding: 10px 20px;
}

.home-list-item {
	border-bottom: 1px solid #ccc;
	padding:10px 20px;
	}
.home-list-item .action-icon, .home-list-item .action{
color:#333;
	
	}
.home-list-item:hover .action-icon, .home-list-item:hover .action{
	color:#ee5329;
	text-decoration:none;
}
.home-side-list .home-list-item:last-child{
	border-bottom:none
}
.box-light-bg{
	background:#fff;
	border: 1px solid #eff0f0;
	}
.box-light-bg .box-hd,  .box-light-bg .box-ft {
border-bottom: 1px solid #eff0f0;
padding: 10px 20px;
}
.box-light-bg .home-list-item {
	border-bottom: 1px solid #eff0f0;
}
.box-light-bg .home-side-list .home-list-item:last-child{
	border-bottom: 1px solid #eff0f0 ;
}

.basic-transition{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;	
}
.animate {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.home-repostrs-list li{
	width:35%; 
	float:left;	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}
.home-repostrs-list li a{
color:#a5a5a9;	
}
.home-repostrs-list li a:hover{
color:#ee5329;
text-decoration:none;	
}

/*End Home*/	
	

/* End Main Section
========================================================================== */

/* Application navbar
========================================================================== */
.application-navbar{margin-bottom:0}
.application-navbar .navbar-toggle {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    font-size: 18px;
    margin-top: 10px;
    padding: 2px 0;
}
.application-navbar .navbar-toggle:hover, .application-navbar .navbar-toggle:focus {
	background: none;
	border: none
}
.application-navbar .dropdown-menu > li > a {
    color: #666;
    padding: 8px 20px;
}
.dropdown-menu-filters .item{
    clear: both;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
   
}
.dropdown-menu-filters .item:before,.dropdown-menu-filters .item:after{content:"";display:table;}
.dropdown-menu-filters .item:after{clear:both;}
.dropdown-menu-filters .item table{
      white-space: normal;
}
.dropdown-menu-filters .item-header{
font-weight:bold;	
}
.dropdown-menu-app-header .dropdown-menu-header{
	padding:10px 20px;
	}
.dropdown-div-view{
padding:20px	
}


/* Application navbar
========================================================================== */
/* Flexible-container
========================================================================== */
.Flexible-container {
    height: 0;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed , .Flexible-container .map {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.map-inside-collapse{
	overflow:inherit;
	margin-top:7%;
	
}
.map-container{
position:relative;	
}
.map-view .page,
.map-view .map-container,
.map-view .map
 {
height:calc(100% - 0px);
height: -webkit-calc(100% - 0px);
}
.map-view .page-main{
height:calc(100% - 0px)	
}
.map {
height:100%	
	}
.map-popover{display:block; top:300px; left:500px}

/* End Flexible-container
========================================================================== */
.dropdown-2:hover .dropdown-menu {
    display: block;
}
.list-without-links  li{
 padding: 3px 20px;	
}
@media (max-width: 767px) {
.job-filters li{
	float:none;
	margin:0 0 10px 0
	
	}
}

.info-box{
	background:#f1f1f1 ;
	padding:10px;
	border-radius: 4px;
	border: 1px solid #e6e6e6;
}
.info-box .desc{
font-size:12px	
}
.online-color{
	color:#5cb85c
}
.info-box .action-icon {
color:#a5a5a9
}

.gray-bg{/*sutable for content inside collapse-area*/
	background:#f1f1f1 ;
}
.grouping-bg-light{
background:#fcfcfc;
	}
.grouping-fields{
	background:#f1f4f5;	
}
	video {
  width: 100%    !important;
  height: auto   !important;
}
.traffic-forcast-box{
position:fixed;
width:300px;
bottom:0;
left:50%;
margin-left:-150px	
}
.tracking-info-bar{
background:#fff;
padding:2px 20px;	
}
.map-container-fixed-height-200{
	width:100%;
	height:200px
}
.map-container-fixed-height-300{
	width:100%;
	height:300px
}
.map-container-fixed-height-400{
	width:100%;
	height:400px
}
.map-container-fixed-height-500{
	width:100%;
	height:500px
}
.map-container-fixed-height-700{
	width:100%;
	height:700px
}
.map-container-fixed-height-900{
	width:100%;
	height:900px
}
.table-container-scroll{
	height:300px;
	overflow:auto;
}

.historical-data-bar{
line-height:10px;	
}
.historical-data-bar .has-data{
background:#5cb85c;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
}
.historical-data-bar .no-data{
background:#777777;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
}
.sub-dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #a5a5a9;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.sub-dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.sub-dropdown-menu > .active > a,
.sub-dropdown-menu > .active > a:hover,
.sub-dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #ee5329;
}
.sub-dropdown-menu > .disabled > a,
.sub-dropdown-menu > .disabled > a:hover,
.sub-dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.sub-dropdown-menu > .disabled > a:hover,
.sub-dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.vertical-text {
	position: fixed;
	color: #fff;
	right: 7px;
	top: 300px;
	color:rgba(146, 146, 150,1);
	-ms-writing-mode: tb-rl; /* old syntax. IE */
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl; /* new syntax */
}
html[data-useragent*='MSIE 10.0'] .vertical-text {
  color: blue;
}
.vertical-text-static {	
	-ms-writing-mode: tb-rl; /* old syntax. IE */
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl; /* new syntax */
}
.example-context-menu{
width:100%;
height:300px;	
border:1px solid #e6ecee;
}

.form-control::-moz-placeholder {
  color: #bdbdbd;
  opacity: 1;
  font-style:italic;
  font-size:12px;
}
.form-control:-ms-input-placeholder {
  color: #bdbdbd;
  font-style:italic;
  font-size:12px;
}
.form-control::-webkit-input-placeholder {
  color: #bdbdbd;
  font-style:italic;
  font-size:12px;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
  font-style:italic;
  font-size:12px;
}

.form-control[disabled]::-moz-placeholder,
.form-control[readonly]::-moz-placeholder,
fieldset[disabled] .form-control::-moz-placeholder{
	color:#999;
	opacity: 1;
}
.form-control[disabled]:-ms-input-placeholder,
.form-control[readonly]:-ms-input-placeholder,
fieldset[disabled] .form-control:-ms-input-placeholder{
	color:#999;
	opacity: 1;
}
.form-control[disabled]::-webkit-input-placeholder,
.form-control[readonly]::-webkit-input-placeholder,
fieldset[disabled] .form-control::-webkit-input-placeholder{
	color:#999;
	opacity: 1;
}
.form-control[disabled]::-ms-expand,
.form-control[readonly]::-ms-expand,
fieldset[disabled] .form-control::-ms-expand{
	border: 0;
    background-color: transparent;
}
/*PAM*/
.parameters-list li {
width:30%;
float:left;	
}
@media (max-width: 767px) {
.parameters-list li {
	width:100%;
	}
}

/*End PAM*/
/*iAsset*/
.tag .label {
  font-size: 16px;
  padding: .3em .4em .4em;
  margin: 0 .1em;
}
.tag .remove {
  color: #fff;
  cursor: pointer;
  opacity: 0.6;
}
.tag .remove:hover {
  opacity: 1.0
}
.tag .remove {
  vertical-align: baseline;
  top: 0;
}
.has-hide-btn{
position:relative	
}
.hide-map-btn{
position:absolute;
right:20px;
top:20px;
z-index:1050;	
}
/*End iAsset*/

/*Bootfaces*/
.bf-messages .close{
float:right;	
}
/*End Bootfaces */

/*iMaintenance*/
.maintenance-items-list li{
width:45%;
float:left;	
}
/*End iMaintenance*/
.text-editor-content{
	white-space:normal !important
}

/*Labeeb*/
html {
   -ms-overflow-style: scrollbar;/*stop ie scrollbar to overlap content*/
}
.data-container{
	border:1px solid #eff0f0;
	
}
.fixed-height-200{
  min-height:200px;	
}
.fixed-height-300{
  min-height:300px;	
}
.fixed-height-400{
  min-height:400px;	
}
.fixed-height-500{
  min-height:500px;	
}

.dashboard-media-box{
	background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 5px;
    min-height: 164px;
    padding: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.dashboard-media-box .title{
		padding:10px 0 0 0;
	}
.dashboard-media-box{
    text-align:center;		
	}
.dashboard-media-box .circle {
	float:none 
	}
.dashboard-media-box{
    margin:20px 0;	
}
}
@media (max-width: 767px) {
.dashboard-media-box .title{
		padding:10px 0 0 0;
	}
.dashboard-media-box{
    text-align:center;		
	}
.dashboard-media-box .circle {
	float:none 
	}
.dashboard-media-box{
    margin:20px 0;	
}
}

/*Labeeb*/

/*clwp*/
.bg-default{
	background:#777777;	
}
.bg-primary{
	background:#597159
}
.bg-secondary{
	background:#efc700
}
.bg-info{
	background:#31b0d5
}
.bg-success{
	background:#5cb85c
}
.bg-warning{
	background:#f0ad4e
}
.bg-danger{
	background:#d9534f
}
.bg-purple{
	background:#bb6490
}
.statistics-media-box .statistics-icon{
	font-size:30px;	
    color:#fff;
	vertical-align:middle; 
	line-height:38px

}
.statistics-media-box{
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	padding:10px 0 15px;
}
.statistics-media-box.bg-primary .content,.statistics-media-box.bg-warning .content,.statistics-media-box.bg-success .content,.statistics-media-box.bg-danger .content{
color:#fff	
}
.statistics-media-box.bg-secondary .content{
color:#444	
}

.statistics-circle {
	width:70px;
	height:70px;
	padding:15px;
	vertical-align:middle;		
	}
.statistics-media-box .content{
color:#3f3f3f	
}
@media (min-width: 768px) and (max-width: 991px) {
	.statistics-media-box{
    margin:20px 0;
    border-bottom: 1px solid #eff0f0;
	padding:25px 15px;	
}
}
@media (max-width: 767px) {
.statistics-media-box{
    margin:20px 0;
    border-bottom: 1px solid #eff0f0;
	padding:25px 15px;	
}
}
.summary-info-box{
	background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 10px;
}
.summary-info-box .primary-section{
background:rgba(0,0,0,0.1);
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.page-aside-fixed-header{
padding:10px 15px;
border-bottom:1px solid #eff0f0;
min-height:50px;/*It was only height and changed to min-height to fix the issue of expabdable area for historical datepicker*/
-webkit-box-shadow: 0 0.2px 0.5px rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0 0.2px 0.5px rgba(0, 0, 0, 0.04);
box-shadow: 0 0.2px 0.5px rgba(0, 0, 0, 0.04);
background:#fcfcfc
}
.with-fixed-header{margin:10px 15px; height:calc(100% - 50px)}
.page-aside-inner.with-fixed-footer{ height:calc(100% - 100px)}

.page-aside-fixed-footer{
/*padding:0px 15px;*/
border-top:1px solid #eff0f0;
height:50px;
-webkit-box-shadow: 0 0.2px 0.5px rgba(0, 0, 0, 0.04);
-moz-box-shadow: 0 0.2px 0.5px rgba(0, 0, 0, 0.04);
box-shadow: 0 0.2px 0.5px rgba(0, 0, 0, 0.04);
background:#fcfcfc
}
.jobs-priority{
	padding-top:10px;
	padding-bottom:10px
	}
	.badge-circle{
   border-radius: 1000px;	
}
.size-icon-circle{ display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: rgba(0,0,0, 0.2);
  border-radius: 1000px;
}
.box-xs{
	 font-size: 14px;
    padding: 11px;
}
.box-lg {
    font-size: 18px;
    padding: 9px;
}
.box-xlg {
    font-size: 21px;
    padding: 7px;
}
.selected-package .size-icon-circle {
	background:#5cb85c 
}
.avatar-content{
	color:#fff
}
.saved-distination-box{
	border-bottom:1px solid #eff0f0;
	padding: 0 0 5px 0;	
}
.saved-distination-box .link:hover{
	text-decoration:none
}
.rating {
	unicode-bidi: bidi-override;
	direction: rtl;	
}
.ui-datatable .rating {
    text-align:left;	
}
.rating span.star {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block
}
.rating span.star:hover {
	cursor: pointer
}
.rating span.star:before {
	content: "\f006";
	padding-right: 5px;
	color: #777
}
.rating span.star:hover:before, .rating span.star:hover~span.star:before {
	content: "\f005";
	color: #e3cf7a
}
.rating.read-only span.star:hover {
	cursor: default
}
.read-only{
    pointer-events: none;
}
.rating span.active:before, .rating span.active~span.active:before {
	content: "\f005";
	color: #e3cf7a
}
.map-footer{
	background:rgba(255,255,255,1);
	height:52px;
	border-bottom: 5px solid #efc700;
}
.driver-section{
	
}
.driver{
	padding:12px 10px 10px;
	color:#929296
}
.call-driver{
	font-size:30px;
	padding:2px 10px 0;
}
.map-view .page-main.map-with-header {
    height: calc(100% - 52px);
    height: -webkit-calc(100% - 52px);
}
@media (max-width: 768px) {
	.navbar-add-job .new-job-link{
     margin:0 0 10px 0;	
    }
	.page-sub-title-txt{
	/*float:right; in case you have back button add this*/	
	}
	.navbar-tracking-toggle{
	display:none	
	}
	.map-view .page-main.map-with-header {
    height: calc(100% - 102px);
    height: -webkit-calc(100% - 102px);
}
}
.btn-mobile {
	color:#777;
	margin:12px 15px 10px;
	
	}
	.btn-mobile:hover ,.btn-mobile:focus  {
	color:#333
	}
	.logged-out #global-left-menu{
	display:none	
	}
	
	.logged-out  .page, .logged-out .site-footer {
	margin-left: 0px
}
.logged-out .menu-bars,.logged-out .logged-out-content    {
   display:none	
   }
   .centralized-container-400{
    width: 400px;	
    margin: 0 auto;	
}
  .only-logged-out 
   {
   display:none	
   }
.logged-out .only-logged-out{
	display:block
	}
.centralized-container-box .box-hd, .centralized-container-box .box-bd, .centralized-container-box .box-ft {
	background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    border-bottom: 1px solid #eff0f0;
    padding: 20px;
}

@media (max-width: 768px) {
	.centralized-container-400{
    width: 400px;	
    margin: 0 auto;	  
    }
}
@media (max-width: 480px) {
.centralized-container-400{
    width: auto;	
    margin: 0 auto;
    }	
}
.underline{
	text-decoration:underline
	}
	
.small {
  font-size: 80%;
}
.color-map{color:#ff6600}

.has-error .input-group .form-control{
z-index:3	
}
/*clwp*/
/*Hawaak*/
.station-box{
   border:1px solid #eff0f0;	
	}
.circle-media-box .circle{

}
@media (max-width: 767px) {
.main-block .col{
float:left !important;
width:50% !important	
	}	
.large-aside  .page-aside-mobile {
	left:calc(-100% + 0px)
	}	
.large-aside  .page-aside.page-aside-mobile{
width:calc(100% - 0px)
	}	
.xlarge-aside  .page-aside-mobile {
	left:calc(-100% + 0px)
	}	
.xlarge-aside  .page-aside.page-aside-mobile{
width:calc(100% - 0px)
	}
}
@media (max-width: 480px) {
.aqi-ranges .btn{
    font-size:11px;
    }	
}
.humidex-default-circle{
  color: #333333;
  background-color: #ffffff;
  border-color: #e4e4e4;	
}
.humidex-default-circle:hover{
  color: #333333;
  background-color: #f3f7f9;
  border-color: #adadad;
}
.humidex-default-circle .circle-content:hover{
	color: #333333;
}
.humidex-red-circle{
  color:#fff;
  background: #d9534f;
  border-color: #d43f3a;	
}
.humidex-red-circle:hover{
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.humidex-orange-circle{
  color: #ffffff;
  background-color: #ff6600;
  border-color: #eea236;	
}
.humidex-orange-circle:hover{
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.humidex-yallow-circle{
  color: #ffffff;
  background-color: #ffcc33;
  border-color: #e6b800;
}
.humidex-yallow-circle:hover{
  color: #ffffff;
  background-color: #ffcc33 ;
  border-color: #a88700;
}
.humidex-green-circle{
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;	
}
.humidex-green-circle:hover{
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.border-right{
border-right:1px solid #eff0f0;	
	}
.border-left{
border-right:1px solid #eff0f0;	
	}
.border-top{
border-top:1px solid #eff0f0;	
	}
.border-bottom{
border-bottom:1px solid #eff0f0;	
	}
.humidex-default-color , .aqm-default-color{
	color:#929296;	
}
.humidex-red-color , .aqm-red-color{
	color:#d9534f;
	}	
.humidex-orange-color , .aqm-orange-color{
	color:#ff6600;
	}
.humidex-yallow-color , .aqm-yallow-color{
	color:#ffcc33 ;
	}
.humidex-green-color , .aqm-green-color{
	color:#5cb85c;
	}
.aqm-very-unhealthy-color{
	color:#99004C;
	}
.aqm-hazardous-color{
	color:#7e0023;
	}
.humidex-default-bg , .aqm-default-bg{
	background:#929296;	
}
.humidex-red-bg ,.aqm-red-bg{
	background:#d9534f;
	}	
.humidex-orange-bg , .aqm-orange-bg{
	background:#ff6600;
	}
.humidex-yallow-bg , .aqm-yallow-bg{
	background:#ffcc33 ;
	}
.humidex-green-bg , .aqm-green-bg{
	background:#5cb85c;
	}
.aqm-very-unhealthy-bg{
	background:#99004C;
	}
.aqm-hazardous-bg{
	background:#7e0023;
	}
.humidex-number , .aqm-number{
font-size:45px;
font-weight:700;	
}
.index-item{
color:#fff;
padding:5px;	
	}
.actions-list .list-icon{
font-size:17px;	
	}
.offline-station .box-title{
	color:#929296;
	}
.station-scheduale {
padding:5px 5px 10px;	
}
.page-aside.page-aside-gray , .page-aside.page-aside-gray .page-aside-inner{
background:#fefefe; 	
	}
.btn-floating {
	width: 58px;
	height: 58px;
	font-size: 24px;
    border-radius: 100%;
    box-shadow: 0 7px 11px rgba(0, 0, 0, 0.18);
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.btn-floating .fa {
position:relative;
top:12px;
	}
.btn-floating-mobile {
	position:fixed;
	left:50%;
	margin-left:-29px;
	bottom:52px;
	z-index:1200;
}
.floating-opacity{
    opacity:0.6;	
	}
.floating-opacity:hover{
   opacity:1;	
	}
.station-header{
border: 1px solid #bdd9dc;
background: #d7f3fe;	
}
.station-table-caption{
padding:0px 10px 2px	
}
.station-table-caption .device-icon{
font-size:34px	
}
.station-tabel .ui-datatable  thead  tr  th {
  border-bottom: 1px solid #d3d3d3;
  background-color: #efefef;
}
.label-full-font{
font-size:98%;	
}
.wi-icon-fix{
	line-height:0;
	vertical-align:middle;
	font-size:150%;
}
.aqi-table{
    color:#fff;	
}
.aqi-table thead {
	color:#929296
	}
.offline-device-aqm{
position:relative;	
}
.offline-device-aqm .device-icon,
.offline-device-aqm .title ,
.offline-device-aqm .aqm-default-color ,
.offline-device-aqm .aqm-green-color ,
.offline-device-aqm .aqm-red-color ,
.offline-device-aqm .aqm-orange-color ,
.offline-device-aqm .aqm-yallow-color ,
.offline-device-aqm .aqm-green-color ,
.offline-device-aqm .aqm-unhealthy-color ,
.offline-device-aqm .aqm-hazardous-color ,
.offline-device-aqm .station-header {
	color:#929296
	}
.offline-device-aqm .station-header {
	background:#efefef; border:1px solid #d3d3d3; border-bottom:none
	}
.offline-device-aqm .aqm-default-bg ,
.offline-device-aqm .aqm-green-bg ,
.offline-device-aqm .aqm-red-bg ,
.offline-device-aqm .aqm-orange-bg ,
.offline-device-aqm .aqm-yallow-bg ,
.offline-device-aqm .aqm-green-bg ,
.offline-device-aqm .aqm-unhealthy-bg ,
.offline-device-aqm .aqm-hazardous-bg{
	background:#efefef;
	color:#75828e;
}
.offline-device-mask{
	background:rgba(0,0,0,0.1); position:absolute; top:0; right:0; left:0; bottom:0;z-index:1100;border-radius:4px;display:none
	}
.offline-device-aqm .offline-device-mask{
	display:block
	}
.width180{
	width:180px
	}
.hsi-table{
    color:#fff;	
}
.hsi-table tbody tr:first-child{
	 background:#fff
}

.aqi-values .btn-group .btn-info{
cursor:default;	
}
/* Reports*/
.reports-toolbar{
	background:#f1f4f5;
	border-radius: 4px;
}
.reports-pagination li a {
	vertical-align:sub;
	color:#222;
	font-size:14px
}
.reports-pagination li a.disabled{
    opacity: 0.35;	
}
.reports-pagination .input-group  .pagination-input{
    width:35px	
}
.reports-pagination .input-group .input-group-addon{
width:auto;	
}
.fa-custom-size {
	font-size: 2.5em
}
.air-temp{margin:300px 0 0 0;

}
/*End  Reports*/
@media (max-width: 767px) {
.nav > li , .nav > li > a {/*fixing tooltip overflow*/
  position: inherit; 
}
.navbar-right  {
 float:right
}
}
/*End Hawaak*/

a.custom-radio-selection {
    color: #333;
}

.user-avatar {
	position: relative;
	display: inline-block;
	width: 40px;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 1000px
}
.user-avatar i {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-radius: 100%
}
.user-avatar img {
	width: 100%;
	max-width: 100%;
	height: 40px;
	border-radius: 1000px;
	border: 1px solid #eaeaea;
}
.user-avatar-online i {
	background-color: #46be8a
}
.user-avatar-offline i {
	background-color: #526069
}
.user-avatar-failure i {
	background-color: #f96868
}
.user-avatar-logged-out i {
	background-color: #f2a654
}
.user-avatar-100 {
	width: 100px
}
.user-avatar-100 i {
	width: 20px;
	height: 20px
}
.user-avatar-lg {
	width: 50px
}
.user-avatar-lg i {
	width: 12px;
	height: 12px
}
.user-avatar-md {
	width: 32px;	
}
.user-avatar-md img{
	height:32px;	
}
.user-avatar-sm {
	width: 30px
}
.user-avatar-md i {
	width: 12px;
	height: 12px
}
.user-avatar-sm i {
	width: 8px;
	height: 8px
}
.user-avatar-xs {
	width: 20px
}
.user-avatar-xs i {
	width: 7px;
	height: 7px
}
.header-stat{margin: 10px 10px 0px 10px}
.box-actions a {
    color: #a5a5a9;
}
.status-icon i{font-size: 30px}
.icon10 i{font-size:10px}.icon11 i{font-size:11px}.icon12 i{font-size:12px}.icon13 i{font-size:13px}.icon14 i{font-size:14px}.icon15 i{font-size:15px}
.icon16 i{font-size:16px}.icon17 i{font-size:17px}.icon18 i{font-size:18px}.icon19 i{font-size:19px}.icon21 i{font-size:21px}.icon22 i{font-size:22px}.icon23 i{font-size:23px}.icon24 i{font-size:24px}.icon30 i{font-size:30px}.icon40 i{font-size:40px}.icon60 i{font-size:60px}
table .media:after, table .mbd:after {
	content: "";
	
}
.wain-bg{background-image: linear-gradient(to right top, #e8701b, #e8681a, #e8601a, #e8571a, #e84e1b);}
.white-header{color:#fff; font-size:19px; font-weight: 100}
.white-header-bold{color:#fff; font-size:19px; font-weight:bold}
.mobile-page{padding: 16px}
.global-social li a {
    color: #bfbfbf;
    font-size: 2rem;
}

.about-list li{
	border-bottom: 1px solid #E7E7E7;
    padding: 15px 10px;
}
.about-list li a{color:#575764}
.about-list .listing-icon i{color:#bfbfbf}
.logo-wrapper{border:1px solid #E7E7E7; padding:15px}
.size1of3grid{width: 33.3333% !important;float:left !important;}
.footer-link{  color: #bfbfbf;
    font-size: 1.1rem;
    padding: 12px 10px 10px;}
.global-social li {
    margin: 0 5px;
}
.about-box{height: -webkit-calc(100% - 0px);
	min-height: calc(100% - 0px);}
.page-content{height: calc(100% - 55px); }
.fixed-footer{background:#fff; border-top:1px solid #E7E7E7; padding: 11px 0 0}
.main-page-white{background:#ffffff}
.scrollabel-y{overflow-y: scroll}