/* Fix WebComponentsIcons - only load the TTF file that actually exists */
@font-face {
    font-family: 'WebComponentsIcons';
    src: url('./fonts/glyphs/WebComponentsIcons.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Fix Lato fonts - use your local TTF files instead of Google Fonts */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('./fonts/Lato/Lato-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('./fonts/Lato/Lato-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('./fonts/Lato/Lato-Bold.ttf') format('truetype');
}

/* Optional: Add fallback fonts in case TTF files fail */
body {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.icon {
    font-family: 'WebComponentsIcons', 'Arial Unicode MS', sans-serif;
}

html, 
body,
button,
input,
select,
textarea,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: Lato;
  	font-weight: 400;
  	font-size: 14px;
  	color: #4C4C4E;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: Lato;
}

.latofont{
	font-family: Lato;
}

.bold{
	font-weight: 600;
}
.xbold{
	font-weight: 800;
}

body{
	overflow-x:hidden;
	overflow-y:auto;
}

big {
  font-size: 18px;
  font-weight: 400;
  color: #1abc9c;
  display: block;
  margin-top: 24px;
  margin-bottom: 18px;
}

.expand1px{
	letter-spacing: 1px;
}

hr { width:100%; height:1px; background: #1abc9c; margin: 0px; padding: 0px;}

.form-actionbar{ 
	margin: 0px;
	padding: 0px;
	margin-top: 9px;
	margin-right: 15px;
	padding-bottom: 9px;
}

/* Gauge Widgets */
.gauges-container {
	text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
#g11, #g12, #g13, #g14, #g15{
    display: inline-block;
    cursor: pointer;
    margin-left: 11.5px;   /* Half of min gap (23px) */
    margin-right: 11.5px;  /* Half of min gap (23px) */
}
#g11 {
    margin-left: 0;
}
#g15 {
    margin-right: 0;
}

.gauge-container {
	width: 150px;
	height: 127px;
	position: relative;
	font-family: Lato;
	padding-top: 14px;
}
.gauge {
	position: relative;
	width: 100%;
	height: 90px;
}
.gauge-svg {
	width: 100%;
	height: 90px;
}
.gauge-center {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 30px;
	font-weight: bold;
}
.gauge-title-container {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}
.gauge-title {
	display: inline-block;
	position: relative;
}
.gauge-labels {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0;
	box-sizing: border-box;
	margin-top: 5px;
}
.gauge-min {
	font-weight: normal;
	position: absolute;
	left: 5px;
	bottom: 7px;
}
.gauge-max {
	font-weight: normal;
	position: absolute;
	right: 5px;
	bottom: 7px;
}

/* Route Insight Widgets */
#routeInsight{
	width:284px; 
	height:60px;
	display: inline-block;
    cursor: pointer;
	margin-left: 0px;
	padding-top: 5px;
	background: #34495f;
}
#keyMetrics{
	width:284px; 
	height:60px;
	display: inline-block;
    cursor: pointer;
	margin-left: 27px;
	padding-top: 5px;
	background: #34495f;
}
#fieldAlerts{
	width:132px; 
	height:60px;
	display: inline-block;
    cursor: pointer;
	margin-left: 27px;
	padding-top: 5px;
	background: #34495f;
}
#routeInsight:active, #keyMetrics:active, #fieldAlerts:active {
  transform: translateY(5px);
}

#g21, #g22, #g23, #g24{
	width:191.4px; height:100px;
    display: inline-block;
}

#wait {
	z-index:99999;
	text-align: center;
	font-size: 10px;
	position: absolute;
	top: 60px;
	left: 45%;
}

.outer {
    display: inline-flex;
}
.inner {
	margin: auto 2px;
}

.big {
	font-size: 23px;
}

.xbig {
	font-weight: 600;
	font-size: 28px;
}
.xxbig {
	font-weight: 600;
	font-size: 32px;
}

.padding18-left{
	padding-left: 18px;
}

.midlt {
	font-family: Lato;
	font-weight: 100;
	font-size: 14px;
}

label {
	color: #95a5a6;
	font-weight: 400;
	font-size: 15px;
	width: 100%;
}
.labelClr {
	color: #95a5a6;
	font-weight1: 300;
	font-weight: 400;
	font-size: 15px;
}
.sml {
	color: #95a5a6;
	font-weight: 400;
	font-size: 13.1px;
}

.minifont {
	font-weight: 400;
	font-size: 12px;
}
.smlfont {
	font-weight: 300;
	font-size: 13.1px;
}
.smlltfont {
	font-weight: 100;
	font-size: 13.1px;
}
.smldrkfont {
	font-weight: 400;
	font-size: 13.1px;
}
.midfont {
	font-weight: 300;
	font-size: 15px;
}
.middrkfont {
	font-weight: 400;
	font-size: 15px;
}
.midltfont {
	font-weight: 100;
	font-size: 15px;
}
.lgfont {
	font-weight: 400;
	font-size: 18px;
}
.lgdrkfont {
	font-weight: 600;
	font-size: 18px;
}
.hgfont {
	font-weight: 100;
	font-size: 20.3px;
}
.lgltfont {
	font-weight: 100;
	font-size: 18px;
}
.btnsize {
	font-weight: 400;
	font-size: 15.9px;
}
.btnltsize {
	font-weight: 100;
	font-size: 15.9px;
}


.regbtn {
	font-weight: 400;
	font-size: 14px;
}

.bigfatbtn {
	font-weight: 400;
	font-size: 18px;
	width: 240px;
	height: 50px;
	margin-left1:36%;
  	margin-right1:45%;
}

.fullwidthbtn {
	width: 100%;
	font-weight1: 300;
	font-weight: 400;
	font-size: 18px;
}

.midcapfont {
	font-size: 16px;
	font-family: Lato;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .1px;
	padding-bottom:10px;
}
.vlg1font{
	font-size: 23px;
	font-family: Lato;
	font-weight: 600;
}
.vlg2font{
	font-size: 20px;
	font-family: Lato;
	font-weight: 400;
}
.bigcapfont {
	font-size: 18px;
	font-family: Lato;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .1px;
	padding-bottom:10px;
}

.bodybg{
	border: 0px;
  	margin: 0px;
  	padding: 0px;
  	background-color: #2c3e50;	  	
	height: 100%;	
}
.bodybggry{
	border: 0px;
  	margin: 0px;
  	padding: 0px;
  	background-color: #e5e9ec;  	
	height: 100%;	
}

.body-padding-top{
	padding-top: 70px;
}

.body-padding{
	padding: 15px;
}

#help:hover,#support:hover,#logout:hover{color:#ecf0f1;}

.top-panel-logout {
	font-family: Lato;
	position: absolute;
	right: 15px;
	top:39.7px;
}
.top-panel-super-logout {
	font-family: Lato;
	position: absolute;
	right: 15px;
	top:38.3px;
}

.top-panel {
	font-family: Lato;
	position: absolute;
	right: 15px;
	top:60px;
}
.custnm-panel {
	font-family: Lato;
	position: absolute;
	left: 100px;
	top:10px;
}
.center-align {
	width: 100%;
  	margin-left:auto;
  	margin-right:auto;
}
.left-align{
	text-align:left;
}
.valign{
	vertical-align: middle;
}

.caps{
	text-transform: uppercase;
	letter-spacing: .1px;
}
.capsonly{
	text-transform: uppercase;
}

.block{
	background-color: #FAFAFA;
	margin: 18px;
	padding: 3px 18px 1px 18px;
    -webkit-border-radius1: 5px;
	-moz-border-radius1: 5px;
    height: 100%;
}
.block-eventEditor{
	background-color: #FAFAFA;
	margin-top: 0px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 10px;
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 3px;
    -webkit-border-radius1: 5px;
	-moz-border-radius1: 5px;
    height: 100%;
}
.pnlblock-eventEditor{
	background-color: #FAFAFA;
	margin: 0px;
	padding: 3px;
	padding-top: 10px;
	padding-bottom: 1px;
    -webkit-border-radius1: 5px;
	-moz-border-radius1: 5px;
	border-radius1: 5px;
    height: 100%;
}
.block-tool{
	background-color: #FAFAFA;
	padding: 6px;
	margin-bottom: 10px;
    height: 100%;
}

h1 {
	font-size: 18px;
	font-family: Lato;
	font-weight1: 300;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .1px;
	background-color1: #ecf0f1;
	color: #bdc3c7;
	padding: 9px 18px;
	width: 100%;
	margin: 0px;
	border-radius1: 5px;
    -webkit-border-radius1: 5px;
	-moz-border-radius1: 5px;
	border-bottom-left-radius1: 0px;
	border-bottom-right-radius1: 0px;
}
.titlebar {
	font-size1: 18px;
	font-family1: Lato;
	text-transform1: uppercase;
	letter-spacing1: .1px;
	background-color1: #ecf0f1;
	color1: #bdc3c7;
	padding: 6px 0px 6px 1px;
	width: 100%;
	margin: 0px;
	border-radius1: 5px;
    -webkit-border-radius1: 5px;
	-moz-border-radius1: 5px;
	border-bottom-left-radius1: 0px;
	border-bottom-right-radius1: 0px;
}

h2 {
	font-size: 23px;
	font-family: Lato;
	font-weight: 100;
	letter-spacing: .1px;
	padding-top: 10px;
}

.section-nav2-lft {
    position: absolute;
    border-top-left-radius1: 3px;
    border-bottom-left-radius1: 3px;
    border-radius1: 5px;
    -webkit-border-radius1: 5px;
	-moz-border-radius1: 5px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    margin: 18px;
    top: 100px;
}

.section,
.section-noclr {
    border-top-right-radius1: 3px;
    border-bottom-right-radius1: 3px;
    border-radius1: 3px;
    -webkit-border-radius1: 3px;
	-moz-border-radius1: 3px;
    background: #fff;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 1px;
    height: 100%;
}
.section-noclr{
	background: none;
	background-color: none;
}
.section-col-container {
    margin-top: 0px;
    height: 100%;
}

.form-control111 {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.alert-msg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  	text-align:center;
  	z-index:9999999999;
}
.alert-msg-img{
  	display:block ;
	margin-left:auto;
	margin-right:auto;
}
.alert-msg-text{
  	padding: 3px;
  	padding-left: 9px;
  	padding-right: 9px;
	background-color: #1abc9c;
	color: #ffffff;
  	border-radius: 3px;
	font-family: Lato;
	font-weight: 400;
  	font-size: 14px;
}
.alert-msg-modal{
	display: none; 
    position: absolute;
    left: 0%;
    top: 0%;
    background-color: #000;    
    opacity: .60;
    -moz-opacity1: 0.60;
    width: 100%;
    height: 100%;
    z-index:9999999990;
}

.white{color:#ffffff;}
.red{color:#e74c3c;}
.reddrk{color:#C0392B;}
.yellow{color:#f1c40f;}
.green{color:#1abc9c;}
.bluelt{color:#3498de;}
.bluebrt{color:#3388ff;}
.blue{color:#34495f;}
.cloud{color:#ecf0f1;}
.silver{color:#bdc3c7;}
.drk{color:#4C4C4E;}
.purple{color:#9b59b6;}
.purplelt{color:#727cb6;}
.steelgry{color:#798795;}
.lblgrey{color:#95a5a6;}
.carrot{color:#e67e22;}
.pumpkin{color:#D35400;}
.orange{color:#F39C12}
.purplelt{color:#727cb6;}
.coral{color:#00bcd4;}

.letterpress{
	color: #222;
	background:#2c3e50;
	text-shadow: 0px 2px 1px #34495f;
}

.treeGreenBg{background-color:#7ABA3A;}
.treeDrkGreenBg{background-color:#73ae37;}
.brownBg{background-color:#ba9077;}
.cloudBg{background-color:#ecf0f1;}
.silverBg{background-color:#bdc3c7;}
.redBg{background-color:#e74c3c;}
.drkredBg{background-color:#C0392B;}
.yellowBg{background-color:#f1c40f;}
.orangeBg{background-color:#f39c12;}
.carrotBg{background-color:#e67e22;}
.pumpkinBg{background-color:#D35400;}
.blueBg{background-color:#3498de;}
.coralBg{background-color:#00bcd4;}
.purpleBg{background-color:#9b59b6;}
.greenBg{background-color:#2ecc71;}
.appGreenBg{background-color:#1abc9c;}
.blueDrkBg{background-color:#34495f;}
.lblGreyBg{background-color:#95a5a6;}
.noBg{background-color: transparent;}
.wtBg{background-color: #FFFFFF;}

.btn-purple {
  background-color: #9b59b6;
  color: #FFFFFF;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
  background-color: #8e44ad;
}

.btn-blue {
  background-color: #34495f;
  color: #FFFFFF;
}
.btn-blue:hover{
	background-color: #1abc9c;
}
.btn-blue:focus,
.btn-blue:active {
  background-color: #2eb3a6;
}

.marginnavbtm{
	margin-left: 14px;
	margin-right: 14px;
	padding-top: 5px;
}
.margin3sd{
	margin-left: 21px;
	margin-right: 21px;
	padding-top: 10px;
}
.margin1{
	margin-left: 1px;
	margin-right: 1px;
}
.margin{
	margin-left: 10px;
	margin-right: 10px;
}
.marginL23{
	margin-left: 23px;
}
.margin18{
	margin-left: 18px;
	margin-right: 18px;
}
.padding-top {
	padding-top: 6px;
}
.padding-top1 {
	padding-top: 1px;
}
.padding-top-xsml {
	padding-top: 3px;
}
.padding-top-sml {
	padding-top: 4px;
}
.padding-top-lg  {
	padding-top: 9px;
}
.padding-top-xlg  {
	padding-top: 12px;
}
.margin-top {
	margin-top: 6px;
}
.margin-top-Neg10 {
	margin-top: -10px;
}
.margin-top-Neg85 {
	margin-top: -8.5px;
}
.padding-bottom {
	padding-bottom: 6px;
}
.padding-bottom-mid {
	padding-bottom: 4px;
}
.padding-bottom-sml {
	padding-bottom: 3px;
}
.padding-bottom-xsml {
	padding-bottom: 2px;
}
.padding-bottom-lg {
	padding-bottom: 9px;
}
.padding-bottom-last {
	padding-bottom: 0px;
}

.virtualbrk{
	width:113%;
	height: 32px;
	background: #2c3e50;
	margin-left: -25px;
}

.med-icon{
	font-weight: 100;
  	font-size: 14px;
}

#winMap{
	height: 450px;
	width: 434px;
	border-radius1: 2px;
    -webkit-border-radius1: 2px;
	-moz-border-radius1: 2px;
	margin-bottom1: 15px;
}

#mapOpt{
	height: 455px;
	width: 100%;
}

#dspb{
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	overflow: hidden;
}
#section-mapDspb {
    display: none;
    border-radius1: 3px;
    -webkit-border-radius1: 3px;
	-moz-border-radius1: 3px;
	border-bottom-left-radius1: 1px;
	border-bottom-right-radius1: 1px;
    background: #fff;
    margin-top:1px;
}
#scheduler {
	width: 98.1%;
	float: right;
}

#open-mapDspb {
    font-size: 15px;
    font-weight: 100;
    color: #798795;    
    display: none;
    width: 1%;
    float: left;
    -webkit-border-radius1: 1px;
	-moz-border-radius1: 1px;
	cursor: pointer;
}
#open-mapDspb:hover {
    color: #ffffff;  
}

.open-mapDspb #scheduler {width: 68%;}
.open-mapDspb #section-mapDspb {
    display: block;
    width: 30%;
    margin-right: 1%;
	float: left;
}

.expand-mapDspb #scheduler {width: 0px;}
.expand-mapDspb #section-mapDspb {
    display: block;
    width: 100%;
    margin-right: 0%;
	float: left;
}

.mapDspb-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
}
#mapDspb{
	border-radius1: 5px;
    -webkit-border-radius1: 5px;
	-moz-border-radius1: 5px;
	border-bottom-left-radius1: 3px;
	border-bottom-right-radius1: 3px;
	height: 100%;
	width: 100%;
}
.map-controls { 
	position: absolute;
    background-color: transparent; 
    top: 10px; 
    right: 11.3px;
    z-index: 1000;
}
.map-findlocation { 
	position: absolute;
    background-color: transparent; 
    bottom: 18px; 
    left: 11.3px;
    z-index: 1000;
}
.vismap-controls {
	position: absolute;
    background-color: transparent; 
    top: 2px; 
    right: 27px;
    z-index: 1000;
}

.bfitmap-controls { 
	position: absolute;
    background-color: transparent; 
    top: -5px; 
    right: -10px;
    z-index: 1000;
}

.block-on-map {
    top: 0px; 
    right: 10px;
    
    width: 351px;
    height: 97.6%;
    
   	position: absolute;
    background: rgba(255, 255, 255, 0.6);
    margin: 0px;
    z-index: 500;
}

.map-dragtext { 
    top: 415.9px; 
    right: 6px;
    
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    margin: 0px;
    z-index: 500;
    font-size: 11px;
    font-weight: 600;
    
    white-space1: nowrap;
    overflow1: hidden;
    text-overflow1: ellipsis;
    display1: inline-block;
    transition1: 0s white-space;
    transition-delay1: 1s;
}

.map-boxtext { 
	bottom: 15px; 
    right: 11px;
	position: absolute;
    background: rgba(255, 255, 255, 0.7);
    margin: 0px;
    z-index: 500;
    font-size: 11px;
    font-weight: 600;
    
    white-space1: nowrap;
    overflow1: hidden;
    text-overflow1: ellipsis;
    display1: inline-block;
    transition1: 0s white-space;
    transition-delay1: 1s;
}

#vCalendar {
	position: relative;
	top: 1px;
}
.top2px {
	position: relative;
	top: 2px;
}
.top1px {
	position: relative;
	top: 1px;
}
.sch-controls { 
	position: absolute;
    background-color1: transparent;
    background-color1: #ffffff; 
    top: 0px;  
    left: 0px;
}
.sch-metrics { 
	position: absolute;
    background-color:#ffffff; 
    left: 0px;
    text-align: center;
}

/*
Bootstrap Extend
*/

.container{
	height: 0px;
	width: 100%;
	padding: 0px;
	padding-left: 2px;
}

.form-group-nr {
  margin-bottom: 18px;
}

.dropdown-menu {
  position: absolute;
  top: 12px;
  left: -69px;
  min-width: 50px;
  font-family: Lato;
  font-weight1: 300;
	font-weight: 400;
  font-size: 14px;
}

/*
Flatui Extend
*/

.map-controls .nav-pills > li > a,
.vismap-controls .nav-pills > li > a {
  background-color: #bdc3c7;
  border: none;
  font-family: Lato;
  font-weight: 400;
  font-size: 14px;
  text-transform: none;
  padding: 0.16666em 1.1em;
  line-height: 30px;
}
.map-controls .nav-pills > li > a:hover,
.map-controls .nav-pills > li.active > a:hover,
.vismap-controls .nav-pills > li > a:hover,
.vismap-controls .nav-pills > li.active > a:hover {
  background-color: #95a5a6; /* b#2eb3a6;*/
}

.sch-controls .nav-pills > li > a {
  background-color: #bdc3c7;
  border-left: 1px solid #ecf0f1;
  font-family: Lato;
  font-weight1: 300;
	font-weight: 400;
  font-size: 13.1px;
  text-transform: none;
  padding: 0.16666em 1.1em;
  line-height: 28px;
  color: #fff;
}
.sch-controls .nav-pills > li > a:hover,
.sch-controls .nav-pills > li.active > a:hover {
  background-color: #95a5a6;
  color1: #fff;
}
.sch-controls .nav-pills > li:first-child > a {
  border-radius: 0px;
  border-top-left-radius1: 3px;
  border-bottom-left-radius1: 3px;
  border-left: 0px;
}
.sch-controls .nav-pills > li:last-child > a  {
  border-radius: 0px;	
  border-top-right-radius1: 3px;
  border-bottom-right-radius1: 3px;
  border-right: 0px;
}

.navpillsbar .nav-pills > li > a {
  background-color: #bdc3c7;
  border-left: 1px solid #ecf0f1;
  font-family: Lato;
  font-weight: 400;
  font-size: 14px;
  text-transform: none;
  padding: 0.16666em 1.1em;
  line-height: 28.9px;
  color: #fff;
}
.navpillsbar .nav-pills > li > a:hover,
.navpillsbar .nav-pills > li.active > a:hover {
  background-color: #95a5a6;
}




/*
Kendo Extend
*/

.k-scheduler-edit-form label + input {
  margin-left-TAKE-THIS-OUT: 1em;
  margin-left: 0px;
}

.k-textbox,
.k-combobox {
	width: 100%;
}

.k-textbox:active, 
.k-textbox:focus,
.k-state-focused,
.k-state-selected,
.k-state-focused.k-state-selected,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
	border-color: #16a085;
  	outline: 0;
  	-webkit-box-shadow1: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow1: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}	

.k-dropdown-wrap,
.k-multiselect,
.k-picker-wrap,
.k-numeric-wrap,
.k-textbox,
.k-input,
input.k-input.k-textbox {
    border-width: 2px;
}

.k-textbox {
    padding: 0px 0px;
}

.k-tooltip{
	font-family: sans-serif;
	font-weight: 400;
	font-size: 12px;
}
.k-widget.k-tooltip {
  	border-color: #fff;
  	background-color: #fff;
  	color: #4C4C4E;
}
/* No change in .k-widget.k-tooltip-validation */
.k-widget.k-tooltip-validation {
  border-color: #ffe13a;
  background-color: #ffe13a;
  color: #4C4C4E;
}

#scheduler {
  border-color: #ffffff;
  -webkit-border-radius1: 3px;
  -moz-border-radius1: 3px;
  height: 0px;
}
.k-scheduler .k-header{
    background-color: #ffffff;
    color: #bdc3c7;
}
.k-scheduler .k-scheduler-footer{
  background-color: #ffffff;
  -webkit-border-radius1: 0px;
  -moz-border-radius1: 0px;
}
.k-scheduler .k-nav-current .k-link,
.k-scheduler .k-nav-current .k-link > span{  
      color: #4C4C4E;
}
.k-scheduler .k-slot-cell {
    border-bottom-left-radius1: 3px;
}
.k-secondary.k-scheduler-toolbar > ul > li {
  background-color: #bdc3c7;
  border-color: #bdc3c7;
}
.k-scheduler-toolbar>ul>li {
	background-color: #bdc3c7;
    border-color: #bdc3c7;
}
.k-scheduler .k-state-default.k-header.k-nav-today,
.k-scheduler .k-state-default.k-header.k-nav-prev,
.k-scheduler .k-state-default.k-header.k-nav-next{
	background-color: #bdc3c7;
    border-color: #bdc3c7;
}
.k-scheduler .k-state-default.k-header.k-nav-today.k-state-hover,
.k-scheduler .k-state-default.k-header.k-nav-prev.k-state-hover,
.k-scheduler .k-state-default.k-header.k-nav-next.k-state-hover{
	background-color: #95a5a6;
    border-color: #95a5a6;
}
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover{
	background-color: #95a5a6;
    border-color: #95a5a6;
}

.k-panelbar{
	background-color: #ffffff;
	border-color: #ffffff;
}
.k-panelbar,
.k-panelbar > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content{
	border-color: #ffffff;
}
.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
  background-color: #ffffff;
  color: #4C4C4E;
  border-color: #ffffff;
}
.k-panelbar > li.k-state-default > .k-link {
  color: #ffffff;
  background-color: #bdc3c7;
}
.k-panelbar > li.k-state-default:hover > .k-link {
  background-color: #7F8C8C;
}
.k-panelbar > li > .k-state-selected,
.k-panelbar > .k-item > .k-state-focused,
.k-panelbar > li.k-state-hover > .k-link {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #7F8C8C;
  color: #ffffff;
}
.k-panelbar .k-content{
	margin: 10px 0px 10px 0px;
}

.k-tabstrip-items > .k-link,
.k-panelbar > li > .k-link {
  	color: #4C4C4E;
}
.k-tabstrip-items > .k-item{
  	background-color: #bdc3c7;
}
.k-tabstrip > .k-state-active {
  	background-color: #7F8C8C;
  	border-color: #ffffff;
  	border: 0px;
  	padding: 0px;
  	padding-top: 5px;
  	margin: 0px;
}
.k-tabstrip-items > .k-item,
.k-panelbar1 .k-tabstrip-items1 > .k-item1,
.k-tabstrip-items > .k-link {
  	-moz-border-radius: 0px;
  	-webkit-border-radius: 0px;
  	border-radius: 0px;
}
.k-tabstrip-items > .k-state-default,
.k-tabstrip-items > .k-state-disabled {	
  	border-color: #ffffff;
}
.k-tabstrip-items > .k-state-disabled,
.k-tabstrip-items > .k-state-disabled > .k-link {	
  	background-color: #ffffff;
	color: #ffffff;
}
.k-tabstrip-items > .k-state-hover {
	border-color: #ffffff;
  	border-top-color: #7F8C8C;
}
.k-tabstrip-items > .k-state-active {
	background-color: #7F8C8C;
  	border-color: #7F8C8C;
  	border-left-color: #ffffff;
}
.k-tabstrip > .k-content.k-state-active {
  	color: #4C4C4E;
}


.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-icon {
  background-image: url('Flat/sprite-dark.png');
  border-color: transparent;
}
.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
  background-position: -32px -176px;
}

/* This will change background for today to another color*/
.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
  background-color: #FFFFFF;
}

.k-today, .k-nonwork-hour, .k-today.k-nonwork-hour {
     background-color: #FFFFFF !important;
}
.shiftNonWork, .k-today.k-nonwork-hour.shiftNonWork {
     background-color: #DDD !important;
}
.apptNonWork, .k-today.k-nonwork-hour.apptNonWork {
     background-color: #FFFF99 !important;
}

.k-scheduler-timelineview tbody tr:first-child td .k-scheduler-table tbody tr:first-child{
	display:none;
}

/* No change in  .k-state-selected but this needs to come after .k-today and  .k-nonwork-hour */
.k-scheduler-table .k-state-selected{
	color: #4C4C4E !important;
  	background-color1: #eff7f3 !important;
  	border-color: #16A085 !important;
  	border-style: dotted;
  	border-width: 2px;
}

.k-calendar .k-today .k-link {
    background-color: #16A085;
}

.k-grid-toolbar{
	padding:0px;
	padding-bottom:1px;
	float1:right;
	background-color1:#ffffff;	
	border-color1:#ffffff;
	border1:0px;
	-moz-border-radius: 5px 5px 0px 0px;
  	-webkit-border-radius: 5px 5px 0px 0px;
  	border-radius: 5px 5px 0px 0px;
}

.k-grid{
	border-color: #ffffff;
}

/*
#orderGrd .k-state-selected,
#todayGrdWin .k-state-selected,
#userGrd .k-state-selected 
*/

.k-grid-footer-wrap,
.k-grid-footer,
.k-grid .k-grouping-header {
	border-color: #cdcdcd;
	background-color: #ffffff;
}
.k-grid td {
	border-color: #cdcdcd;
}
/*
.k-grid tr .k-state-selected
.k-grid1 td.k-state-selected.k-state-focused {
	background-color: #cdcdcd;
}
*/
.k-grid-header-wrap,
.k-grid-header {
	border-color: #ffffff;
	background-color: #ffffff;
}
.k-grid .k-header {
	border-color: #798795;
}
.k-grid-header th.k-state-focused,
.k-grid .k-filter-options,
.k-grid td.k-state-focused {
	-webkit-box-shadow: none;
  	box-shadow: none;
}
.k-grid-header{
	padding-right: 0px;
}

.k-menu .k-item > .k-link{
	padding: 7px 15px;
}
.k-menu.k-header{
	border-radius: 5px 5px 0px 0px;
}


/* grid filter */
.k-grid .k-filter-row {
	background-color: #34495f;
	border-color: #34495f;
}
.k-grid .k-filter-row > th{
	background-color: #34495f;
	border-color: #34495f;
}
.k-grid .k-dropdown-wrap.k-state-default,
.k-grid .k-dropdown-wrap.k-state-default.k-state-hover{
	border-color: #34495f;
	background-color: #34495f;
}
/*
.k-grid .k-button{
	width: auto;
	padding-left: 0px;
	padding-top: 6.5px;
	background-color: #34495f;
	border-color: #34495f;
}
*/
.k-grid .k-filtercell>span{
	padding-right: 0px;
}
.k-grid .k-filter-row .k-dropdown-operator{
	display:none;
	right: -9px;
}
.k-grid .k-filtercell > .k-operator-hidden {
    padding-right: 0px;
}
.k-grid .k-filtercell .k-button {
  display1:none;
  top:9px;
  right:6px;
  
  padding: 0px;
  line-height: 5px;
  
  /*
  padding: 3px;
  line-height: 18px;
  width: 60px;
  font-family: Lato;
  font-weight: 400;
  font-size: 14px;
  */
}
.k-grid .k-filtercell .k-combobox .k-dropdown-wrap .k-select {
  display:none;
}
.k-grid .k-filtercell .k-combobox .k-dropdown-wrap,
.k-grid .k-filtercell .k-combobox .k-dropdown-wrap .k-input {
  padding-right: 0px;
}
.k-grid .k-filtercell .k-combobox > .k-dropdown-wrap > .k-i-close{
	right: 0px;
	font-size:0px;
}

/* Increase height of button bar in Event
.k-edit-form-container .k-edit-buttons{
	bottom: 5px;
}
*/

/* Other */
.eventEditor-multiselect select{
	width: 100%;
}
.eventEditor label {
	width: 24%;
}
.eventEditor input {
	width: 72%;
}
.eventEditor100 .k-dropdown {
	width: 100%;
}
.eventEditor textarea.k-textbox {
	width: 72%;
}
.eventEditor .k-dropdown {
	width: 72.1%;
}
.eventEditor .k-combobox {
	width: 72.1%;
}
.eventEditor select{
	width: 60%;
}
.eventEditor .k-multiselect.k-header{
	width: 71.5%;
}

.act-tls label{
	width: 72%;
	margin-left: 28%;
}

.inputdt-tls label{
	width: 135.1px;
	width1: 137.4px;
}
.inputdt-tls .k-datepicker{
	width: 180px;
}

.bestfitform .k-datepicker,
.bestfitform .k-numerictextbox{
	width: 140px;
}
.eventEditor-rptrule .k-datepicker,
.eventEditor-rptrule .k-numerictextbox{
	width: 163px;
}
.pnleventEditor-sml .k-datepicker {
	width: 131px;
}

.pnleventEditor .k-datepicker {
	width: 152.1px;
}
.pnleventEditor .k-datetimepicker {
	width: 152.1px;
}
.pnleventEditor .k-timepicker {
	width: 152.1px;
}
.pnleventEditor .k-numerictextbox {
	width: 152.1px;
}

.pnleventEditor label {
	width: 30%;
}
.pnleventEditor input,
.pnleventEditor .k-dropdown {
	width: 66%;
}
.pnleventEditorWd label,
.pnleventEditorWdDbl label {
	width: 10%;
}
.pnleventEditorWd input,
.pnleventEditorWdDbl input {
	width: 86%;
}
.pnleventEditorWd .k-dropdown,
.pnleventEditorWdDbl .k-dropdown {
	width: 86%;
	float: right;
}
.pnleventEditorWd .k-combobox,
.pnleventEditorWdDbl .k-combobox {
	width: 86%;
	float: right;
}
.pnleventEditorWdDbl input.k-textbox{
	background-color: #ecf0f1;
}
.optFrm .k-datepicker {
	width: 136px;
}

#smtFrm .k-datepicker {
	width: 126px;
}
#smtFrm .k-timepicker {
	width: 126px;
}
#smtFrm .k-dropdown {
	width: 100%;
}
#smtFrm .k-numerictextbox {
	width: 100px;
}

.date-eventEditor .k-datetimepicker {
	width: 312.9px;
}
.date-eventEditor .k-numerictextbox {
	width: 122.9px;
}

.ordAdvPnl-eventEditor .k-datetimepicker {
	width: 302.9px;
}
.ordAdvPnl-eventEditor .k-numerictextbox {
	width: 117px;
}

.consteventEditor .k-datepicker,
.consteventEditor .k-timepicker {
	width: 135px;
}

.otypeeventEditor label {
	width: 24%;
}
.otypeeventEditor input {
	width: 72%;
}
.otypeeventEditor .k-timepicker, 
.otypeeventEditor .k-numerictextbox {
	width: 123px;
}
.otype2eventEditor label{
	width: 24%;
}
.otype2eventEditor input {
	width: 72%;
}
.otype2eventEditor .k-numerictextbox{
	width: 267px;
}



#rpt1GrpEventEditor .k-textbox{
	width: 66%;
}
#rpt2GrpEventEditor .k-numerictextbox{
	width: 66%;
	margin-left: 15px;
}
 
.findorderblk .k-dropdown {
	width: 213px;
}
.findorderblk .k-combobox,
.findorderblk .k-datepicker,
#findOrderTextFrm .k-textbox {
	width: 266px;
}
#findOrderTextFrm .k-textbox {
    height: 2.61em;
}	

.gridWrapp{
    overflow: auto;
}

/* Combobox for Status */
.k-list .k-item .optgroup {
	padding-left: 5px;
	background: #bdc3c7;
 	color: #34495f;
 	text-transform: uppercase;
 	letter-spacing: .5px;
  	cursor: none;
}
.k-list .k-item .option {
 	padding-left: 23px;
}
 
.cidFindLocation .k-dropdown-wrap.k-state-default,
.cidFindLocation .k-state-default .k-select,
.cidFindLocation .k-state-default > .k-select {
	background-color: #bdc3c7;
	border-color: #bdc3c7;
	border-width: 2px;
}

.cidFindLocation .k-dropdown-wrap.k-state-hover,
.cidFindLocation .k-dropdown-wrap.k-state-focused,
.cidFindLocation .k-state-focused .k-select,
.cidFindLocation .k-state-focused > .k-select,
.cidFindLocation .k-state-hover .k-select,
.cidFindLocation .k-state-hover > .k-select {
	background-color: #95a5a6;
	border-color: #95a5a6;
	border-width: 2px;
}

/* Bootstrap Accordian */
.panel-title {
  font-size: 15px;
  color: #798795;
  font-family: Lato;
  font-weight: 400;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 0px;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 0px;
}
.panel-default {
  border-color: #2c3e50;
}
.panel-default > .panel-heading {
  color: #798795;
  background-color: #34495f;
  border-color: #2c3e50;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #2c3e50;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #2c3e50;
}
.panel-heading{
	cursor: pointer;
}

/* Checkbox */
.chkbtextOpt {
	position: relative;
	top: -34.3px;
	left: 27px;
}
.chkbtextConst {
	position: relative;
	top: -30.3px;
	left: 27px;
}

/*
Edition
*/
.edition {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #ebedee;
  padding: 25px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
}
.edition1 > * {
  padding-left: 10px;
  padding-right: 10px;
}
.edition1 b {
  color: #7f8c8d;
}
.edition .title {
  color:#3498de;
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 9px;
}
.edition .price {
  color: #2980b9;
  font-size: 27px;
  margin-bottom: 27px;
}
.edition .description {
  margin: 10px 0;
  padding: 10px;
  padding-top: 18px;
  border-top: 2px solid #ebedee;
  font-weight: 400;
  background-color: #ffffff;
  color: #798795;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}
.edition .btn {
  min-width: 169px;
}

.leaflet-marker-icon .markerLabel{
	position: relative;
	top: -35.1px;
	left: 6px;
	font-family: arial;
	font-weight: bold;
	font-size: 9px;
	width: 37px;
	text-align: center;
	color: #4C4C4E;
	line-height: 12px;
}

.fileUpload{
    position: relative;
    overflow: hidden;
    margin: 1px;
}
.fileUpload input.upload{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-family: Lato;
  	font-weight: 400;
    font-size: 18px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.iconbar-unread-modify {
  background-color: #f1c40f;
  color:#2c3e50;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  right: 6px;
  top: 2px;
}


.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{
	border-width: 2px;
	border-radius: 2px;
	border-color: #bdc3c7;
}
.leaflet-touch .leaflet-control-layers-toggle{
	width: 29px;
	height: 29px;
}
.leaflet-container .leaflet-control-attribution, 
.leaflet-touch .leaflet-control-attribution
{
	max-width: 100%;
	width: 100%;
	left:11.3px;
	padding-right:23px;
	font-size: 10px;
}

.eventViewCls{
	padding: 1px 2px 1px 2px;
	margin-left: -6px;
	color:#FFFFFF;
	border-radius: 0px 1px 5px 0px;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
}

.disablePointerEvents{
	pointer-events: none;
    opacity: 0.77;
}


input.k-textbox {
    text-indent: .3em;
}
textarea {
    text-indent: .3em;
}
.k-autocomplete .k-input, 
.k-dropdown-wrap .k-input, 
.k-numeric-wrap .k-input, 
.k-picker-wrap .k-input, 
.k-selectbox .k-input, 
.k-textbox > input{
	text-indent: .6em;
}

.pac-container {
	z-index: 999999 !important;
}

@media print {
   .k-scheduler,
   .k-scheduler-content,
   .k-scheduler-times {
      height: auto !important;
   }

   .k-scheduler-content {
      overflow-y: scroll !important;
   }
   
   .k-ff .k-scheduler-content {
      margin-right: 17px !important;
   }
}