/** Width Classes*/
.width-100 {
  width: 100%;
}

.width-98 {
  width: 98% !important;
}

.width-85 {
  width: 85%;
}

.width-32 {
  width: 32%;
}

.width-33 {
  width: 33%;
}

.width-34 {
  width: 34%;
}

.width-36 {
  width: 36%;
}

.width-76 {
  width: 76%;
}

/*margin classes*/

.mt-20 {
  margin-top: 20px;
}

.mr-5{
  margin-right:5px;
}

/**Top Classes*/

.top_8 {
  top: -8px;
}


#zone-name {
  margin: 18px 0 0 10px;
  width: 90%;
  font-size: 14px;
}

.motor-cycle-detection-wrapper {
  margin: 0 auto;
  top: 20px;
}

.disableAction {
  opacity: 0.3 !important;
}

/*Analytic License*/
#license-id {
  margin: 18px 0 0 10px;
  width: 90%;
  font-size: 14px;
}

.tblHeaderStyle {
  width: 93% !important;
  border: 1px solid black;
  font-family: arial !important;
  margin: 0 0 0 20px;
}

.thStyle {
  width: 30%;
  color: white;
  font-weight: bold;
  background-color: #00255b;
  text-align: left;
}

.tblStyle1 {
  width: 95%;
  border: 1px solid black;
  font-family: arial;
  margin: 0 20px 20px 20px;
}

.tblStyle {
  width: 95% !important;
  border: 1px solid black;
  font-family: arial !important;
  margin: 0 20px 20px 20px;
}

#defaultIcon {
  opacity:1;
}

#defaultHead {
  opacity: 0.3;
}

.analyticWizardPresetCombo {
  display: inline-block;
  max-width: 25%;
  margin: 1px;
}

#analyticWizardTable tr th {
  font-size: 11px;
}

.p-3 {
  padding: 3px;
}

.analyticWizardDirectionAngle {
  display: inline-block;
  vertical-align: middle;
}
.analyticWizardDirectionValue {
  margin-top: -42px !important;
  margin-left: 12px !important;
}

.primary-btn {
  background: #00255b;
  color: #fff;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 5px;
  font-size: 12px;
}
.wizard-btn-wrapper {
  margin-top: 60px;
  float: right;
}

#analyticWizard > .content {
  min-height: 292px !important;
  height: 294px !important;
}

#carPerZone
  span.ui-slider-pip.ui-slider-pip-first.ui-slider-pip-label.ui-slider-pip-0
  span.ui-slider-label {
  left: -7px;
}

.saveImg {
  width: 82%;
  text-align: center;
}

.width-74 {
  width: 74%;
}

.width-42 {
  width: 42%;
}

.width-59 {
  width: 59%;
}

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

.presetSelect {
  display: inline-block;
  margin: 1px;
}

.font-11 {
  font-size: 11px;
}

.analyticStatistics th {
  background-color: #00255b;
  color: #c3f90c;
  font-weight: normal;
  text-align: left;
  border-right: 1px solid #00255b;
}
.analyticStatistics td {
  border: 1px solid black;
}

.analyticStatistics tr td {
  font-size: 12px;
}

.analyticSpeed th {
  text-align: center;
  /* font-size: 12px; */
}

.txt-center {
  text-align: center !important;
}
.txt-left {
  text-align: left !important;
}

.analyticsTable {
  text-align: center;
  font-size: 12px;
}

.analyticStaticTitle {
  margin-bottom: 5px;
  font-family: "Montserrat-Regular";
  margin-left: 10px;
}

.font-13 {
  font-size: 13px;
}

.width-9 {
  width: 9% !important;
}

.width-15 {
  width: 15% !important;
}

.errorAnalyticMsg {
  text-align: center;
  color: red;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 12px;
}

.excludeSchedule{
  color: #00255B;
  font-size: 12px;
  font-weight: bold;
  margin-left: 11px;
}

.greyBg{
  background-color:lightgray
}

.whiteBg{
  background-color:#fff
}

.resetTimerWrapper{
  float: right;
    margin-top: -83px;
    padding: 20px;
    margin-right: -8px;
}

.resetTime{
  width: 86px;
  padding: 10px;
  font-size: 14px;
}

.downloadDateRange{
  font-size: 13px;
  color: #00255B;
  padding: 5px;
}

.posRelative {
  position: relative;
}

.toolTipFix{
  position: absolute;
  top: 20px;
  right: 0;

}