.vsd_text_input{
	width:100%;
	border: 1px solid #C0C0C0;
	border-radius:3px;
	padding: 5px 5px 5px 5px;
}

.underline{
	border-radius: 0px;
	border-color: #C0C0C0;
	border-style: solid;
    border-width: 0px 0px 1px 0px;
}

.overline{
	border-radius: 0px;
	border-color: #C0C0C0;
	border-style: solid;
    border-width: 1px 0px 0px 0px;
}

.mapedge{
	border: 1px solid #D0D0D0;
	border-radius:3px;
}

.dataedge{
	border: 1px solid #D0D0D0;
	border-radius:3px;
	padding: 5px 5px 5px 5px;
	height: 250px;
}

.chartedge{
	border: 1px solid #D0D0D0;
	border-radius:3px;
}

.caledge{
	margin-top:10px;
	margin-bottom:5px;
	padding: 0px 0px 0px 0px;
}

.rad3{
	border-radius:3px;
}
.overviewtable {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #afafaf;
  border-radius: 5px;
  background-color: #d8d8d8;
}

.overviewrow {
  font-weight: 400;
}

.overviewheaderrow {
  font-weight: 700;
}

.overviewfooterrow {
  font-weight: 700;
}

.overviewcolgroup1 {
  width: 30%;
  float: left;
}

.overviewcolgroup2 {
  width: 20%;
  float: left;
}

.overviewcolgroup3 {
  width: 20%;
  float: left;
}

.overviewcolgroup4 {
  width: 15%;
  float: left;
}

.overviewcolgroup5 {
  width: 15%;
  padding-right: 5px;
  float: left;
}

.overviewcol1 {
  width: 50%;
  float: left;
  text-align: right;
}

.overviewcol2 {
  width: 24%;
  float: left;
  text-align: right;
}

.overviewcol3 {
  width: 13%;
  float: left;
  text-align: center;
}

.overviewcol4 {
  width: 13%;
  padding-right: 0px;
  float: left;
  text-align: center;
}

.overviewcol5 {
  width: 45%;
  float: left;
  text-align: right;
}

.overviewcol6 {
  width: 55%;
  float: left;
  text-align: right;
}

.overviewcol7 {
  width: 50%;
  float: left;
  text-align: right;
}

.overviewcol8 {
  display: block;
  width: 50%;
  float: left;
  text-align: right;
}

.overviewcolstatus {
  width: 20%;
  padding-right: 3px;
  padding-left: 3px;
  float: left;
}

.statusimage {
  display: block;
  width: auto;
}

.overviewcolversion {
  width: 100%;
  float: left;
  text-align: right;
}

.overviewdatarow {
  background-color: #fff;
}

.curvedtab {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.curvedtab.w--current {
  border-style: solid solid none;
  border-width: 1px 1px 0px;
  border-color: #969696;
  background-color: #c7c6c6;
}

.mainnavtab {
  position: static;
  width: 106px;
  height: 30px;
  margin-top: 68px;
  float: left;
  border-color: #b3b3b3;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  text-align: center;
}

.mainnavtab:hover {
  font-weight: 700;
}

.logoimage {
  padding: 8px;
  float: left;
}

.mainnavtabtext {
  margin-top: 6px;
}

.overviewcolhb {
  width: 20%;
  padding-right: 3px;
  padding-left: 3px;
  float: left;
}

.mainnavtabselected {
  width: 110px;
  height: 30px;
  margin-top: 68px;
  float: left;
  border-color: #b3b3b3;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: 700;
  text-align: center;
}

.mainnavbar {
  margin-top: 10px;
}

.navbarleaflogo {
  float: left;
  border-color: #b3b3b3;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.mainnavdropdown {
  margin-top: 68px;
  padding-top: 6px;
  padding-bottom: 3px;
  float: left;
  border-color: #b3b3b3;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.mainnavdropdownicon {
  margin-top: 9px;
}

.linkbutton {
  display: block;
  width: 160px;
  height: 32px;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #101010;
  border-radius: 2px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(90deg, #575757, #808080);
  background-image: linear-gradient(0deg, #575757, #808080);
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.linkbutton:hover {
  font-weight: 700;
}

.linkbutton:active {
  -webkit-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
}

.infoblock {
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 5px 10px 10px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  background-color: #f5f5f5;
}

.table {
  display: inline-block;
  margin: 5px;
  border: 1px solid #afafaf;
  border-radius: 5px;
}

.table.fullwidth {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.tableheader {
  height: 25px;
  background-color: #d8d8d8;
}

.tablebody {
  display: block;
}

.tablebody.trendchartbody {
  width: 440px;
  height: 300px;
  margin-right: 21px;
  margin-left: 21px;
}

.tablebody.hourofdaybody {
  display: block;
  width: 390px;
  height: 300px;
  margin-right: 21px;
  margin-left: 21px;
}

.tablebody.dayofweekbody {
  width: 260px;
  height: 300px;
  margin-right: 20px;
  margin-left: 20px;
}

.tableheading {
  margin-top: 0px;
  padding-top: 3px;
  padding-left: 20px;
}

.chartscontiner {
  display: block;
  text-align: center;
}

.leftfieldlabel {
  float: left;
  clear: none;
}

.righttextfield {
  float: none;
  clear: none;
}

.rightalign {
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.fieldlabelleft {
  margin-top: 8px;
  margin-right: 10px;
  margin-bottom: 0px;
  text-align: right;
}

.checklabelleft {
  margin-right: 10px;
  text-align: right;
}

.locationstable {
  width: 100%;
  height: 20px;
}

.loctableaddress {
  width: 20%;
  float: left;
}

.loctablename {
  width: 15%;
  float: left;
  clear: none;
}

.loctablecity {
  width: 10%;
  float: left;
}

.loctablestate {
  width: 5%;
  float: left;
}

.loctablezip {
  width: 7%;
  float: left;
}

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

.loctablephone {
  width: 12%;
  float: left;
}

.loctablecontact {
  width: 12%;
  float: left;
}

.loctableaddress2 {
  width: 15%;
  float: left;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.invoicecol1 {
  width: 50px;
  float: left;
}

.border {
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .5);
  border-radius: 5px;
}

.shadedbackground {
  background-color: rgba(0, 0, 0, .15);
}

.tablecol50 {
  width: 50px;
  float: left;
}

.tablecol200 {
  width: 200px;
  float: left;
}

@media (max-width: 991px) {
  .overviewcolgroup1 {
    width: 39%;
  }
  .overviewcolgroup2 {
    width: 19%;
  }
  .overviewcolgroup3 {
    display: block;
    width: 24%;
  }
  .overviewcolgroup4 {
    width: 18%;
  }
  .overviewcolgroup5 {
    display: none;
  }
  .loctablestate {
    display: block;
  }
  .loctablephone {
    width: 15%;
  }
  .loctableaddress2 {
    display: none;
  }
}

@media (max-width: 767px) {
  .overviewtable {
    margin-right: 3px;
    margin-left: 3px;
  }
  .overviewcolgroup1 {
    width: 50%;
  }
  .overviewcolgroup2 {
    width: 25%;
  }
  .overviewcolgroup3 {
    display: none;
  }
  .overviewcolgroup4 {
    width: 25%;
  }
  .fieldlabelleft {
    text-align: left;
  }
  .checklabelleft {
    text-align: left;
  }
  .loctablecity {
    display: none;
  }
  .loctablestate {
    display: none;
  }
  .loctablezip {
    width: 15%;
  }
  .loctablephone {
    width: 20%;
  }
}

@media (max-width: 479px) {
  .overviewcolgroup1 {
    width: 91%;
  }
  .overviewcolgroup2 {
    display: none;
  }
  .overviewcolgroup4 {
    display: block;
    width: 9%;
  }
  .overviewcol1 {
    width: 53%;
  }
  .overviewcol2 {
    width: 21%;
  }
  .overviewcolstatus {
    display: none;
  }
  .overviewcolhb {
    width: 100%;
  }
  .linkbutton {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .loctableaddress {
    width: 30%;
  }
  .loctablezip {
    display: none;
  }
  .loctablephone {
    width: 33%;
  }
}