@charset "UTF-8";

.dashboard .overview {  min-height: 68px;}
.dashboard .overview .overview-content { padding: 16px 16px 10px 16px; }
.dashboard .overview .audio-content { padding: 11px 0px 11px 0; }
.dashboard .overview .overview-content .overview-title { font-size: 14px; }
.dashboard .overview div.aw-widget-current-inner { padding-bottom: 0px !important; }
.dashboard .overview div.aw-widget-current-inner a.aw-toggle { display: none !important; }
.dashboard .overview div.aw-widget-current-inner div.aw-widget-content { border: 0px solid #e9e9e9 !important; }
.dashboard .overview div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather div.aw-current-weather-inner { padding-bottom: 14px !important; }
.dashboard .overview div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-weather-description { margin-top: 4px !important; }
.dashboard .overview div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather span.aw-icon {
	margin-top: 10px !important;
    margin-bottom: 8px !important; 
}
.dashboard .overview .ui-selectonemenu .ui-selectonemenu-label {
    font-size: 16px;
    font-weight: bold; 
}
.dashboard .overview .overview-content .overview-detail { 
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 14px;
}

.dashboard .overview .overview-content .overview-text { 
    font-size: 16px;
    margin-bottom: 21px;
    margin-top: 12px;
    display: block;
}    
    
.dashboard .overview .overview-content .prodContent { 
	padding: 0px 15px 0px 10px;
}

.dashboard .overview .overview-content .typesContent .typeButtons{ width: 100%;}
.dashboard .colorbox i { 
	font-size: 36px; 
	margin-top: 5px;
}
.dashboard .colorbox .colorbox-name { 
	font-size: 16px;
	margin: 0px 0 5px 0;
}
.dashboard .colorbox .colorbox-count { font-size: 26px; }
.dashboard .colorbox.colorbox-5 div:first-child { background-color: #D4AC0D; }
.dashboard .colorbox.colorbox-5 div:last-child { background-color: #F4D03F; }
.dashboard .colorbox.colorbox-6 div:first-child { background-color: #C0392B; }
.dashboard .colorbox.colorbox-6 div:last-child { background-color: #E74C3C; }
.dashboard .task-list .ui-panel-content { padding: 7px 0px 20px 0px !important; }
.dashboard .task-list ul li { padding: 8px 4px;}
.dashboard .contacts ul li a { padding: 20px 10px 17px 10px;}
.dashboard .contacts ul li a .name { top: 0px;}
.dashboard .activity-list li:first-child { border-top: 0px; }
.dashboard .photoSwitch {
  	width: 100% !important;
  	margin-bottom: 37px;
  	margin-top: 30px; 
}
.dashboard .photoSwitch .photoContain {
    width: 100%;
    background-color: black; 
}
.dashboard .photoSwitch .photoContain img {
	width: 100%;
    height: 160px; 
}
.dashboard .photoSwitch .photoContain p {
   	color: white;
    margin-left: 15px;
    display: inline-block;
    margin-right: 10px; 
}
.dashboard .timelineScroll { height: 350px; }
.dashboard .timeline {
  	box-sizing: border-box;
  	padding: 25px 6px 16px 16px; 
}
.dashboard .timeline > .ui-g .ui-g-3 {
    font-size: 12px;
    width: 38%; 
}
.dashboard .timeline > .ui-g .ui-g-9 { width: 62%; }
.dashboard .timeline > .ui-g .ui-g-9 .event-owner {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500; 
}
.dashboard .timeline > .ui-g .ui-g-9 .event-text { font-size: 12px;}
.dashboard .block {
  	background: #fff;
  	padding: 10px 20px;
 	border-radius: 4px;
  	box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.2);
  	margin-bottom: 15px; 
}

@media (max-width: 1418px) {
	.projNameSet {
		padding: 8px!important;
	}
}

@media (max-width: 1411px) {
	.projTypeGrid .ui-panelgrid-content .ui-g .ui-panelgrid-cell {
		padding: 12px 0px;
	}
}

 @media (max-width: 1370px) {
	.pjndiv {
		padding: 0px;
	}
}

@media (max-width: 1283px) {
	.typeBorder {
		margin-bottom: -5px!important;
	}
}

/* LANDSCAPE */
@media (max-width: 1024px) {
  	.login-panel { margin: 100px auto 0 auto; }
  	.ui-messages ul {  margin: 0; }
  	body .ui-messages > div { padding: 10px 10px 10px 10px; }
  	.map { height: 300px!important; }
  	.layout-wrapper .topbar .topbar-right #topbar-menu-button { margin-right: 0px; }
  	
  	.typeBorder {
		margin-bottom: 54px!important;
	}
	.projTypeGrid .ui-panelgrid-content .ui-g .ui-panelgrid-cell {
		padding: 12px 16px;
	}
} 
@media screen and (min-width: 960px) {
  	.dashboard .block { flex-basis: 19%; }
  	.dashboard .types > ul {
    	overflow-y: hidden;
    	max-height: 540px; 
    }
  	.dashboard .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link { font-size: 14px !important; }
  	.projecMapContainer .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link { font-size: 14px; }
  	.projecMapContainer .ui-menu .ui-menu-list li.ui-menuitem .ui-icon { font-size: 20px; }
  	.map-links { margin: 0px; }
	
}
/* PORTRAIT */
@media (max-width: 640px) {
  	.login-panel .login-content { padding: 25px 10px; }
	.login-panel .ui-g .ui-g-12 .ui-button { margin-top: 0px; }
  	.pass-img {
    	width: 50px;
    	top: 25px;
    	right: 20px; 
    }
    .pass-header h1 {
    	margin-right: 35px;
    }
    body .ui-buttonset > .ui-button {
    	display: inline-block;
    	padding: 0px 10px;
    }
    body .layout-compact .ui-button {
		padding: 0 14px;
	}
	.map {height: 550px!important;}
	
	#startHistory_input, #endHistory_input { width: 84%; }
	
	.chartImg, .center { width: 100%; }
	
	.landing-wrapper .card .pricing-content video {
	    width: 100%;
	    margin-top:0px !important;
	}
	
}

/* LANDSCAPE */
@media screen and (min-width: 560px) {
  	.dashboard .grid {
    	display: flex;
    	justify-content: space-between;
   	 	flex-wrap: wrap; 
   	 }
  	.dashboard .block { flex-basis: 48%; }
  	.dashboard .types > ul {
    	overflow-y: scroll;
    	max-height: 200px; 
   	} 
   	.map-links { margin: 5px; }
   	
   	#startHistory_input, #endHistory_input { width: 79%; }
   	
   	.chartImg { width: 58%; }
}


@media (max-width: 450px) {
  	.map { height: 565px!important; }
  	.dashboard .types > ul {
   		overflow-y: auto;
    	max-height: 475px; 
    }
  	.dashboard .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link { font-size: 11px; }
  	.dashboard .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-icon { font-size: 17px; }
  	.projecMapContainer .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-icon { font-size: 17px; } 
  	.map-links { margin: 5px; }
  	.tableFrame {  height: 43px!important; }
  	.beaconFrame {  height: 75px!important;}
  	.footerInfo {display: none;}
  	.audioControl { 
  		width: 60px!important;
  		min-width: 60px!important;
  	}
  	.ui-datatable table, .ui-treetable table {
	    table-layout: fixed!important;
	}
}

/* MOTO G */
@media only screen 
and (min-device-width : 360px)
and (max-device-width : 640px) 
and (orientation : landscape) {
	.footerInfo { padding: 0px 15px 0px 0px!important;}
	.map {  height: 260px!important; }
}
/* iPhone5 landscape */
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 568px) 
and (orientation : landscape) {
    .footerInfo { padding: 0px 0px 0px 0px!important;}
    .map { height: 230px!important; }
    #startHistory_input, #endHistory_input { width: 445px; }
    .login-panel { margin-top: -265px!important; }
}
/* iPhone5 portrait */
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 568px) 
and (orientation : portrait) {
    .login-panel { 
  		left: 0!important;
	    margin-left: 0!important;
	    width: 100%!important; 
  	}
}
/* iPad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.map {height: 550px!important;} 
	.chartImg { width: 80%; }
}
/* iPad Pro portrait */
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) {
  .map {height: 890px!important;}
}
.dashboard .block.today {
  	flex-basis: 100%;
  	display: flex;
  	margin-bottom: 40px; }
.dashboard .wi {
  	text-align: center;
  	font-size: 4rem; }
.dashboard .wi:before {
  	line-height: 92px;
  	vertical-align: middle; }
.dashboard .today .wi {
  	text-align: center;
  	font-size: 6rem;
  	margin: 0 30px 0 20px; }
.dashboard .today .wi:before { line-height: 144px; }
.dashboard .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-text .menuItemName {
  	vertical-align: super;
  	margin-left: 5px; }
.dashboard .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-text .menuTypeName {
  	vertical-align: text-top;
  	margin-left: -5px; }
.dashboard .disabled {
  	pointer-events: none;
  	opacity: 0.4; }
.dashboard .hidden { display: none!important; }

/* =============== LOGIN PAGE STYLE ================ */

.login-body { 
	background: url("/Salander/javax.faces.resource/images/login/login.jpg.xhtml?ln=ultima-layout");
	height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.login-panel {
  	width: 400px;
  	min-height: 400px;
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -250px;
    padding: 0;
}
.login-content .password-reset a { color: #757575; }
.login-panel .ui-g .ui-g-12 { padding: 15px 25px; }
.login-panel .ui-g .ui-g-6 { padding: 10px 10px; }
.login-panel .ui-g .ui-g-12 .ui-button { margin-bottom: 0px; }
.login-header {
 	background-color: #757575;
    text-align: center;
    padding: 10px 14px!important; 
}
.login-header .login-img {
  	vertical-align: middle;
    height: 50px; 
}
.login-content {
    padding: 15px 25px 40px 25px;
    font-size: 14px;
}
.login-content h1 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.pass-header { margin-bottom: 20px; }
.pass-header h1 {
    margin-top: 10px !important;
    margin-bottom: 10px;
}
.pass-header h2 {
    font-size: 13px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 18px; 
}
.pass-img {
  	width: 70px;
  	position: absolute;
  	top: 15px;
  	right: 30px; 
}
.messageText { width: 100%; }

body .ui-messages ul { display: table-cell; }
body .ui-messages ul li {
    font-size: 14px; 
}
body .ui-messages > div { padding: 10px 10px 10px 16px; }
  

/* ===================================== */


/* ======== MAIN PAGE STYLES =========== */

.layout-wrapper .layout-menu > .nano > .nano-content.menu-scroll-content .md-inputfield {
 	margin: 30px 20px 30px 20px;
}
.layout-wrapper .layout-menu.layout-menu-dark .md-inputfield { color: #ffffff; }
.layout-wrapper .layout-menu.layout-menu-dark .md-inputfield .ui-inputfield { color: #ffffff; }

/* ========================================== */


.gm-style-iw {
    min-width: 265px !important;
}

.gm-style-iw-c {
	outline: none;
}

.map-popup-container { overflow-y: auto; }

.map-container {
    /* width: 350px; */
    border-radius: 5px;
    border: 1px solid #646464;
    background-color: #fff;
    overflow-y: auto;
    display: block;
}

.badge-list > .map-badge:not(:last-child) {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.badge-list > .map-badge:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.map-badge {
    display: block;
    border-radius: 8px;
    padding: 2px 5px;
    border: 1px solid #646464;
    background: linear-gradient(to bottom, #f2f2f2 5%,#e6e6e6 5%,#cccccc 100%);
    font: normal normal normal 13px verdana, tahoma, sans-serif;
    line-height: 18px;
    cursor: pointer;
    text-decoration: none;
    overflow-x: hidden;
    user-select: none;
    text-shadow: 0 1px 0 #f2f2f2;
    color: #000000;
}

.map-badge div:first-child {  font-weight: bold; }

.map-popup-header, .map-popup-container .header {
    padding: 0px 15px;
    background-color: #424242;
    color: #ffffff;
    font-size: 14px;
    font-family: Verdana;
}

.map-popup-body, .map-popup-container .body {  
	padding: 10px;
	font-size: 12px;
	max-width: 300px;
}

.map-popup-body .flasherFrame {
	width: 80px;
    display: block;
    margin: 0 auto 5px;
}

.cameraFrame {
	width: 200px;
    height: 95px; 
	display: block;
	margin: 0 auto 10px;
	border-radius: 10px;
}

.tableFrame {
	display: inline-block;
    margin: 0 auto 2px;
    border-radius: 5px;
    height: 60px;
}
.beaconFrame {  height: 100px;}

.map-popup-body .signFrame {
    display: block;
    margin: 0 auto 10px;
    border-radius: 5px;
    height: 65px;
}

.map-popup-buttons {  width: 100%; }

.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn {
    display: block;
    float: none;
    max-width: 100%;
}

.btn-group-vertical > .btn {  position: relative; }

.btn-info {
    background-image: -webkit-linear-gradient(top, #cccccc 0%, #424242 100%);
    background-image: -o-linear-gradient(top, #cccccc 0%, #424242 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#424242));
    background-image: linear-gradient(to bottom, #cccccc 0%, #424242 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#424242', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    /* border-color: #28a4c9; */
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #fff;
    background-color: #cccccc;
    /* border-color: #46b8da; */
}

.btn {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.map-popup-header .icon-cell {  padding-right: 5px; }

.popupTable th {
    text-align: right;
    vertical-align: top;
    padding: 5px;
    font-weight: bold;
}

.popup-table td {
    text-align: left;
    vertical-align: top;
    padding: 5px;
}

.layout-wrapper .footer { font-size: 12px; }

body .layout-compact .ui-button {
	margin-bottom: 2px;
	padding: 0 15px;
}

#prodTable {
	margin-top: 5px;
    margin-bottom: 5px;
}

.green-icon{ color: green; }
.red-icon { color: red; }
.yelow-icon { color: #cc9900;}

body.layout-compact .ui-widget-content {
    font-size: 12px;
    text-align: center;
    line-height: 16px;
}

body.layout-compact .ui-datatable tbody tr.ui-widget-content td {  padding: 4px 4px; }
body.layout-compact .ui-dialog .ui-dialog-content { padding: 0; }
body.layout-compact .ui-dialog .ui-dialog-titlebar {
	padding: 4px 15px;
    background-color: #424242;
    color: #ffffff;
    font-family: Verdana;
    font-size: 14px;
}

.bold { font-weight: bold; }
.red-border { border: 2px solid #cc0000; }
.blue-border { border: 2px solid #0000cc; }
.green-border { border: 2px solid #00cc00; }

.headerSign {
	float: left;
	display: grid;
	max-width: 275px;
	line-height: 18px;
}

 .headerSignContent {
	text-align: left;
	margin-left: 10px;
}

.floatLeft { float: left; }

.signButton{
	vertical-align: bottom;
	margin-right: 10px;
}

.verticalAlign { vertical-align: middle; }
.px10MLeft { margin-left: 10px;}
.px10MRight { margin-right: 10px; }
.px5MLeft { margin-left: 5px; }
.px5MRight { margin-right: 5px; }
.px10Font { font-size: 10px;}
.px12Font { font-size: 12px;}
.px14Font { font-size: 14px;}
.px23Font { font-size: 23px;}

.deviceName {
	vertical-align: middle;
	margin-left: 4px;
}

.flasherName {
	margin-left: 0.75em; 
	margin-right: 0.75em; 
	vertical-align: middle;
}

.locationImg {
	float: right;
	margin-left: 5px;
}

.locationStr {
	margin-top: 10px; 
	display: inline-block;
}

.statusStr {
	margin-left: 4px;
	margin-right: 4px;
}

.gmapSize {
	width:100%;
	height:300px
}

.statusContainer{
	margin-left: 22px;
	margin-right: 20px;
}

#videoPanel_header{ padding: 8px 8px; }
textarea { resize: none; }

.ui-panel .ui-panel-title { margin: 0.1em 0px 0.2em 0; }

.hyphenate {
  /* Careful, this breaks the word wherever it is without a hyphen */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* Adds a hyphen where the word breaks */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

body.layout-compact .ui-panel .ui-panel-titlebar {  padding: 8px 8px; }

.footerInfo {
	color: white;
	font-size: 12px;
	float: right;
	margin: 0;
	padding: 15px 55px 0 0;
	list-style-type: none;
}

.layout-wrapper .layout-main { padding: 80px 5px 10px 5px;}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.orange { color: #FF5722; }

.profile-name{
	font-size: 16px;
    margin-left: 10px;
}

body.layout-compact .ui-panel .ui-panel-titlebar .ui-panel-title { line-height: 10px; }

#beaconStartTime_input, #beaconEndTime_input { width: 130px;}

#startVideo_input, #endVideo_input { width: 168px;}

#startTime_input { width: 125px;}
#endTime_input { width: 125px;}

.preferences .ui-widget-content {
    text-align: left!important;
    font-size: 16px!important;
}

.preferences .overview { margin-bottom: 0!important; }

.preferences .ui-selectoneradio.ui-widget label {font-size: 14px;}

.preferences .ui-messages-info { margin: 10px 0px 0px 0px; }

.audioControl { 
	/* width: 100%; */
	min-width: 120px;
	max-width: 240px;
}

.ui-datatable table, .ui-treetable table {
	table-layout: auto;
}

.chartImg {
	display: block; 
	margin: 10px auto;
}

.capitalize { text-transform: capitalize; }
.dateType input { width: 215px;}

.ui-tabs .ui-tabs-nav > li.ui-state-active a {
    font-weight: bold;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-list {
	text-align: left;
}	
.center {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.centerText {
	text-align: center;
}
.reportSpinner input{
	width: 80%;
}
.ui-fieldset .ui-fieldset-legend { 
	padding-right: 0px!important; 
	font-size: 12px;
    text-align: left;
}

.noHeaderTable thead th { 
    border: none !important; 
    background: none !important; 
}

.borderContent {
    background-color: #ffffff;
    border: 1px solid #bdbdbd;
    padding: 8px 14px;
    min-height: 439px;
}

.imgConfig{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0 auto 0px;
}

.imgContent{
    width: 100%;
    height: 275px;
    margin: 0 auto 0px;
}

.ui-datatable-empty-message td{
	font-size: 14px;
}

.ultima-menu .layout-menu-tooltip {
	display:none;
}

.layout-wrapper .layout-menu .profile .profile-image {
	background: url("/Salander/javax.faces.resource/images/avatar2x_dark.png.xhtml?ln=ultima-layout") top left no-repeat;
	background-size: 60px 60px;
}

.layout-wrapper .layout-menu.layout-menu-dark .profile .profile-image {
    background: url("/Salander/javax.faces.resource/images/avatar2x.png.xhtml?ln=ultima-layout") top left no-repeat;
    background-size: 60px 60px;
}

@media (min-width: 1025px) {
	.layout-wrapper.layout-menu-slim .layout-menu .profile .profile-image {
	    width: 40px;
	    height: 40px;
	    background-size: 40px 40px;
	}
}

.customBox {
    background: black;
    position: absolute;
}
 
.customFrame {
 	bottom: -2px;
    line-height: 10px;
    padding: 2px;
    font-family: monospace;
    font-size: 10px;
    color: white;
    font-weight: bold;
    text-align: center;
    border: 1px solid white;
}

body .ui-widget-header {
	font-size: 14px;
}	

.landing-wrapper .headerDailyReport {
    background: url("../../ufiles/images/img/banner.jpg") bottom left no-repeat #f7f7f7 !important;
    min-height: 240px !important;
} 

.landing-wrapper .headerWeeklyReport {
	background: url("../../ufiles/images/img/bannerWeeklyReport.jpg") center left no-repeat #f7f7f7 !important;
	min-height: 240px !important;
	background-size: cover!important;
}

.landing-wrapper .headerMonthlyReport {
	background: url("../../ufiles/images/img/bannerReport.jpg") center left no-repeat #f7f7f7 !important;
	min-height: 240px !important;
	background-size: cover!important;
}

.landing-wrapper .headerVideoReport {
	background: url("../../ufiles/images/img/bannerVideoReport.jpg") center left no-repeat #f7f7f7 !important;
	min-height: 240px !important;
	background-size: cover!important;
}

.landing-wrapper .headerFleetReport {
	background: url("../../ufiles/images/img/bannerFleetReport.jpg") center left no-repeat #f7f7f7 !important;
	min-height: 240px !important;
	background-size: cover!important;
}

.landing-wrapper .headerBulletin {
	background: url("../../ufiles/images/img/bannerBulletin.jpg") bottom left no-repeat #f7f7f7 !important;
	min-height: 240px !important;
	background-size: cover!important;
}

.landing-wrapper .headerProjectMap {
	min-height: 82px !important;
    background: #424242 !important;
}

.landing-wrapper #pricing .ui-g-12 {
    padding: 0px .5em;
}

.landing-wrapper #pricing .pricing-box .pricing-header {
   	padding: 0;
}

.landing-wrapper #pricing .pricing-box .pricing-content ul li {
    font-size: 14px;
    padding: 5px 10px;
}

.landing-wrapper #pricing .pricing-box .pricing-header span.type {
	line-height: 25px;
    padding: 15px;
    font-weight: bold;
}	

.landing-wrapper #pricing .pricing-box .pricing-header span {
    line-height: 1;
}

/* ============= PDF configuration ========================*/

@page { 
	size: 8.5in 11in;
	-fs-flow-left: "left";
	-fs-flow-right: "right";
	margin-bottom:0.65in;
	@bottom-center {
    	content: "Page " counter(page) " of " counter(pages)" - © Street Smart";
    	font-family: sans-serif;
    	font-size: 9px;
  	}
  	
}

#pagecount:before {
   content: counter(pages);
}

#pagenumber:before {
   content: counter(page);
}

table {
    -fs-table-paginate: paginate;
    border-spacing: 0;
}

.separator{
	page-break-after: always;
}

/* ============= ENd of PDF configuration ========================*/

.titleReport{
	text-transform: capitalize;
    font-weight: bold!important;
    margin: 40px 0px 10px 0 !important;
}

.titleGroupLarge {
	color: #333!important;
	text-shadow: 0px 2px 0px rgba(255,255,255,0.7);
}

body.landing-body {
    font-size: 14px;
    line-height: 18px;
}

.mainReport {
	float: left;
	margin: 0px 0px 30px 15px;
}

.headerReportArea {
	position: absolute;
	font-size: 12px;
	line-height: 18px;
	width: 700px;
	height: 140px;
}

.logoReport {
	float: left;
	margin-top: 15px;
	margin-left: 20px;
}

.titleReportGroup {
	color: white;
	text-align: center;
}

.titlePDFReport {
	margin-top: 70px!important;
	font-size: 20px;
}

.bannerReport {
	width: 700px;
	height: 140px;
}

.contentReport {
	width: 700px;
	text-align: center;
	margin-top: 30px;
	line-height: 18px;
}

.report-content-box {
	border: 1px solid #bdbdbd;
}

.report-content-box ul {
    margin: 0;
    padding: 20px 15px;
    list-style-type: none;
}

.report-content-box ul li {
    padding: 5px 10px;
    text-align: left;
}

.report-content-box ul li i {
    margin-right: 5px;
    vertical-align: middle;
    color: #3f51b5;
}

.report-content {
	padding: 15px 15px 0px 15px;
	min-height: 230px;
	margin-inline-start: 0px; 
	margin-inline-end: 0px; 
	margin-bottom: 30px; 
	display: inline-block;
	border: 1px solid #bdbdbd;
}

.report-map {
	width: 320px;
	margin-bottom: 15px;
	float: left;
	margin-right: 15px;
	display: block;
	border: 1px solid #bdbdbd;
}

.report-box {
	width: 330px;
	float: left;
}

.report-box .card {
	height: 100%;
	padding: 0;
}

.report-header {
	background-color: #3f51b5;
	padding: 0;
	color: #ffffff;
}

.report-header .type {
	line-height: 20px;
	padding: 10px;
	font-weight: 300;
	font-size: 14px;
	display: block;
}

.markerReport {
	margin-right: 5px;
	width: 15px;
}

.contentReport .ui-widget-content .ui-datatable-empty-message td{ font-size: 12px; }

body .ui-datatable tbody tr td, body .ui-datatable thead th  { padding: 5px 7px; }

.landing-wrapper #pricing .task-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
    
.landing-wrapper #pricing .task-list ul li {
    padding: 10px 20px;
    border-bottom: 1px solid #dbdbdb; }
      
.landing-wrapper #pricing .task-list ul li:first-child {  margin-top: 10px; }

.task-name { 
	vertical-align: -webkit-baseline-middle;
	font-size: 14px;
}

.task-detail { 
	vertical-align: -webkit-baseline-middle; 
	color: #757575;
	font-size: 14px;
}
    
.landing-wrapper #pricing .task-list ul i {
    float: left; 
    margin-right: 20px;
    font-size: 25px;
}

.hidden { display: none !important; }

.gray-icon{ color: #A9A9A9; }

.green-icon{ color: #00B700; }

.yellow-icon { color: #FDA50F; }

.orange-icon { color: #F58230; }

.red-icon { color: #F60002; }

.gray-icon{ color: #A9A9A9; }

.tpurple-icon{ color: #964F8E; }

.tblue-icon{ color: #0067a7; }

.tgreen-icon{ color: #007256; }

.tyellow-icon { color: #F6C700; }

.torange-icon { color: #E97600; }

.tred-icon { color: #BD1E24; }

.tblack-icon { color: #0B0B0D; }

.projecMapContainer #header .header-top { padding: 10px; }

body .ui-treetable tbody tr td {
    border: 1px solid #cacaca;
    padding: 4px 4px;
    overflow: hidden;
}
.ui-treetable thead tr th {
    border: 1px solid #bdbdbd;
}
.ui-treetable table {
    border-collapse: collapse;
    width: 100%;
}

.customTooltip {
	opacity: 1!important;
}