@import url(materialize.css);
html, body {
  width: 100%;
  height: 100%;
}

.ui-dialog, .ui-dialog-content {
  box-sizing: content-box;
}

#outOfSync {
  position: absolute;
  top: -10px;
  left: 50%;
  z-index: 20;
  margin-left: -20px;
  padding: 5px 10px;
  background: darkslategrey;
  border-radius: 0 0 10px 10px;
  transition: all 0.25s ease;
}
#outOfSync.show {
  top: 46px;
}

.note {
  background-color: #EEEEEE;
  border: 1px solid #AAAAAA;
  border-radius: 5px;
  padding: 10px;
}
.note h5 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.note .btn {
  padding-bottom: 0px;
}

/* Navbar ====================================== */
/* Material Icons ============================== */
.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-26 {
  font-size: 26px;
}

.material-icons.md-28 {
  font-size: 28px;
}

.material-icons.md-30 {
  font-size: 30px;
}

.material-icons.md-32 {
  font-size: 32px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/* Helpers ===================================== */
.m-l--125 {
  margin-left: -125px;
}

.m-t--125 {
  margin-top: -125px;
}

.m-r--125 {
  margin-right: -125px;
}

.m-b--125 {
  margin-bottom: -125px;
}

.m-l--120 {
  margin-left: -120px;
}

.m-t--120 {
  margin-top: -120px;
}

.m-r--120 {
  margin-right: -120px;
}

.m-b--120 {
  margin-bottom: -120px;
}

.m-l--115 {
  margin-left: -115px;
}

.m-t--115 {
  margin-top: -115px;
}

.m-r--115 {
  margin-right: -115px;
}

.m-b--115 {
  margin-bottom: -115px;
}

.m-l--110 {
  margin-left: -110px;
}

.m-t--110 {
  margin-top: -110px;
}

.m-r--110 {
  margin-right: -110px;
}

.m-b--110 {
  margin-bottom: -110px;
}

.m-l--105 {
  margin-left: -105px;
}

.m-t--105 {
  margin-top: -105px;
}

.m-r--105 {
  margin-right: -105px;
}

.m-b--105 {
  margin-bottom: -105px;
}

.m-l--100 {
  margin-left: -100px;
}

.m-t--100 {
  margin-top: -100px;
}

.m-r--100 {
  margin-right: -100px;
}

.m-b--100 {
  margin-bottom: -100px;
}

.m-l--95 {
  margin-left: -95px;
}

.m-t--95 {
  margin-top: -95px;
}

.m-r--95 {
  margin-right: -95px;
}

.m-b--95 {
  margin-bottom: -95px;
}

.m-l--90 {
  margin-left: -90px;
}

.m-t--90 {
  margin-top: -90px;
}

.m-r--90 {
  margin-right: -90px;
}

.m-b--90 {
  margin-bottom: -90px;
}

.m-l--85 {
  margin-left: -85px;
}

.m-t--85 {
  margin-top: -85px;
}

.m-r--85 {
  margin-right: -85px;
}

.m-b--85 {
  margin-bottom: -85px;
}

.m-l--80 {
  margin-left: -80px;
}

.m-t--80 {
  margin-top: -80px;
}

.m-r--80 {
  margin-right: -80px;
}

.m-b--80 {
  margin-bottom: -80px;
}

.m-l--75 {
  margin-left: -75px;
}

.m-t--75 {
  margin-top: -75px;
}

.m-r--75 {
  margin-right: -75px;
}

.m-b--75 {
  margin-bottom: -75px;
}

.m-l--70 {
  margin-left: -70px;
}

.m-t--70 {
  margin-top: -70px;
}

.m-r--70 {
  margin-right: -70px;
}

.m-b--70 {
  margin-bottom: -70px;
}

.m-l--65 {
  margin-left: -65px;
}

.m-t--65 {
  margin-top: -65px;
}

.m-r--65 {
  margin-right: -65px;
}

.m-b--65 {
  margin-bottom: -65px;
}

.m-l--60 {
  margin-left: -60px;
}

.m-t--60 {
  margin-top: -60px;
}

.m-r--60 {
  margin-right: -60px;
}

.m-b--60 {
  margin-bottom: -60px;
}

.m-l--55 {
  margin-left: -55px;
}

.m-t--55 {
  margin-top: -55px;
}

.m-r--55 {
  margin-right: -55px;
}

.m-b--55 {
  margin-bottom: -55px;
}

.m-l--50 {
  margin-left: -50px;
}

.m-t--50 {
  margin-top: -50px;
}

.m-r--50 {
  margin-right: -50px;
}

.m-b--50 {
  margin-bottom: -50px;
}

.m-l--45 {
  margin-left: -45px;
}

.m-t--45 {
  margin-top: -45px;
}

.m-r--45 {
  margin-right: -45px;
}

.m-b--45 {
  margin-bottom: -45px;
}

.m-l--40 {
  margin-left: -40px;
}

.m-t--40 {
  margin-top: -40px;
}

.m-r--40 {
  margin-right: -40px;
}

.m-b--40 {
  margin-bottom: -40px;
}

.m-l--35 {
  margin-left: -35px;
}

.m-t--35 {
  margin-top: -35px;
}

.m-r--35 {
  margin-right: -35px;
}

.m-b--35 {
  margin-bottom: -35px;
}

.m-l--30 {
  margin-left: -30px;
}

.m-t--30 {
  margin-top: -30px;
}

.m-r--30 {
  margin-right: -30px;
}

.m-b--30 {
  margin-bottom: -30px;
}

.m-l--25 {
  margin-left: -25px;
}

.m-t--25 {
  margin-top: -25px;
}

.m-r--25 {
  margin-right: -25px;
}

.m-b--25 {
  margin-bottom: -25px;
}

.m-l--20 {
  margin-left: -20px;
}

.m-t--20 {
  margin-top: -20px;
}

.m-r--20 {
  margin-right: -20px;
}

.m-b--20 {
  margin-bottom: -20px;
}

.m-l--15 {
  margin-left: -15px;
}

.m-t--15 {
  margin-top: -15px;
}

.m-r--15 {
  margin-right: -15px;
}

.m-b--15 {
  margin-bottom: -15px;
}

.m-l--10 {
  margin-left: -10px;
}

.m-t--10 {
  margin-top: -10px;
}

.m-r--10 {
  margin-right: -10px;
}

.m-b--10 {
  margin-bottom: -10px;
}

.m-l--5 {
  margin-left: -5px;
}

.m-t--5 {
  margin-top: -5px;
}

.m-r--5 {
  margin-right: -5px;
}

.m-b--5 {
  margin-bottom: -5px;
}

.m-l-0 {
  margin-left: 0px;
}

.m-t-0 {
  margin-top: 0px;
}

.m-r-0 {
  margin-right: 0px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-l-10 {
  margin-left: 10px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-l-35 {
  margin-left: 35px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-r-35 {
  margin-right: 35px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-l-45 {
  margin-left: 45px;
}

.m-t-45 {
  margin-top: 45px;
}

.m-r-45 {
  margin-right: 45px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-l-55 {
  margin-left: 55px;
}

.m-t-55 {
  margin-top: 55px;
}

.m-r-55 {
  margin-right: 55px;
}

.m-b-55 {
  margin-bottom: 55px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-r-60 {
  margin-right: 60px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.m-l-65 {
  margin-left: 65px;
}

.m-t-65 {
  margin-top: 65px;
}

.m-r-65 {
  margin-right: 65px;
}

.m-b-65 {
  margin-bottom: 65px;
}

.m-l-70 {
  margin-left: 70px;
}

.m-t-70 {
  margin-top: 70px;
}

.m-r-70 {
  margin-right: 70px;
}

.m-b-70 {
  margin-bottom: 70px;
}

.m-l-75 {
  margin-left: 75px;
}

.m-t-75 {
  margin-top: 75px;
}

.m-r-75 {
  margin-right: 75px;
}

.m-b-75 {
  margin-bottom: 75px;
}

.m-l-80 {
  margin-left: 80px;
}

.m-t-80 {
  margin-top: 80px;
}

.m-r-80 {
  margin-right: 80px;
}

.m-b-80 {
  margin-bottom: 80px;
}

.m-l-85 {
  margin-left: 85px;
}

.m-t-85 {
  margin-top: 85px;
}

.m-r-85 {
  margin-right: 85px;
}

.m-b-85 {
  margin-bottom: 85px;
}

.m-l-90 {
  margin-left: 90px;
}

.m-t-90 {
  margin-top: 90px;
}

.m-r-90 {
  margin-right: 90px;
}

.m-b-90 {
  margin-bottom: 90px;
}

.m-l-95 {
  margin-left: 95px;
}

.m-t-95 {
  margin-top: 95px;
}

.m-r-95 {
  margin-right: 95px;
}

.m-b-95 {
  margin-bottom: 95px;
}

.m-l-100 {
  margin-left: 100px;
}

.m-t-100 {
  margin-top: 100px;
}

.m-r-100 {
  margin-right: 100px;
}

.m-b-100 {
  margin-bottom: 100px;
}

.m-l-105 {
  margin-left: 105px;
}

.m-t-105 {
  margin-top: 105px;
}

.m-r-105 {
  margin-right: 105px;
}

.m-b-105 {
  margin-bottom: 105px;
}

.m-l-110 {
  margin-left: 110px;
}

.m-t-110 {
  margin-top: 110px;
}

.m-r-110 {
  margin-right: 110px;
}

.m-b-110 {
  margin-bottom: 110px;
}

.m-l-115 {
  margin-left: 115px;
}

.m-t-115 {
  margin-top: 115px;
}

.m-r-115 {
  margin-right: 115px;
}

.m-b-115 {
  margin-bottom: 115px;
}

.m-l-120 {
  margin-left: 120px;
}

.m-t-120 {
  margin-top: 120px;
}

.m-r-120 {
  margin-right: 120px;
}

.m-b-120 {
  margin-bottom: 120px;
}

.m-l-125 {
  margin-left: 125px;
}

.m-t-125 {
  margin-top: 125px;
}

.m-r-125 {
  margin-right: 125px;
}

.m-b-125 {
  margin-bottom: 125px;
}

.margin-0 {
  margin: 0;
}

.p-l-0 {
  padding-left: 0px;
}

.p-t-0 {
  padding-top: 0px;
}

.p-r-0 {
  padding-right: 0px;
}

.p-b-0 {
  padding-bottom: 0px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-t-5 {
  padding-top: 5px;
}

.p-r-5 {
  padding-right: 5px;
}

.p-b-5 {
  padding-bottom: 5px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-l-15 {
  padding-left: 15px;
}

.p-t-15 {
  padding-top: 15px;
}

.p-r-15 {
  padding-right: 15px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-t-20 {
  padding-top: 20px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.p-l-25 {
  padding-left: 25px;
}

.p-t-25 {
  padding-top: 25px;
}

.p-r-25 {
  padding-right: 25px;
}

.p-b-25 {
  padding-bottom: 25px;
}

.p-l-30 {
  padding-left: 30px;
}

.p-t-30 {
  padding-top: 30px;
}

.p-r-30 {
  padding-right: 30px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.p-l-35 {
  padding-left: 35px;
}

.p-t-35 {
  padding-top: 35px;
}

.p-r-35 {
  padding-right: 35px;
}

.p-b-35 {
  padding-bottom: 35px;
}

.p-l-40 {
  padding-left: 40px;
}

.p-t-40 {
  padding-top: 40px;
}

.p-r-40 {
  padding-right: 40px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.p-l-45 {
  padding-left: 45px;
}

.p-t-45 {
  padding-top: 45px;
}

.p-r-45 {
  padding-right: 45px;
}

.p-b-45 {
  padding-bottom: 45px;
}

.p-l-50 {
  padding-left: 50px;
}

.p-t-50 {
  padding-top: 50px;
}

.p-r-50 {
  padding-right: 50px;
}

.p-b-50 {
  padding-bottom: 50px;
}

.p-l-55 {
  padding-left: 55px;
}

.p-t-55 {
  padding-top: 55px;
}

.p-r-55 {
  padding-right: 55px;
}

.p-b-55 {
  padding-bottom: 55px;
}

.p-l-60 {
  padding-left: 60px;
}

.p-t-60 {
  padding-top: 60px;
}

.p-r-60 {
  padding-right: 60px;
}

.p-b-60 {
  padding-bottom: 60px;
}

.p-l-65 {
  padding-left: 65px;
}

.p-t-65 {
  padding-top: 65px;
}

.p-r-65 {
  padding-right: 65px;
}

.p-b-65 {
  padding-bottom: 65px;
}

.p-l-70 {
  padding-left: 70px;
}

.p-t-70 {
  padding-top: 70px;
}

.p-r-70 {
  padding-right: 70px;
}

.p-b-70 {
  padding-bottom: 70px;
}

.p-l-75 {
  padding-left: 75px;
}

.p-t-75 {
  padding-top: 75px;
}

.p-r-75 {
  padding-right: 75px;
}

.p-b-75 {
  padding-bottom: 75px;
}

.p-l-80 {
  padding-left: 80px;
}

.p-t-80 {
  padding-top: 80px;
}

.p-r-80 {
  padding-right: 80px;
}

.p-b-80 {
  padding-bottom: 80px;
}

.p-l-85 {
  padding-left: 85px;
}

.p-t-85 {
  padding-top: 85px;
}

.p-r-85 {
  padding-right: 85px;
}

.p-b-85 {
  padding-bottom: 85px;
}

.p-l-90 {
  padding-left: 90px;
}

.p-t-90 {
  padding-top: 90px;
}

.p-r-90 {
  padding-right: 90px;
}

.p-b-90 {
  padding-bottom: 90px;
}

.p-l-95 {
  padding-left: 95px;
}

.p-t-95 {
  padding-top: 95px;
}

.p-r-95 {
  padding-right: 95px;
}

.p-b-95 {
  padding-bottom: 95px;
}

.p-l-100 {
  padding-left: 100px;
}

.p-t-100 {
  padding-top: 100px;
}

.p-r-100 {
  padding-right: 100px;
}

.p-b-100 {
  padding-bottom: 100px;
}

.p-l-105 {
  padding-left: 105px;
}

.p-t-105 {
  padding-top: 105px;
}

.p-r-105 {
  padding-right: 105px;
}

.p-b-105 {
  padding-bottom: 105px;
}

.p-l-110 {
  padding-left: 110px;
}

.p-t-110 {
  padding-top: 110px;
}

.p-r-110 {
  padding-right: 110px;
}

.p-b-110 {
  padding-bottom: 110px;
}

.p-l-115 {
  padding-left: 115px;
}

.p-t-115 {
  padding-top: 115px;
}

.p-r-115 {
  padding-right: 115px;
}

.p-b-115 {
  padding-bottom: 115px;
}

.p-l-120 {
  padding-left: 120px;
}

.p-t-120 {
  padding-top: 120px;
}

.p-r-120 {
  padding-right: 120px;
}

.p-b-120 {
  padding-bottom: 120px;
}

.p-l-125 {
  padding-left: 125px;
}

.p-t-125 {
  padding-top: 125px;
}

.p-r-125 {
  padding-right: 125px;
}

.p-b-125 {
  padding-bottom: 125px;
}

.padding-0 {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.no-resize {
  resize: none;
}

.font-bold {
  font-weight: bold;
}

.font-italic {
  font-style: italic;
}

.font-underline {
  text-decoration: underline;
}

.font-line-through {
  text-decoration: line-through;
}

.font-overline {
  text-decoration: overline;
}

.block-header {
  margin-bottom: 15px;
}

.block-header h2 {
  margin: 0 !important;
  color: #666 !important;
  font-weight: normal;
  font-size: 16px;
}

.block-header h2 small {
  display: block;
  font-size: 12px;
  margin-top: 8px;
  color: #888;
}

.block-header h2 small a {
  font-weight: bold;
  color: #777;
}

.bg-red {
  background-color: #F44336 !important;
  color: #fff;
}

.bg-red .content .text,
.bg-red .content .number {
  color: #fff !important;
}

.bg-pink {
  background-color: #E91E63 !important;
  color: #fff;
}

.bg-pink .content .text,
.bg-pink .content .number {
  color: #fff !important;
}

.bg-purple {
  background-color: #9C27B0 !important;
  color: #fff;
}

.bg-purple .content .text,
.bg-purple .content .number {
  color: #fff !important;
}

.bg-deep-purple {
  background-color: #673AB7 !important;
  color: #fff;
}

.bg-deep-purple .content .text,
.bg-deep-purple .content .number {
  color: #fff !important;
}

.bg-indigo {
  background-color: #3F51B5 !important;
  color: #fff;
}

.bg-indigo .content .text,
.bg-indigo .content .number {
  color: #fff !important;
}

.bg-blue {
  background-color: #2196F3 !important;
  color: #fff;
}

.bg-blue .content .text,
.bg-blue .content .number {
  color: #fff !important;
}

.bg-light-blue {
  background-color: #03A9F4 !important;
  color: #fff;
}

.bg-light-blue .content .text,
.bg-light-blue .content .number {
  color: #fff !important;
}

.bg-cyan {
  background-color: #00BCD4 !important;
  color: #fff;
}

.bg-cyan .content .text,
.bg-cyan .content .number {
  color: #fff !important;
}

.bg-teal {
  background-color: #009688 !important;
  color: #fff;
}

.bg-teal .content .text,
.bg-teal .content .number {
  color: #fff !important;
}

.bg-green {
  background-color: #4CAF50 !important;
  color: #fff;
}

.bg-green .content .text,
.bg-green .content .number {
  color: #fff !important;
}

.bg-light-green {
  background-color: #8BC34A !important;
  color: #fff;
}

.bg-light-green .content .text,
.bg-light-green .content .number {
  color: #fff !important;
}

.bg-lime {
  background-color: #CDDC39 !important;
  color: #fff;
}

.bg-lime .content .text,
.bg-lime .content .number {
  color: #fff !important;
}

.bg-yellow {
  background-color: #ffe821 !important;
  color: #fff;
}

.bg-yellow .content .text,
.bg-yellow .content .number {
  color: #fff !important;
}

.bg-amber {
  background-color: #FFC107 !important;
  color: #fff;
}

.bg-amber .content .text,
.bg-amber .content .number {
  color: #fff !important;
}

.bg-orange {
  background-color: #FF9800 !important;
  color: #fff;
}

.bg-orange .content .text,
.bg-orange .content .number {
  color: #fff !important;
}

.bg-deep-orange {
  background-color: #FF5722 !important;
  color: #fff;
}

.bg-deep-orange .content .text,
.bg-deep-orange .content .number {
  color: #fff !important;
}

.bg-brown {
  background-color: #795548 !important;
  color: #fff;
}

.bg-brown .content .text,
.bg-brown .content .number {
  color: #fff !important;
}

.bg-grey {
  background-color: #9E9E9E !important;
  color: #fff;
}

.bg-grey .content .text,
.bg-grey .content .number {
  color: #fff !important;
}

.bg-blue-grey {
  background-color: #607D8B !important;
  color: #fff;
}

.bg-blue-grey .content .text,
.bg-blue-grey .content .number {
  color: #fff !important;
}

.bg-black {
  background-color: #000000 !important;
  color: #fff;
}

.bg-black .content .text,
.bg-black .content .number {
  color: #fff !important;
}

.bg-white {
  background-color: #ffffff !important;
  color: #fff;
}

.bg-white .content .text,
.bg-white .content .number {
  color: #fff !important;
}

.col-red {
  color: #F44336 !important;
}

.col-pink {
  color: #E91E63 !important;
}

.col-purple {
  color: #9C27B0 !important;
}

.col-deep-purple {
  color: #673AB7 !important;
}

.col-indigo {
  color: #3F51B5 !important;
}

.col-blue {
  color: #2196F3 !important;
}

.col-light-blue {
  color: #03A9F4 !important;
}

.col-cyan {
  color: #00BCD4 !important;
}

.col-teal {
  color: #009688 !important;
}

.col-green {
  color: #4CAF50 !important;
}

.col-light-green {
  color: #8BC34A !important;
}

.col-lime {
  color: #CDDC39 !important;
}

.col-yellow {
  color: #ffe821 !important;
}

.col-amber {
  color: #FFC107 !important;
}

.col-orange {
  color: #FF9800 !important;
}

.col-deep-orange {
  color: #FF5722 !important;
}

.col-brown {
  color: #795548 !important;
}

.col-grey {
  color: #9E9E9E !important;
}

.col-blue-grey {
  color: #607D8B !important;
}

.col-black {
  color: #000000 !important;
}

.col-white {
  color: #ffffff !important;
}

/* Custom Animate ============================== */
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Materialize Css | Taken from www.materializecss.com */
/* Media ======================================= */
@media (max-width: 767px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 35px;
    width: 73%;
  }
  .navbar .navbar-header {
    display: inline-block;
    margin-bottom: -6px;
    width: calc(100% + 30px);
  }
  .navbar .nav > li {
    display: inline-block;
  }
  .navbar .navbar-nav {
    margin-top: -10px;
    margin-bottom: 1px;
    margin-left: -7px;
  }
  .navbar .navbar-nav .open .dropdown-menu {
    background-color: #fff;
    position: absolute;
  }
  .navbar .dropdown-menu {
    margin-left: -50px;
  }
  .navbar .js-right-sidebar {
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1169px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 20px;
  }
}
/* General ===================================== */
body {
  background-color: #e9e9e9;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "Roboto", Arial, Tahoma, sans-serif;
  line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

button,
input,
select,
a {
  outline: none !important;
}

.no-animate {
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}

.csiLogo {
  background-color: white;
  padding: 5px 20px;
  border-radius: 5px;
  opacity: 90%;
}

.logoBanner {
  position: absolute;
  right: 0;
  top: 0;
}
.logoBanner img {
  width: 100px;
  height: 100px;
}

.csiVersionNumber {
  position: absolute;
  right: 4px;
  bottom: 0px;
}

section.content {
  /*margin: 80px 0 0 0;*/
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: 100%;
}

section.admincontent {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 80px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* Buttons ===================================== */
.btn:focus {
  outline: none !important;
}

.btn-circle {
  border: none;
  outline: none !important;
  overflow: hidden;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.btn-circle i {
  font-size: 18px;
  left: -1px;
}

#dropdownMenuButton:hover {
  color: white;
}

.btn-link {
  font-weight: bold;
  color: #333;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-link:active, .btn-link:focus {
  text-decoration: none;
  color: #333;
}

.btn-link:hover {
  text-decoration: none;
  color: #333;
  background-color: #ddd;
}

.btn-circle-lg {
  border: none;
  outline: none !important;
  overflow: hidden;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  border-radius: 50% !important;
}

.btn-circle-lg i {
  font-size: 26px !important;
  position: relative !important;
  left: 0px !important;
  top: 6px !important;
}

.btn.btn-default, .btn.btn-info {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: none;
  font-size: 13px;
  outline: none;
}

.btn:not(.btn-link):not(.btn-circle):hover {
  outline: none;
}

.btn:not(.btn-link):not(.btn-circle) i {
  font-size: 20px;
  position: relative;
  top: 3px;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
  background-color: #fb483a !important;
}

.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:focus {
  background-color: #00b0e4 !important;
}

.btn-file,
.btn-file:hover,
.btn-file:active,
.btn-file:focus {
  background-color: #00BCD4 !important;
  color: white;
}

.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
  background-color: #2b982b !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #1f91f3 !important;
}

.btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  background-color: #fff !important;
}

.btn-group .btn,
.btn-group-vertical .btn {
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.btn-group .btn .caret,
.btn-group-vertical .btn .caret {
  position: relative;
  bottom: 1px;
}

.btn-group .btn-group,
.btn-group-vertical .btn-group {
  box-shadow: none !important;
}

.btn-group .btn + .dropdown-toggle,
.btn-group-vertical .btn + .dropdown-toggle {
  border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Bootstrap Tags Input ======================== */
/* Card ======================================== */
.card {
  background: #fff;
  min-height: 50px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  position: relative;
}

.card .card-inside-title {
  margin-top: 25px;
  margin-bottom: 15px;
  display: block;
  font-size: 15px;
  color: #000;
}

.card .card-inside-title small {
  color: #999;
  display: block;
  font-size: 11px;
  margin-top: 5px;
}

.card .card-inside-title small a {
  color: #777;
  font-weight: bold;
}

.card .card-inside-title:first-child {
  margin-top: 0;
}

.card .bg-red,
.card .bg-pink,
.card .bg-purple,
.card .bg-deep-purple,
.card .bg-indigo,
.card .bg-blue,
.card .bg-light-blue,
.card .bg-cyan,
.card .bg-teal,
.card .bg-green,
.card .bg-light-green,
.card .bg-lime,
.card .bg-yellow,
.card .bg-amber,
.card .bg-orange,
.card .bg-deep-orange,
.card .bg-brown,
.card .bg-grey,
.card .bg-blue-grey,
.card .bg-black {
  border-bottom: none !important;
  color: #fff !important;
}

.card .bg-red h2, .card .bg-red small, .card .bg-red .material-icons,
.card .bg-pink h2,
.card .bg-pink small,
.card .bg-pink .material-icons,
.card .bg-purple h2,
.card .bg-purple small,
.card .bg-purple .material-icons,
.card .bg-deep-purple h2,
.card .bg-deep-purple small,
.card .bg-deep-purple .material-icons,
.card .bg-indigo h2,
.card .bg-indigo small,
.card .bg-indigo .material-icons,
.card .bg-blue h2,
.card .bg-blue small,
.card .bg-blue .material-icons,
.card .bg-light-blue h2,
.card .bg-light-blue small,
.card .bg-light-blue .material-icons,
.card .bg-cyan h2,
.card .bg-cyan small,
.card .bg-cyan .material-icons,
.card .bg-teal h2,
.card .bg-teal small,
.card .bg-teal .material-icons,
.card .bg-green h2,
.card .bg-green small,
.card .bg-green .material-icons,
.card .bg-light-green h2,
.card .bg-light-green small,
.card .bg-light-green .material-icons,
.card .bg-lime h2,
.card .bg-lime small,
.card .bg-lime .material-icons,
.card .bg-yellow h2,
.card .bg-yellow small,
.card .bg-yellow .material-icons,
.card .bg-amber h2,
.card .bg-amber small,
.card .bg-amber .material-icons,
.card .bg-orange h2,
.card .bg-orange small,
.card .bg-orange .material-icons,
.card .bg-deep-orange h2,
.card .bg-deep-orange small,
.card .bg-deep-orange .material-icons,
.card .bg-brown h2,
.card .bg-brown small,
.card .bg-brown .material-icons,
.card .bg-grey h2,
.card .bg-grey small,
.card .bg-grey .material-icons,
.card .bg-blue-grey h2,
.card .bg-blue-grey small,
.card .bg-blue-grey .material-icons,
.card .bg-black h2,
.card .bg-black small,
.card .bg-black .material-icons {
  color: #fff !important;
}

.card .bg-red .badge,
.card .bg-pink .badge,
.card .bg-purple .badge,
.card .bg-deep-purple .badge,
.card .bg-indigo .badge,
.card .bg-blue .badge,
.card .bg-light-blue .badge,
.card .bg-cyan .badge,
.card .bg-teal .badge,
.card .bg-green .badge,
.card .bg-light-green .badge,
.card .bg-lime .badge,
.card .bg-yellow .badge,
.card .bg-amber .badge,
.card .bg-orange .badge,
.card .bg-deep-orange .badge,
.card .bg-brown .badge,
.card .bg-grey .badge,
.card .bg-blue-grey .badge,
.card .bg-black .badge {
  background-color: #fff;
  color: #555;
}

.card h3 {
  margin: 0;
}

.card .header {
  color: #555;
  padding: 10px 20px;
  position: relative;
  border-bottom: 1px solid rgba(204, 204, 204, 0.35);
}

.card .header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  color: #111;
  padding-left: 5px;
}

.card .header h2 small {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  color: #999;
  line-height: 15px;
}

.card .header h2 small a {
  font-weight: bold;
  color: #777;
}

.card .body {
  font-size: 14px;
  color: #555;
  padding: 5px 20px;
  margin-bottom: 10px;
}

.card .body .col-xs-1,
.card .body .col-sm-1,
.card .body .col-md-1,
.card .body .col-lg-1 {
  margin-bottom: 20px;
}

.card .body .col-xs-2,
.card .body .col-sm-2,
.card .body .col-md-2,
.card .body .col-lg-2 {
  margin-bottom: 20px;
}

.card .body .col-xs-3,
.card .body .col-sm-3,
.card .body .col-md-3,
.card .body .col-lg-3 {
  margin-bottom: 20px;
}

.card .body .col-xs-4,
.card .body .col-sm-4,
.card .body .col-md-4,
.card .body .col-lg-4 {
  margin-bottom: 20px;
}

.card .body .col-xs-5,
.card .body .col-sm-5,
.card .body .col-md-5,
.card .body .col-lg-5 {
  margin-bottom: 20px;
}

.card .body .col-xs-6,
.card .body .col-sm-6,
.card .body .col-md-6,
.card .body .col-lg-6 {
  margin-bottom: 20px;
}

.card .body .col-xs-7,
.card .body .col-sm-7,
.card .body .col-md-7,
.card .body .col-lg-7 {
  margin-bottom: 20px;
}

.card .body .col-xs-8,
.card .body .col-sm-8,
.card .body .col-md-8,
.card .body .col-lg-8 {
  margin-bottom: 20px;
}

.card .body .col-xs-9,
.card .body .col-sm-9,
.card .body .col-md-9,
.card .body .col-lg-9 {
  margin-bottom: 20px;
}

.card .body .col-xs-10,
.card .body .col-sm-10,
.card .body .col-md-10,
.card .body .col-lg-10 {
  margin-bottom: 20px;
}

.card .body .col-xs-11,
.card .body .col-sm-11,
.card .body .col-md-11,
.card .body .col-lg-11 {
  margin-bottom: 20px;
}

.card .body .col-xs-12,
.card .body .col-sm-12,
.card .body .col-md-12,
.card .body .col-lg-12 {
  margin-bottom: 20px;
}

/* Infobox ===================================== */
.info-box {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: 80px;
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.info-box .icon {
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.12);
  width: 80px;
}

.info-box .icon i {
  color: #fff;
  font-size: 50px;
  line-height: 80px;
}

.info-box .icon .chart.chart-bar {
  height: 100%;
  line-height: 100px;
}

.info-box .icon .chart.chart-bar canvas {
  vertical-align: baseline !important;
}

.info-box .icon .chart.chart-pie {
  height: 100%;
  line-height: 123px;
}

.info-box .icon .chart.chart-pie canvas {
  vertical-align: baseline !important;
}

.info-box .icon .chart.chart-line {
  height: 100%;
  line-height: 115px;
}

.info-box .icon .chart.chart-line canvas {
  vertical-align: baseline !important;
}

.info-box .content {
  display: inline-block;
  padding: 7px 10px;
}

.info-box .content .text {
  font-size: 13px;
  margin-top: 11px;
  color: #555;
}

.info-box .content .number {
  font-weight: normal;
  font-size: 26px;
  margin-top: -4px;
  color: #555;
}

.info-box.hover-zoom-effect .icon {
  overflow: hidden;
}

.info-box.hover-zoom-effect .icon i {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.info-box.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  -moz-transform: rotate(-32deg) scale(1.4);
  -ms-transform: rotate(-32deg) scale(1.4);
  -o-transform: rotate(-32deg) scale(1.4);
  -webkit-transform: rotate(-32deg) scale(1.4);
  transform: rotate(-32deg) scale(1.4);
}

.info-box.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 80px;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  -moz-transition: all 0.95s;
  -o-transition: all 0.95s;
  -webkit-transition: all 0.95s;
  transition: all 0.95s;
}

.info-box.hover-expand-effect:hover:after {
  width: 100%;
}

.info-box-2 {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: 80px;
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.info-box-2 .icon {
  display: inline-block;
  text-align: center;
  width: 80px;
}

.info-box-2 .icon i {
  color: #fff;
  font-size: 50px;
  line-height: 80px;
}

.info-box-2 .chart.chart-bar {
  height: 100%;
  line-height: 105px;
}

.info-box-2 .chart.chart-bar canvas {
  vertical-align: baseline !important;
}

.info-box-2 .chart.chart-pie {
  height: 100%;
  line-height: 123px;
}

.info-box-2 .chart.chart-pie canvas {
  vertical-align: baseline !important;
}

.info-box-2 .chart.chart-line {
  height: 100%;
  line-height: 115px;
}

.info-box-2 .chart.chart-line canvas {
  vertical-align: baseline !important;
}

.info-box-2 .content {
  display: inline-block;
  padding: 7px 10px;
}

.info-box-2 .content .text {
  font-size: 13px;
  margin-top: 11px;
  color: #555;
}

.info-box-2 .content .number {
  font-weight: normal;
  font-size: 26px;
  margin-top: -4px;
  color: #555;
}

.info-box-2.hover-zoom-effect .icon {
  overflow: hidden;
}

.info-box-2.hover-zoom-effect .icon i {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.info-box-2.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  -moz-transform: rotate(-32deg) scale(1.4);
  -ms-transform: rotate(-32deg) scale(1.4);
  -o-transform: rotate(-32deg) scale(1.4);
  -webkit-transform: rotate(-32deg) scale(1.4);
  transform: rotate(-32deg) scale(1.4);
}

.info-box-2.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  -moz-transition: all 0.95s;
  -o-transition: all 0.95s;
  -webkit-transition: all 0.95s;
  transition: all 0.95s;
}

.info-box-2.hover-expand-effect:hover:after {
  width: 100%;
}

.info-box-3 {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: 80px;
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.info-box-3 .icon {
  position: absolute;
  right: 10px;
  bottom: 2px;
  text-align: center;
}

.info-box-3 .icon i {
  color: rgba(0, 0, 0, 0.15);
  font-size: 60px;
}

.info-box-3 .chart {
  margin-right: 5px;
}

.info-box-3 .chart.chart-bar {
  height: 100%;
  line-height: 50px;
}

.info-box-3 .chart.chart-bar canvas {
  vertical-align: baseline !important;
}

.info-box-3 .chart.chart-pie {
  height: 100%;
  line-height: 34px;
}

.info-box-3 .chart.chart-pie canvas {
  vertical-align: baseline !important;
}

.info-box-3 .chart.chart-line {
  height: 100%;
  line-height: 40px;
}

.info-box-3 .chart.chart-line canvas {
  vertical-align: baseline !important;
}

.info-box-3 .content {
  display: inline-block;
  padding: 7px 16px;
}

.info-box-3 .content .text {
  font-size: 13px;
  margin-top: 11px;
  color: #555;
}

.info-box-3 .content .number {
  font-weight: normal;
  font-size: 26px;
  margin-top: -4px;
  color: #555;
}

.info-box-3.hover-zoom-effect .icon i {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.info-box-3.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  -moz-transform: rotate(-32deg) scale(1.4);
  -ms-transform: rotate(-32deg) scale(1.4);
  -o-transform: rotate(-32deg) scale(1.4);
  -webkit-transform: rotate(-32deg) scale(1.4);
  transform: rotate(-32deg) scale(1.4);
}

.info-box-3.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  -moz-transition: all 0.95s;
  -o-transition: all 0.95s;
  -webkit-transition: all 0.95s;
  transition: all 0.95s;
}

.info-box-3.hover-expand-effect:hover:after {
  width: 100%;
}

.info-box-4 {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: 80px;
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.info-box-4 .icon {
  position: absolute;
  right: 10px;
  bottom: 2px;
  text-align: center;
}

.info-box-4 .icon i {
  color: rgba(0, 0, 0, 0.15);
  font-size: 60px;
}

.info-box-4 .chart {
  margin-right: 5px;
}

.info-box-4 .chart.chart-bar {
  height: 100%;
  line-height: 50px;
}

.info-box-4 .chart.chart-bar canvas {
  vertical-align: baseline !important;
}

.info-box-4 .chart.chart-pie {
  height: 100%;
  line-height: 34px;
}

.info-box-4 .chart.chart-pie canvas {
  vertical-align: baseline !important;
}

.info-box-4 .chart.chart-line {
  height: 100%;
  line-height: 40px;
}

.info-box-4 .chart.chart-line canvas {
  vertical-align: baseline !important;
}

.info-box-4 .content {
  display: inline-block;
  padding: 7px 16px;
}

.info-box-4 .content .text {
  font-size: 13px;
  margin-top: 11px;
  color: #555;
}

.info-box-4 .content .number {
  font-weight: normal;
  font-size: 26px;
  margin-top: -4px;
  color: #555;
}

.info-box-4.hover-zoom-effect .icon i {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.info-box-4.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  -moz-transform: rotate(-32deg) scale(1.4);
  -ms-transform: rotate(-32deg) scale(1.4);
  -o-transform: rotate(-32deg) scale(1.4);
  -webkit-transform: rotate(-32deg) scale(1.4);
  transform: rotate(-32deg) scale(1.4);
}

.info-box-4.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  -moz-transition: all 0.95s;
  -o-transition: all 0.95s;
  -webkit-transition: all 0.95s;
  transition: all 0.95s;
}

.info-box-4.hover-expand-effect:hover:after {
  width: 100%;
}

/* Alerts ====================================== */
.alert {
  color: #fff !important;
}

.alert .alert-link {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

.alert-success {
  background-color: #2b982b;
}

.alert-info {
  background-color: #00b0e4;
}

.alert-warning {
  background-color: #ff9600 !important;
}

.alert-danger {
  background-color: #fb483a !important;
}

.alert-dismissible .close {
  color: #fff;
  opacity: 1;
  border: none;
  text-shadow: none;
}

.alert-tool {
  position: absolute;
  top: 55px;
  bottom: 0;
  left: 35%;
  z-index: 2;
  height: 45px;
}

/* Dialogs (SweetAlert) ======================== */
.sweet-alert p {
  font-size: 14px !important;
}

.sweet-alert .sa-input-error {
  top: 23px !important;
  right: 13px !important;
}

.sweet-alert h2 {
  font-size: 18px !important;
  margin: 0 0 5px 0 !important;
}

.sweet-alert button {
  font-size: 15px !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important;
  padding: 5px 20px !important;
}

/* Checkbox & Radio ============================ */
[type=checkbox] + label {
  padding-left: 25px;
  height: 21px;
  line-height: 21px;
  font-size: 13px;
  font-weight: normal;
}

[type=checkbox]:checked + label:before {
  top: -4px;
  left: -2px;
  width: 11px;
  height: 19px;
}

[type=checkbox]:checked.chk-col-red + label:before {
  border-right: 2px solid #F44336;
  border-bottom: 2px solid #F44336;
}

[type=checkbox]:checked.chk-col-pink + label:before {
  border-right: 2px solid #E91E63;
  border-bottom: 2px solid #E91E63;
}

[type=checkbox]:checked.chk-col-purple + label:before {
  border-right: 2px solid #9C27B0;
  border-bottom: 2px solid #9C27B0;
}

[type=checkbox]:checked.chk-col-deep-purple + label:before {
  border-right: 2px solid #673AB7;
  border-bottom: 2px solid #673AB7;
}

[type=checkbox]:checked.chk-col-indigo + label:before {
  border-right: 2px solid #3F51B5;
  border-bottom: 2px solid #3F51B5;
}

[type=checkbox]:checked.chk-col-blue + label:before {
  border-right: 2px solid #2196F3;
  border-bottom: 2px solid #2196F3;
}

[type=checkbox]:checked.chk-col-light-blue + label:before {
  border-right: 2px solid #03A9F4;
  border-bottom: 2px solid #03A9F4;
}

[type=checkbox]:checked.chk-col-cyan + label:before {
  border-right: 2px solid #00BCD4;
  border-bottom: 2px solid #00BCD4;
}

[type=checkbox]:checked.chk-col-teal + label:before {
  border-right: 2px solid #26A69A;
  border-bottom: 2px solid #26A69A;
}

[type=checkbox]:checked.chk-col-green + label:before {
  border-right: 2px solid #4CAF50;
  border-bottom: 2px solid #4CAF50;
}

[type=checkbox]:checked.chk-col-light-green + label:before {
  border-right: 2px solid #8BC34A;
  border-bottom: 2px solid #8BC34A;
}

[type=checkbox]:checked.chk-col-lime + label:before {
  border-right: 2px solid #CDDC39;
  border-bottom: 2px solid #CDDC39;
}

[type=checkbox]:checked.chk-col-yellow + label:before {
  border-right: 2px solid #ffe821;
  border-bottom: 2px solid #ffe821;
}

[type=checkbox]:checked.chk-col-amber + label:before {
  border-right: 2px solid #FFC107;
  border-bottom: 2px solid #FFC107;
}

[type=checkbox]:checked.chk-col-orange + label:before {
  border-right: 2px solid #FF9800;
  border-bottom: 2px solid #FF9800;
}

[type=checkbox]:checked.chk-col-deep-orange + label:before {
  border-right: 2px solid #FF5722;
  border-bottom: 2px solid #FF5722;
}

[type=checkbox]:checked.chk-col-brown + label:before {
  border-right: 2px solid #795548;
  border-bottom: 2px solid #795548;
}

[type=checkbox]:checked.chk-col-grey + label:before {
  border-right: 2px solid #9E9E9E;
  border-bottom: 2px solid #9E9E9E;
}

[type=checkbox]:checked.chk-col-blue-grey + label:before {
  border-right: 2px solid #607D8B;
  border-bottom: 2px solid #607D8B;
}

[type=checkbox]:checked.chk-col-black + label:before {
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
}

[type=checkbox]:checked.chk-col-white + label:before {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

[type=checkbox].filled-in:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0;
}

[type=checkbox].filled-in:checked + label:before {
  border-right: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
}

[type=checkbox].filled-in:checked.chk-col-red + label:after {
  border: 2px solid #F44336;
  background-color: #F44336;
}

[type=checkbox].filled-in:checked.chk-col-pink + label:after {
  border: 2px solid #E91E63;
  background-color: #E91E63;
}

[type=checkbox].filled-in:checked.chk-col-purple + label:after {
  border: 2px solid #9C27B0;
  background-color: #9C27B0;
}

[type=checkbox].filled-in:checked.chk-col-deep-purple + label:after {
  border: 2px solid #673AB7;
  background-color: #673AB7;
}

[type=checkbox].filled-in:checked.chk-col-indigo + label:after {
  border: 2px solid #3F51B5;
  background-color: #3F51B5;
}

[type=checkbox].filled-in:checked.chk-col-blue + label:after {
  border: 2px solid #2196F3;
  background-color: #2196F3;
}

[type=checkbox].filled-in:checked.chk-col-light-blue + label:after {
  border: 2px solid #03A9F4;
  background-color: #03A9F4;
}

[type=checkbox].filled-in:checked.chk-col-cyan + label:after {
  border: 2px solid #00BCD4;
  background-color: #00BCD4;
}

[type=checkbox].filled-in:checked.chk-col-teal + label:after {
  border: 2px solid #26A69A;
  background-color: #26A69A;
}

[type=checkbox].filled-in:checked.chk-col-green + label:after {
  border: 2px solid #4CAF50;
  background-color: #4CAF50;
}

[type=checkbox].filled-in:checked.chk-col-light-green + label:after {
  border: 2px solid #8BC34A;
  background-color: #8BC34A;
}

[type=checkbox].filled-in:checked.chk-col-lime + label:after {
  border: 2px solid #CDDC39;
  background-color: #CDDC39;
}

[type=checkbox].filled-in:checked.chk-col-yellow + label:after {
  border: 2px solid #ffe821;
  background-color: #ffe821;
}

[type=checkbox].filled-in:checked.chk-col-amber + label:after {
  border: 2px solid #FFC107;
  background-color: #FFC107;
}

[type=checkbox].filled-in:checked.chk-col-orange + label:after {
  border: 2px solid #FF9800;
  background-color: #FF9800;
}

[type=checkbox].filled-in:checked.chk-col-deep-orange + label:after {
  border: 2px solid #FF5722;
  background-color: #FF5722;
}

[type=checkbox].filled-in:checked.chk-col-brown + label:after {
  border: 2px solid #795548;
  background-color: #795548;
}

[type=checkbox].filled-in:checked.chk-col-grey + label:after {
  border: 2px solid #9E9E9E;
  background-color: #9E9E9E;
}

[type=checkbox].filled-in:checked.chk-col-blue-grey + label:after {
  border: 2px solid #607D8B;
  background-color: #607D8B;
}

[type=checkbox].filled-in:checked.chk-col-black + label:after {
  border: 2px solid #000000;
  background-color: #000000;
}

[type=checkbox].filled-in:checked.chk-col-white + label:after {
  border: 2px solid #ffffff;
  background-color: #ffffff;
}

[type=radio]:not(:checked) + label {
  padding-left: 26px;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  font-weight: normal;
}

[type=radio]:checked + label {
  padding-left: 26px;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  font-weight: normal;
}

[type=radio].radio-col-red:checked + label:after {
  background-color: #F44336;
  border-color: #F44336;
}

[type=radio].radio-col-pink:checked + label:after {
  background-color: #E91E63;
  border-color: #E91E63;
}

[type=radio].radio-col-purple:checked + label:after {
  background-color: #9C27B0;
  border-color: #9C27B0;
}

[type=radio].radio-col-deep-purple:checked + label:after {
  background-color: #673AB7;
  border-color: #673AB7;
}

[type=radio].radio-col-indigo:checked + label:after {
  background-color: #3F51B5;
  border-color: #3F51B5;
}

[type=radio].radio-col-blue:checked + label:after {
  background-color: #2196F3;
  border-color: #2196F3;
}

[type=radio].radio-col-light-blue:checked + label:after {
  background-color: #03A9F4;
  border-color: #03A9F4;
}

[type=radio].radio-col-cyan:checked + label:after {
  background-color: #00BCD4;
  border-color: #00BCD4;
}

[type=radio].radio-col-teal:checked + label:after {
  background-color: #009688;
  border-color: #009688;
}

[type=radio].radio-col-green:checked + label:after {
  background-color: #4CAF50;
  border-color: #4CAF50;
}

[type=radio].radio-col-light-green:checked + label:after {
  background-color: #8BC34A;
  border-color: #8BC34A;
}

[type=radio].radio-col-lime:checked + label:after {
  background-color: #CDDC39;
  border-color: #CDDC39;
}

[type=radio].radio-col-yellow:checked + label:after {
  background-color: #ffe821;
  border-color: #ffe821;
}

[type=radio].radio-col-amber:checked + label:after {
  background-color: #FFC107;
  border-color: #FFC107;
}

[type=radio].radio-col-orange:checked + label:after {
  background-color: #FF9800;
  border-color: #FF9800;
}

[type=radio].radio-col-deep-orange:checked + label:after {
  background-color: #FF5722;
  border-color: #FF5722;
}

[type=radio].radio-col-brown:checked + label:after {
  background-color: #795548;
  border-color: #795548;
}

[type=radio].radio-col-grey:checked + label:after {
  background-color: #9E9E9E;
  border-color: #9E9E9E;
}

[type=radio].radio-col-blue-grey:checked + label:after {
  background-color: #607D8B;
  border-color: #607D8B;
}

[type=radio].radio-col-black:checked + label:after {
  background-color: #000000;
  border-color: #000000;
}

[type=radio].radio-col-white:checked + label:after {
  background-color: #ffffff;
  border-color: #ffffff;
}

[type=radio].with-gap.radio-col-red:checked + label:before {
  border: 2px solid #F44336;
}

[type=radio].with-gap.radio-col-red:checked + label:after {
  background-color: #F44336;
  border: 2px solid #F44336;
}

[type=radio].with-gap.radio-col-pink:checked + label:before {
  border: 2px solid #E91E63;
}

[type=radio].with-gap.radio-col-pink:checked + label:after {
  background-color: #E91E63;
  border: 2px solid #E91E63;
}

[type=radio].with-gap.radio-col-purple:checked + label:before {
  border: 2px solid #9C27B0;
}

[type=radio].with-gap.radio-col-purple:checked + label:after {
  background-color: #9C27B0;
  border: 2px solid #9C27B0;
}

[type=radio].with-gap.radio-col-deep-purple:checked + label:before {
  border: 2px solid #673AB7;
}

[type=radio].with-gap.radio-col-deep-purple:checked + label:after {
  background-color: #673AB7;
  border: 2px solid #673AB7;
}

[type=radio].with-gap.radio-col-indigo:checked + label:before {
  border: 2px solid #3F51B5;
}

[type=radio].with-gap.radio-col-indigo:checked + label:after {
  background-color: #3F51B5;
  border: 2px solid #3F51B5;
}

[type=radio].with-gap.radio-col-blue:checked + label:before {
  border: 2px solid #2196F3;
}

[type=radio].with-gap.radio-col-blue:checked + label:after {
  background-color: #2196F3;
  border: 2px solid #2196F3;
}

[type=radio].with-gap.radio-col-light-blue:checked + label:before {
  border: 2px solid #03A9F4;
}

[type=radio].with-gap.radio-col-light-blue:checked + label:after {
  background-color: #03A9F4;
  border: 2px solid #03A9F4;
}

[type=radio].with-gap.radio-col-cyan:checked + label:before {
  border: 2px solid #00BCD4;
}

[type=radio].with-gap.radio-col-cyan:checked + label:after {
  background-color: #00BCD4;
  border: 2px solid #00BCD4;
}

[type=radio].with-gap.radio-col-teal:checked + label:before {
  border: 2px solid #009688;
}

[type=radio].with-gap.radio-col-teal:checked + label:after {
  background-color: #009688;
  border: 2px solid #009688;
}

[type=radio].with-gap.radio-col-green:checked + label:before {
  border: 2px solid #4CAF50;
}

[type=radio].with-gap.radio-col-green:checked + label:after {
  background-color: #4CAF50;
  border: 2px solid #4CAF50;
}

[type=radio].with-gap.radio-col-light-green:checked + label:before {
  border: 2px solid #8BC34A;
}

[type=radio].with-gap.radio-col-light-green:checked + label:after {
  background-color: #8BC34A;
  border: 2px solid #8BC34A;
}

[type=radio].with-gap.radio-col-lime:checked + label:before {
  border: 2px solid #CDDC39;
}

[type=radio].with-gap.radio-col-lime:checked + label:after {
  background-color: #CDDC39;
  border: 2px solid #CDDC39;
}

[type=radio].with-gap.radio-col-yellow:checked + label:before {
  border: 2px solid #ffe821;
}

[type=radio].with-gap.radio-col-yellow:checked + label:after {
  background-color: #ffe821;
  border: 2px solid #ffe821;
}

[type=radio].with-gap.radio-col-amber:checked + label:before {
  border: 2px solid #FFC107;
}

[type=radio].with-gap.radio-col-amber:checked + label:after {
  background-color: #FFC107;
  border: 2px solid #FFC107;
}

[type=radio].with-gap.radio-col-orange:checked + label:before {
  border: 2px solid #FF9800;
}

[type=radio].with-gap.radio-col-orange:checked + label:after {
  background-color: #FF9800;
  border: 2px solid #FF9800;
}

[type=radio].with-gap.radio-col-deep-orange:checked + label:before {
  border: 2px solid #FF5722;
}

[type=radio].with-gap.radio-col-deep-orange:checked + label:after {
  background-color: #FF5722;
  border: 2px solid #FF5722;
}

[type=radio].with-gap.radio-col-brown:checked + label:before {
  border: 2px solid #795548;
}

[type=radio].with-gap.radio-col-brown:checked + label:after {
  background-color: #795548;
  border: 2px solid #795548;
}

[type=radio].with-gap.radio-col-grey:checked + label:before {
  border: 2px solid #9E9E9E;
}

[type=radio].with-gap.radio-col-grey:checked + label:after {
  background-color: #9E9E9E;
  border: 2px solid #9E9E9E;
}

[type=radio].with-gap.radio-col-blue-grey:checked + label:before {
  border: 2px solid #607D8B;
}

[type=radio].with-gap.radio-col-blue-grey:checked + label:after {
  background-color: #607D8B;
  border: 2px solid #607D8B;
}

[type=radio].with-gap.radio-col-black:checked + label:before {
  border: 2px solid #000000;
}

[type=radio].with-gap.radio-col-black:checked + label:after {
  background-color: #000000;
  border: 2px solid #000000;
}

[type=radio].with-gap.radio-col-white:checked + label:before {
  border: 2px solid #ffffff;
}

[type=radio].with-gap.radio-col-white:checked + label:after {
  background-color: #ffffff;
  border: 2px solid #ffffff;
}

/* Range */
.range-slider {
  width: 100%;
}
.range-slider #modal_radius {
  width: 70%;
  display: inline-block;
}
.range-slider #selected_modal_radius {
  width: 28%;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - 73px);
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}

.range-slider__range::-webkit-slider-thumb:hover {
  background: #1abc9c;
}

.range-slider__range:active::-webkit-slider-thumb {
  background: #1abc9c;
}

.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  -webkit-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}

.range-slider__range::-moz-range-thumb:hover {
  background: #1abc9c;
}

.range-slider__range:active::-moz-range-thumb {
  background: #1abc9c;
}

::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}

/* Switch ====================================== */
.switch label {
  font-weight: normal;
  font-size: 13px;
}

/* DateTime Picker ============================= */
.dtp .p10 > a {
  color: #fff;
}

.dtp table.dtp-picker-days tr td a.selected {
  background: #007d72;
  color: #fff;
}

label[disabled] {
  pointer-events: none;
}

/* Bootstrap Select ============================ */
.bootstrap-select.btn-group .dropdown-menu li.disabled {
  background-color: #999;
}

.bootstrap-select.btn-group .dropdown-menu li .filtered {
  background-color: #AAA;
}

.bootstrap-select .dropdown-menu li.selected a span.check-mark {
  left: 3px;
}

/* Tooltip & Popovers ========================== */
.tooltip {
  font-size: 13px;
}

.tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.popover {
  max-width: unset;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.popover .popover-title {
  font-weight: bold;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: #e9e9e9;
  border-bottom: 1px solid #ddd;
}

.popover .popover-content {
  font-size: 13px;
  color: #777;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

#adminTabs.nav-tabs li a, #dbmProfileEditorTabs.nav-tabs li a, #userPreferencesTab.nav-tabs li a, #apiResponseTabs.nav-tabs li a, #analysisAreasTabs.nav-tabs li a {
  color: #222;
}
#adminTabs.nav-tabs li a:focus, #dbmProfileEditorTabs.nav-tabs li a:focus, #userPreferencesTab.nav-tabs li a:focus, #apiResponseTabs.nav-tabs li a:focus, #analysisAreasTabs.nav-tabs li a:focus {
  background-color: #fff;
}
#adminTabs.nav-tabs li a:hover, #dbmProfileEditorTabs.nav-tabs li a:hover, #userPreferencesTab.nav-tabs li a:hover, #apiResponseTabs.nav-tabs li a:hover, #analysisAreasTabs.nav-tabs li a:hover {
  background-color: #ccc;
}

#adminTabContent.tab-content .tab-pane {
  position: relative;
  height: 100%;
  padding-bottom: 10px;
}
#adminTabContent.tab-content .tab-pane .card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#adminTabContent.tab-content .tab-pane .card .header {
  display: flex;
  flex-direction: row;
}
#adminTabContent.tab-content .tab-pane .card .header .header-dropdown {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  list-style: none;
}
#adminTabContent.tab-content .tab-pane .card .header .header-dropdown .dropdown-menu li {
  display: block !important;
}
#adminTabContent.tab-content .tab-pane .card .header .header-dropdown li {
  display: inline-block;
}
#adminTabContent.tab-content .tab-pane .card .header .header-dropdown i {
  font-size: 20px;
  color: #999;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#adminTabContent.tab-content .tab-pane .card .header .header-dropdown i :hover {
  color: #000;
}
#adminTabContent.tab-content .tab-pane .card .body {
  position: relative;
  flex-grow: 1;
}
#adminTabContent.tab-content .tab-pane .card .body .tab-body-content {
  position: absolute;
  top: 5px;
  right: 20px;
  left: 20px;
  bottom: 5px;
}

.button-bar {
  display: flex;
  width: 100%;
  padding: 5px;
  justify-content: flex-end;
  gap: 5px;
}
.button-bar.start {
  justify-content: flex-start;
}

#userPreferencesTabContent.tab-content, #dbmProfileEditorTabContent.tab-content, #apiResponseTabs.tab-content {
  position: relative;
  padding: 10px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
#userPreferencesTabContent .disabledOverlay, #dbmProfileEditorTabContent .disabledOverlay, #apiResponseTabs .disabledOverlay {
  background-color: rgba(0, 0, 0, 0.062745098);
}

#dbmProfileEditorVue .container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}
#dbmProfileEditorVue .container .profileOption {
  width: 100%;
}
#dbmProfileEditorVue .container .profileOption button {
  right: 0;
  position: absolute;
}

#dbmProfileEditorTabContent .container {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  width: 100%;
}
#dbmProfileEditorTabContent label {
  flex-basis: 7%;
  display: flex;
  justify-content: flex-end;
}
#dbmProfileEditorTabContent .rangeSliderContainer {
  flex-basis: 93%;
}

.infoGrid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.infoGrid label {
  margin-bottom: 5px;
}
.infoGrid .infoDetails {
  margin-bottom: 10px;
}

.maintenanceContainer {
  display: flex;
  flex-direction: column;
}

/* Thumbnails ================================== */
.thumbnail p:not(button) {
  color: #999999;
  font-size: 14px;
}

.thumbnail h3 {
  font-weight: bold;
  font-size: 17px;
}

/* Modals ====================================== */
.modalResponseTitle {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.modalResponseSubTitle {
  font-style: italic;
  font-size: 14px;
  padding-top: 10px;
  border-top: 1.5px solid #e5e5e5;
}

.uploadSitesStatsContainer {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}
.uploadSitesStatsContainer .uploadSitesStatsCategory {
  display: flex;
  flex-direction: row;
}
.uploadSitesStatsContainer .uploadSitesStatsCategory .uploadSitesStatsTitle {
  font-weight: bold;
  width: 120px;
}

.modal .modal-header .modal-title {
  font-weight: bold;
  font-size: 16px;
}

.modal-sub-title {
  font-weight: normal;
  font-size: 14px;
  font-style: italic;
}

.modal .modal-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important;
  border: none;
}

.modal .modal-waiting {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6666666667);
}
.modal .modal-waiting .loader {
  position: absolute;
  left: 45%;
  top: 40%;
  text-align: center;
  background: #fff;
  padding: 20px;
  border-radius: 5px;
}

.modal .modal-content .modal-body {
  color: #777;
  padding: 15px 25px;
  line-height: 1.42857143;
}

@media (min-width: 1120px) {
  .modal .modal-xl {
    width: 1100px;
  }
}

.modal .input-container {
  display: block;
  margin-bottom: 10px;
}

.analyze_site_toggle_container label {
  font-size: 16px;
}

.modal-input-title {
  color: #333;
  font-weight: 700;
  font-size: 14px;
}

.modal-input-required {
  color: #ea4444;
  font-weight: 700;
  font-size: 14px;
}

.modal-dialog {
  margin: 30px auto;
}
@media screen and (max-height: 650px) and (min-height: 500px) {
  .modal-dialog {
    margin: 20px auto;
  }
}
@media screen and (max-height: 500px) {
  .modal-dialog {
    margin: 10px auto;
  }
}

.modal-body {
  max-height: 500px;
  overflow: auto;
  padding: 0;
}
@media screen and (max-height: 700px) and (min-height: 600px) {
  .modal-body {
    max-height: 440px;
  }
}
@media screen and (max-height: 600px) and (min-height: 500px) {
  .modal-body {
    max-height: 340px;
  }
}
@media screen and (max-height: 500px) and (min-height: 400px) {
  .modal-body {
    max-height: 260px;
  }
}
@media screen and (max-height: 400px) and (min-height: 300px) {
  .modal-body {
    max-height: 160px;
  }
}
@media screen and (max-height: 300px) {
  .modal-body {
    max-height: 100px;
  }
}

.modalOptionContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-top: 15px;
  padding-bottom: 15px;
}
.modalOptionContainer.showBorder {
  border-bottom: 2px solid #F5F5F5;
}
.modalOptionContainer.lastIndex {
  padding-bottom: 0px;
}
.modalOptionContainer.firstIndex {
  padding-top: 0px;
}

.modalReportTypeDescriptionContainer {
  display: flex;
  flex-direction: column;
  width: 80%;
}

.modalOptionReportType {
  font-size: 18px;
  font-weight: bold;
}

.modalOptionButtonContainer {
  display: flex;
  width: 20%;
  align-items: center;
  justify-content: flex-end;
}

.reportUploadSubmitBtnContainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.distanceAddButton {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 30px;
  text-align: center;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid silver;
  background-color: #EFEFEF;
  color: #2196F3;
}
.distanceAddButton .addCircleIcon {
  text-align: center;
  font-size: 16px;
}

.printDistanceOption {
  border: solid red;
  margin-right: 10px;
}

.distanceAddButton:disabled {
  cursor: not-allowed;
  opacity: 50%;
}

.modalOptionChoice {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  padding-left: 5px;
}

.modalCheckboxContainer {
  gap: 10px;
}

.modalBtn {
  width: 100px;
}

.reportModalHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.reportModalMainTitle {
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  margin: 2px;
}

.reportModalMainSubTitle {
  font-size: 16px;
  line-height: 18px;
  font-style: italic;
  font-weight: normal;
  margin: 2px;
}

.reportModalFooter {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-end;
}

.modalFooterButtonContainerLeft {
  width: 50%;
  display: flex;
  justify-content: flex-start;
}

.modalFooterButtonContainerRight {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}

.reportSummaryWarning {
  color: red;
}

#cellIdZoomLimitModal .modal-dialog {
  z-index: 1200 !important;
  display: block;
}

.userChoiceModal .userChoiceModalHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.userChoiceModal .userChoiceModalHeader .userChoiceModalTitle {
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  margin: 2px;
}
.userChoiceModal .userChoiceModalHeader .userChoiceModalSubTitle {
  font-size: 16px;
  line-height: 18px;
  font-style: italic;
  font-weight: normal;
  margin: 2px;
}
.userChoiceModal .userChoice {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-top: 15px;
  padding-bottom: 15px;
}
.userChoiceModal .showBorder {
  border-bottom: 2px solid #F5F5F5;
}

.printSelectOptionContainer {
  padding: 0 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.printSelectOptionContainer .printSelectOptionHeader {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  margin: 0px;
}

.printOptionCheckboxContainer {
  padding: 8px 20px 5px 20px;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  line-height: 21px;
  font-weight: normal;
  justify-content: center;
}
.printOptionCheckboxContainer .input-container {
  margin-bottom: 0;
}

#csiReportsModal .modal-body {
  max-height: 600px;
}
#csiReportsModal .modal-body .panel-group {
  margin-bottom: 0;
}
#csiReportsModal .modal-body .panel-group .panel-title {
  font-size: 14px;
}

#printParamsOptions {
  padding-bottom: 10px;
}
#printParamsOptions .panel-heading {
  margin-bottom: 5px;
}

.print-checkbox-label {
  background-color: #FFFFFF !important;
  padding: 5px;
}

a .print-checkbox-label {
  font-weight: normal;
  color: #777777;
  text-decoration: none;
}

#KMLUpload .modal-body {
  overflow: unset;
}

.fileUploadContainer {
  height: 25px;
  display: flex;
  flex-direction: row;
  height: 34px;
  margin-bottom: 15px;
}

.fileUploadName {
  border: 1px solid #C0C0C0;
  border-radius: 5px;
  height: 34px;
  flex-grow: 4;
  margin-right: 10px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.fileUploadName.filePresent {
  font-weight: bold;
}

#reportFileUploadInput {
  display: none;
}

.reportInfoNote {
  background-color: rgba(0, 188, 212, 0.1);
  border: 1px solid #00BCD4;
  border-radius: 5px;
  padding: 10px;
}
.reportInfoNote h5 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.reportInfoNote .btn {
  padding-bottom: 0px;
}

.selectionContainer .typeContainer {
  margin: 10px;
}
.selectionContainer .typeContainer .header {
  font-size: 14px;
  font-weight: bold;
}
.selectionContainer .typeContainer .rangesContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.selectionContainer .typeContainer .rangesContainer .range {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  padding: 0 10px;
}
.selectionContainer .typeContainer .rangesContainer .range label {
  font-weight: normal;
  align-content: center;
  text-align: right;
  padding-right: 10px;
}
.selectionContainer .typeContainer .rangesContainer .range input {
  border: 1px solid silver;
}
.selectionContainer .typeContainer .rangesContainer .range span {
  margin-left: 3px;
}
.selectionContainer .typeContainer .rangesContainer .range .invalidRange {
  color: red;
  background-color: lightpink;
}

#distancesSelectionContainer .panel-body {
  padding: 0;
}

.distancesContainer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 0;
  justify-content: flex-start;
}
.distancesContainer .distanceInputContainer {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  padding: 0 10px;
  margin-right: 10px;
}
.distancesContainer .removeDistanceContainer {
  margin: 0 2px;
  align-content: flex-start;
  align-items: start;
}
.distancesContainer .removeDistanceContainer .distanceRemoveButton {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 5px;
  background-color: #EFEFEF;
  height: 12px;
  width: 12px;
  margin: auto;
  border: 1px solid silver;
  border-radius: 3px;
}
.distancesContainer .removeDistanceContainer .removeDistanceIcon {
  color: red;
  font-size: 10px;
  line-height: 12px;
}
.distancesContainer .distanceInput {
  border-radius: 2px;
  width: 48px;
  font-size: 12px;
}
.distancesContainer .distanceUnits {
  font-size: 12px;
}

.mttrRangeUnit {
  width: 25px;
  border: 1px solid silver;
  border-left: 0px;
  text-align: left;
}

.releaseNotes .modal-body {
  padding: 0;
}
.releaseNotes h4 {
  cursor: pointer;
  margin-left: 10px;
}
.releaseNotes .majorImprovements {
  margin-left: 10px;
}
.releaseNotes .minorFeatures {
  margin-left: 10px;
}
.releaseNotes .minorUpdates {
  margin-left: 10px;
}

#measureToolInstructionsModal .modal-content {
  border-radius: 5px;
  border: 1px solid #dddddd;
}
#measureToolInstructionsModal .modal-content .modal-body {
  padding: 10px;
  max-height: 700px;
}

.instructionsHeaderContainer {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.instructionsHeaderContainer .instructionsHeader {
  font-size: 20px;
  margin: 10px;
}

.instructionsBodyContainer {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
}
.instructionsBodyContainer .instructionsInfoContainer {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid silver;
  margin: 5px;
  height: 200px;
  background-color: #F5F5F5;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.1);
}
.instructionsBodyContainer .instructionsInfoContainer .instructionsInfoTitle {
  font-size: 14px;
  font-weight: 700;
  margin: 5px 0;
}
.instructionsBodyContainer .instructionsInfoContainer img {
  border-radius: 5px;
  height: 110px;
  width: 225px;
  object-fit: cover;
}
.instructionsBodyContainer .instructionsInfoContainer .instructionsInfoDescription {
  font-size: 12px;
  padding: 3px;
}

.instructionsFooterMessage {
  display: flex;
  width: 100%;
  padding-top: 10px;
  font-size: 16px;
  font-style: italic;
  justify-content: center;
  align-items: center;
}

.instructionsFooterContainer {
  display: flex;
  width: 100%;
  flex-direction: row;
  padding: 10px 5px;
  justify-content: flex-end;
  align-items: center;
}
.instructionsFooterContainer .btn {
  width: 125px;
  margin-left: 15px;
}

/* Labels ====================================== */
.label {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.label-primary {
  background-color: #1f91f3;
}

.label-success {
  background-color: #2b982b;
}

.label-info {
  background-color: #00b0e4;
}

.label-warning {
  background-color: #ff9600;
}

.label-danger {
  background-color: #fb483a;
}

/* Collapse ==================================== */
.collapse .well,
.collapse.in .well,
.collapsing .well {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
}

/* Tables ====================================== */
.table tbody tr td, .table tbody tr th {
  padding: 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.table tbody tr.primary td, .table tbody tr.primary th {
  background-color: #1f91f3;
  color: #fff;
}

.table tbody tr.success td, .table tbody tr.success th {
  background-color: #2b982b;
  color: #fff;
}

.table tbody tr.info td, .table tbody tr.info th {
  background-color: #00b0e4;
  color: #fff;
}

.table tbody tr.warning td, .table tbody tr.warning th {
  background-color: #ff9600;
  color: #fff;
}

.table tbody tr.danger td, .table tbody tr.danger th {
  background-color: #fb483a;
  color: #fff;
}

.table thead tr th {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.table-bordered tbody tr td, .table-bordered tbody tr th {
  padding: 10px;
  border: 1px solid #eee;
}

.table-bordered thead tr th {
  padding: 10px;
  border: 1px solid #eee;
}

.dbmRangesTable {
  width: auto;
  margin-right: 10px;
}
.dbmRangesTable:last-of-type {
  margin-right: 0px;
}

.profilesPopoverTable {
  width: 215px;
  margin-right: 10px;
}
.profilesPopoverTable .colItem {
  color: #fff !important;
}
.profilesPopoverTable:last-of-type {
  margin-right: 0px;
}

/* Panel ======================================= */
label {
  margin-bottom: 0;
}

.panel-title {
  padding: 10px;
}

.panel-group .panel-col-red {
  border: 1px solid #F44336;
}

.panel-group .panel-col-red .panel-title {
  background-color: #F44336 !important;
  color: #fff;
}

.panel-group .panel-col-red .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-pink {
  border: 1px solid #E91E63;
}

.panel-group .panel-col-pink .panel-title {
  background-color: #E91E63 !important;
  color: #fff;
}

.panel-group .panel-col-pink .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-purple {
  border: 1px solid #9C27B0;
}

.panel-group .panel-col-purple .panel-title {
  background-color: #9C27B0 !important;
  color: #fff;
}

.panel-group .panel-col-purple .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-deep-purple {
  border: 1px solid #673AB7;
}

.panel-group .panel-col-deep-purple .panel-title {
  background-color: #673AB7 !important;
  color: #fff;
}

.panel-group .panel-col-deep-purple .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-indigo {
  border: 1px solid #3F51B5;
}

.panel-group .panel-col-indigo .panel-title {
  background-color: #3F51B5 !important;
  color: #fff;
}

.panel-group .panel-col-indigo .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-blue {
  border: 1px solid #2196F3;
}

.panel-group .panel-col-blue .panel-title {
  background-color: #2196F3 !important;
  color: #fff;
}

.panel-group .panel-col-blue .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-light-blue {
  border: 1px solid #03A9F4;
}

.panel-group .panel-col-light-blue .panel-title {
  background-color: #03A9F4 !important;
  color: #fff;
}

.panel-group .panel-col-light-blue .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-cyan {
  border: 1px solid #00BCD4;
}

.panel-group .panel-col-cyan .panel-title {
  background-color: #00BCD4 !important;
  color: #fff;
}

.panel-group .panel-col-cyan .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-regions {
  border: 1px solid #880000;
}

.panel-group .panel-col-regions .panel-title {
  background-color: #880000 !important;
  color: #fff;
}

.panel-group .panel-col-regions .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-teal {
  border: 1px solid #009688;
}

.panel-group .panel-col-teal .panel-title {
  background-color: #009688 !important;
  color: #fff;
}

.panel-group .panel-col-teal .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-green {
  border: 1px solid #4CAF50;
}

.panel-group .panel-col-green .panel-title {
  background-color: #4CAF50 !important;
  color: #fff;
}

.panel-group .panel-col-green .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-light-green {
  border: 1px solid #8BC34A;
}

.panel-group .panel-col-light-green .panel-title {
  background-color: #8BC34A !important;
  color: #fff;
}

.panel-group .panel-col-light-green .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-lime {
  border: 1px solid #CDDC39;
}

.panel-group .panel-col-lime .panel-title {
  background-color: #CDDC39 !important;
  color: #fff;
}

.panel-group .panel-col-lime .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-yellow {
  border: 1px solid #ffe821;
}

.panel-group .panel-col-yellow .panel-title {
  background-color: #ffe821 !important;
  color: #fff;
}

.panel-group .panel-col-yellow .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-amber .panel-title {
  background-color: #FFC107 !important;
  color: #fff;
}

.panel-group .panel-col-amber .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-orange {
  border: 1px solid #FF9800;
}

.panel-group .panel-col-orange .panel-title {
  background-color: #FF9800 !important;
  color: #fff;
}

.panel-group .panel-col-orange .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-deep-orange {
  border: 1px solid #FF5722;
}

.panel-group .panel-col-deep-orange .panel-title {
  background-color: #FF5722 !important;
  color: #fff;
}

.panel-group .panel-col-deep-orange .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-brown {
  border: 1px solid #795548;
}

.panel-group .panel-col-brown .panel-title {
  background-color: #795548 !important;
  color: #fff;
}

.panel-group .panel-col-brown .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-grey {
  border: 1px solid #9E9E9E;
}

.panel-group .panel-col-grey .panel-title {
  background-color: #9E9E9E !important;
  color: #fff;
}

.panel-group .panel-col-grey .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-blue-grey {
  border: 1px solid #607D8B;
}

.panel-group .panel-col-blue-grey .panel-title {
  background-color: #607D8B !important;
  color: #fff;
}

.panel-group .panel-col-blue-grey .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-black {
  border: 1px solid #000000;
}

.panel-group .panel-col-black .panel-title {
  background-color: #000000 !important;
  color: #fff;
}

.panel-group .panel-col-black .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-white {
  border: 1px solid #ffffff;
}

.panel-group .panel-col-white .panel-title {
  background-color: #ffffff !important;
  color: #fff;
}

.panel-group .panel-col-white .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel-col-light-grey {
  border: 1px solid #AAA;
}

.panel-group .panel-col-light-grey .panel-title {
  background-color: #EEE !important;
  color: rgb(119, 119, 119);
  font-weight: bold;
}

.panel-group .panel-collight-grey .panel-body {
  border-top-color: transparent !important;
}

.panel-group .panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.panel-group .panel .panel-title .material-icons {
  float: left;
  line-height: 21px;
}

.panel-group .panel .panel-heading {
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.panel-group .panel .panel-heading .tool-button {
  background: none;
  border: 1px solid rgba(192, 192, 192, 0.4);
  border-radius: 4px;
  height: 25px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.panel-group .panel .panel-heading .tool-button:hover {
  background-color: rgba(211, 211, 211, 0.4);
  color: white;
}
.panel-group .panel .panel-heading .btn:not(.btn-link):not(.btn-circle) i {
  text-shadow: none;
  top: 0px;
}

.panel-group .panel .panel-heading a {
  display: block;
  /*padding: 10px 15px; */
}

.panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active {
  text-decoration: none;
}

.panel-group .panel .panel-body {
  color: #555;
}

.panel-group .panel-primary {
  border: 1px solid #1f91f3;
}

.panel-group .panel-primary .panel-title {
  background-color: #1f91f3;
}

.panel-group .panel-success {
  border: 1px solid #2b982b;
}

.panel-group .panel-success .panel-title {
  background-color: #2b982b;
  color: #fff;
}

.panel-group .panel-warning {
  border: 1px solid #ff9600;
}

.panel-group .panel-warning .panel-title {
  background-color: #ff9600;
  color: #fff;
}

.panel-group .panel-danger {
  border: 1px solid #fb483a;
}

.panel-group .panel-danger .panel-title {
  background-color: #fb483a;
  color: #fff;
}

.panelHeaderContainer {
  display: flex;
  flex-wrap: nowrap;
}

.panelHeaderButtonContainer {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  padding: 0 10px;
}
.panelHeaderButtonContainer .panelHeaderButton {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  border: 1px solid rgba(255, 255, 255, 0);
  background-color: transparent;
  padding: 0;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.panelHeaderButtonContainer .panelHeaderButton:hover {
  cursor: pointer;
}
.panelHeaderButtonContainer .panelHeaderButton:disabled {
  opacity: 0.6;
  cursor: default;
}
.panelHeaderButtonContainer .panelHeaderButton .panelButtonImg {
  height: 21px;
  width: 21px;
}

/* Input Group ================================= */
.input-group {
  width: 100%;
  margin-bottom: 20px;
}

.input-group .form-line {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.input-group .form-line:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -2px;
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transition: 0.25s ease-in;
  -o-transition: 0.25s ease-in;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
  border-bottom: 2px solid #1f91f3;
}

.input-group .form-line + .input-group-addon {
  padding-right: 0;
  padding-left: 10px;
}

.input-group .help-info {
  float: right;
  font-size: 12px;
  margin-top: 5px;
  color: #999;
}

.input-group label.error {
  font-size: 12px;
  display: block;
  margin-top: 5px;
  font-weight: normal;
  color: #F44336;
}

.input-group .form-line.error:after {
  border-bottom: 2px solid #F44336;
}

.input-group .form-line.success:after {
  border-bottom: 2px solid #4CAF50;
}

.input-group .form-line.warning:after {
  border-bottom: 2px solid #FFC107;
}

.input-group .form-line.focused:after {
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.input-group .form-line.focused .form-label {
  bottom: 25px;
  left: 0;
  font-size: 12px;
}

.input-group .input-group-addon {
  border: none;
  background-color: transparent;
  padding-left: 0;
  font-weight: bold;
}

.input-group .input-group-addon .material-icons {
  font-size: 18px;
  color: #555;
}

.input-group input[type=text],
.input-group .form-control {
  border: none;
  box-shadow: none;
  padding-left: 0;
}

.input-group .form-control:focus {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
}

.input-group.input-group-sm .input-group-addon i {
  font-size: 14px;
}

.input-group.input-group-sm .form-control {
  font-size: 12px;
}

.input-group.input-group-lg .input-group-addon i {
  font-size: 26px;
}

.input-group.input-group-lg .form-control {
  font-size: 18px;
}

.form-control-label {
  text-align: right;
}

.form-control-label label {
  margin-top: 8px;
}

.form-horizontal .form-group {
  margin-bottom: 0;
}

.form-group {
  width: 100%;
  margin-bottom: 0px;
}

.form-group .form-control {
  width: 100%;
  border: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding-left: 0;
}

.form-group .help-info {
  float: right;
  font-size: 12px;
  margin-top: 5px;
  color: #999;
}

.form-group label.error {
  font-size: 12px;
  display: block;
  margin-top: 5px;
  font-weight: normal;
  color: #F44336;
}

.form-group .form-line {
  width: 100%;
  position: relative;
}

.form-group .form-line:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  bottom: -1px;
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -moz-transition: 0.25s ease-in;
  -o-transition: 0.25s ease-in;
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
  border-bottom: 2px solid #1f91f3;
}

.form-group .form-line .form-label {
  font-weight: normal;
  color: #aaa;
  position: absolute;
  top: 10px;
  left: 0;
  cursor: text;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.form-group .form-line.error:after {
  border-bottom: 2px solid #F44336;
}

.form-group .form-line.success:after {
  border-bottom: 2px solid #4CAF50;
}

.form-group .form-line.warning:after {
  border-bottom: 2px solid #FFC107;
}

.form-group .form-line.focused:after {
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.form-group .form-line.focused .form-label {
  top: -10px;
  left: 0;
  font-size: 12px;
}

.form-group-sm .form-label {
  font-size: 12px;
}

.form-group-sm .form-line.focused .form-label {
  bottom: 20px;
  font-size: 10px;
}

.form-group-lg .form-label {
  font-size: 18px;
}

.form-group-lg .form-line.focused .form-label {
  bottom: 35px;
  font-size: 12px;
}

.form-group.nested {
  margin-top: 10px;
}

.fieldsetDisabled {
  background-color: #F0F0F0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: transparent;
}

/* Media Object ================================ */
.media {
  margin-bottom: 25px;
}

.media .media-body {
  color: #777;
  font-size: 13px;
}

/* Page Loader ================================= */
.page-loader-wrapper {
  z-index: 99999999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #eee;
  overflow: hidden;
  text-align: center;
}

.page-loader-wrapper p {
  font-size: 13px;
  margin-top: 10px;
  font-weight: bold;
  color: #444;
}

.page-loader-wrapper .loader {
  position: relative;
  top: calc(50% - 30px);
}

/* Preloaders ================================== */
.preloader {
  display: none;
  z-index: 99999999;
  position: fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  transition: opacity 200ms ease-in-out;
  overflow: hidden;
  text-align: center;
}

.preloader .loader {
  position: relative;
  top: calc(50% - 30px);
}

.preloader.pl-size-xl {
  width: 75px;
  height: 75px;
}

.preloader.pl-size-l {
  width: 60px;
  height: 60px;
}

.preloader.pl-size-md {
  width: 50px;
  height: 50px;
}

.preloader.pl-size-sm {
  width: 40px;
  height: 40px;
}

.preloader.pl-size-xs {
  width: 25px;
  height: 25px;
}

.md-preloader .pl-red {
  stroke: #F44336;
}

.md-preloader .pl-pink {
  stroke: #E91E63;
}

.md-preloader .pl-purple {
  stroke: #9C27B0;
}

.md-preloader .pl-deep-purple {
  stroke: #673AB7;
}

.md-preloader .pl-indigo {
  stroke: #3F51B5;
}

.md-preloader .pl-blue {
  stroke: #2196F3;
}

.md-preloader .pl-light-blue {
  stroke: #03A9F4;
}

.md-preloader .pl-cyan {
  stroke: #00BCD4;
}

.md-preloader .pl-teal {
  stroke: #009688;
}

.md-preloader .pl-green {
  stroke: #4CAF50;
}

.md-preloader .pl-light-green {
  stroke: #8BC34A;
}

.md-preloader .pl-lime {
  stroke: #CDDC39;
}

.md-preloader .pl-yellow {
  stroke: #ffe821;
}

.md-preloader .pl-orange {
  stroke: #FF9800;
}

.md-preloader .pl-deep-orange {
  stroke: #FF5722;
}

.md-preloader .pl-brown {
  stroke: #795548;
}

.md-preloader .pl-grey {
  stroke: #9E9E9E;
}

.md-preloader .pl-blue-grey {
  stroke: #607D8B;
}

.md-preloader .pl-black {
  stroke: #000000;
}

.md-preloader .pl-white {
  stroke: #ffffff;
}

.md-preloader.pl-size-xl {
  width: 75px;
}

.md-preloader.pl-size-l {
  width: 60px;
}

.md-preloader.pl-size-md {
  width: 50px;
}

.md-preloader.pl-size-sm {
  width: 40px;
}

.md-preloader.pl-size-xs {
  width: 25px;
}

/* Navbars ===================================== */
.theme-red .navbar-brand {
  color: #ffffff;
}

.navbaradmin.navbar {
  background-color: #00BCD4;
}
.navbaradmin .navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  bottom: -6px;
  padding-bottom: 0px;
  padding-left: 5px;
}

.navbar-brand {
  float: left;
  height: 40px;
  padding: 10px 0 0 0;
  font-size: 14px;
  line-height: 20px;
}

.sidebar-header .map-tool-navbar-brand {
  float: none;
  line-height: 35px;
}

.navbar {
  font-family: "Roboto", sans-serif;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100%;
}

.navbar .navbar-brand {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.navbar .navbar-custom-right-menu {
  float: right;
}

.navbar .navbar-toggle {
  text-decoration: none;
  color: #fff;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-right: 17px;
}

.navbar .navbar-toggle:before {
  content: "\e8d5";
  font-family: "Material Icons";
  font-size: 26px;
}

.navbar .navbar-collapse.in {
  overflow: visible;
}

.ls-closed .sidebar {
  margin-left: -300px;
}

.ls-closed .bars:after, .ls-closed .bars:before {
  font-family: "Material Icons";
  font-size: 24px;
  position: absolute;
  top: 18px;
  left: 20px;
  margin-right: 10px;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ls-closed .bars:before {
  content: "\e5d2";
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ls-closed .bars:after {
  content: "\e5c4";
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.ls-closed .navbar-brand {
  margin-left: 30px;
}

.overlay-open .bars:before {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.overlay-open .bars:after {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.navbar-header {
  padding: 10px 7px;
}
.navbar-header .logoBanner img {
  width: 48px;
  height: 48px;
}

.navbar-header .bars {
  float: left;
  text-decoration: none;
}

.navbar > .container-fluid .navbar-brand {
  margin-left: 0px;
}

.navbar-nav > li > a {
  padding: 0px 7px 2px 7px;
  margin-top: 0px;
  margin-left: 5px;
}

.label-count {
  position: absolute;
  top: 2px;
  right: 6px;
  font-size: 10px;
  line-height: 15px;
  background-color: #000;
  padding: 0 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.col-red .navbar .navbar-brand,
.col-red .navbar .navbar-brand:hover,
.col-red .navbar .navbar-brand:active,
.col-red .navbar .navbar-brand:focus {
  color: #fff;
}

.col-red .navbar .nav > li > a:hover,
.col-red .navbar .nav > li > a:focus,
.col-red .navbar .nav .open > a,
.col-red .navbar .nav .open > a:hover,
.col-red .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-red .navbar .nav > li > a {
  color: #fff;
}

.col-red .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-red .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-pink .navbar .navbar-brand,
.col-pink .navbar .navbar-brand:hover,
.col-pink .navbar .navbar-brand:active,
.col-pink .navbar .navbar-brand:focus {
  color: #fff;
}

.col-pink .navbar .nav > li > a:hover,
.col-pink .navbar .nav > li > a:focus,
.col-pink .navbar .nav .open > a,
.col-pink .navbar .nav .open > a:hover,
.col-pink .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-pink .navbar .nav > li > a {
  color: #fff;
}

.col-pink .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-pink .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-purple .navbar .navbar-brand,
.col-purple .navbar .navbar-brand:hover,
.col-purple .navbar .navbar-brand:active,
.col-purple .navbar .navbar-brand:focus {
  color: #fff;
}

.col-purple .navbar .nav > li > a:hover,
.col-purple .navbar .nav > li > a:focus,
.col-purple .navbar .nav .open > a,
.col-purple .navbar .nav .open > a:hover,
.col-purple .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-purple .navbar .nav > li > a {
  color: #fff;
}

.col-purple .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-purple .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-deep-purple .navbar .navbar-brand,
.col-deep-purple .navbar .navbar-brand:hover,
.col-deep-purple .navbar .navbar-brand:active,
.col-deep-purple .navbar .navbar-brand:focus {
  color: #fff;
}

.col-deep-purple .navbar .nav > li > a:hover,
.col-deep-purple .navbar .nav > li > a:focus,
.col-deep-purple .navbar .nav .open > a,
.col-deep-purple .navbar .nav .open > a:hover,
.col-deep-purple .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-deep-purple .navbar .nav > li > a {
  color: #fff;
}

.col-deep-purple .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-deep-purple .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-indigo .navbar .navbar-brand,
.col-indigo .navbar .navbar-brand:hover,
.col-indigo .navbar .navbar-brand:active,
.col-indigo .navbar .navbar-brand:focus {
  color: #fff;
}

.col-indigo .navbar .nav > li > a:hover,
.col-indigo .navbar .nav > li > a:focus,
.col-indigo .navbar .nav .open > a,
.col-indigo .navbar .nav .open > a:hover,
.col-indigo .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-indigo .navbar .nav > li > a {
  color: #fff;
}

.col-indigo .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-indigo .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-blue .navbar .navbar-brand,
.col-blue .navbar .navbar-brand:hover,
.col-blue .navbar .navbar-brand:active,
.col-blue .navbar .navbar-brand:focus {
  color: #fff;
}

.col-blue .navbar .nav > li > a:hover,
.col-blue .navbar .nav > li > a:focus,
.col-blue .navbar .nav .open > a,
.col-blue .navbar .nav .open > a:hover,
.col-blue .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-blue .navbar .nav > li > a {
  color: #fff;
}

.col-blue .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-blue .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-light-blue .navbar .navbar-brand,
.col-light-blue .navbar .navbar-brand:hover,
.col-light-blue .navbar .navbar-brand:active,
.col-light-blue .navbar .navbar-brand:focus {
  color: #fff;
}

.col-light-blue .navbar .nav > li > a:hover,
.col-light-blue .navbar .nav > li > a:focus,
.col-light-blue .navbar .nav .open > a,
.col-light-blue .navbar .nav .open > a:hover,
.col-light-blue .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-light-blue .navbar .nav > li > a {
  color: #fff;
}

.col-light-blue .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-light-blue .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-cyan .navbar .navbar-brand,
.col-cyan .navbar .navbar-brand:hover,
.col-cyan .navbar .navbar-brand:active,
.col-cyan .navbar .navbar-brand:focus {
  color: #fff;
}

.col-cyan .navbar .nav > li > a:hover,
.col-cyan .navbar .nav > li > a:focus,
.col-cyan .navbar .nav .open > a,
.col-cyan .navbar .nav .open > a:hover,
.col-cyan .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-cyan .navbar .nav > li > a {
  color: #fff;
}

.col-cyan .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-cyan .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-teal .navbar .navbar-brand,
.col-teal .navbar .navbar-brand:hover,
.col-teal .navbar .navbar-brand:active,
.col-teal .navbar .navbar-brand:focus {
  color: #fff;
}

.col-teal .navbar .nav > li > a:hover,
.col-teal .navbar .nav > li > a:focus,
.col-teal .navbar .nav .open > a,
.col-teal .navbar .nav .open > a:hover,
.col-teal .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-teal .navbar .nav > li > a {
  color: #fff;
}

.col-teal .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-teal .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-green .navbar .navbar-brand,
.col-green .navbar .navbar-brand:hover,
.col-green .navbar .navbar-brand:active,
.col-green .navbar .navbar-brand:focus {
  color: #fff;
}

.col-green .navbar .nav > li > a:hover,
.col-green .navbar .nav > li > a:focus,
.col-green .navbar .nav .open > a,
.col-green .navbar .nav .open > a:hover,
.col-green .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-green .navbar .nav > li > a {
  color: #fff;
}

.col-green .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-green .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-light-green .navbar .navbar-brand,
.col-light-green .navbar .navbar-brand:hover,
.col-light-green .navbar .navbar-brand:active,
.col-light-green .navbar .navbar-brand:focus {
  color: #fff;
}

.col-light-green .navbar .nav > li > a:hover,
.col-light-green .navbar .nav > li > a:focus,
.col-light-green .navbar .nav .open > a,
.col-light-green .navbar .nav .open > a:hover,
.col-light-green .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-light-green .navbar .nav > li > a {
  color: #fff;
}

.col-light-green .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-light-green .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-lime .navbar .navbar-brand,
.col-lime .navbar .navbar-brand:hover,
.col-lime .navbar .navbar-brand:active,
.col-lime .navbar .navbar-brand:focus {
  color: #fff;
}

.col-lime .navbar .nav > li > a:hover,
.col-lime .navbar .nav > li > a:focus,
.col-lime .navbar .nav .open > a,
.col-lime .navbar .nav .open > a:hover,
.col-lime .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-lime .navbar .nav > li > a {
  color: #fff;
}

.col-lime .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-lime .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-yellow .navbar .navbar-brand,
.col-yellow .navbar .navbar-brand:hover,
.col-yellow .navbar .navbar-brand:active,
.col-yellow .navbar .navbar-brand:focus {
  color: #fff;
}

.col-yellow .navbar .nav > li > a:hover,
.col-yellow .navbar .nav > li > a:focus,
.col-yellow .navbar .nav .open > a,
.col-yellow .navbar .nav .open > a:hover,
.col-yellow .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-yellow .navbar .nav > li > a {
  color: #fff;
}

.col-yellow .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-yellow .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-amber .navbar .navbar-brand,
.col-amber .navbar .navbar-brand:hover,
.col-amber .navbar .navbar-brand:active,
.col-amber .navbar .navbar-brand:focus {
  color: #fff;
}

.col-amber .navbar .nav > li > a:hover,
.col-amber .navbar .nav > li > a:focus,
.col-amber .navbar .nav .open > a,
.col-amber .navbar .nav .open > a:hover,
.col-amber .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-amber .navbar .nav > li > a {
  color: #fff;
}

.col-amber .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-amber .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-orange .navbar .navbar-brand,
.col-orange .navbar .navbar-brand:hover,
.col-orange .navbar .navbar-brand:active,
.col-orange .navbar .navbar-brand:focus {
  color: #fff;
}

.col-orange .navbar .nav > li > a:hover,
.col-orange .navbar .nav > li > a:focus,
.col-orange .navbar .nav .open > a,
.col-orange .navbar .nav .open > a:hover,
.col-orange .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-orange .navbar .nav > li > a {
  color: #fff;
}

.col-orange .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-orange .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-deep-orange .navbar .navbar-brand,
.col-deep-orange .navbar .navbar-brand:hover,
.col-deep-orange .navbar .navbar-brand:active,
.col-deep-orange .navbar .navbar-brand:focus {
  color: #fff;
}

.col-deep-orange .navbar .nav > li > a:hover,
.col-deep-orange .navbar .nav > li > a:focus,
.col-deep-orange .navbar .nav .open > a,
.col-deep-orange .navbar .nav .open > a:hover,
.col-deep-orange .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-deep-orange .navbar .nav > li > a {
  color: #fff;
}

.col-deep-orange .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-deep-orange .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-brown .navbar .navbar-brand,
.col-brown .navbar .navbar-brand:hover,
.col-brown .navbar .navbar-brand:active,
.col-brown .navbar .navbar-brand:focus {
  color: #fff;
}

.col-brown .navbar .nav > li > a:hover,
.col-brown .navbar .nav > li > a:focus,
.col-brown .navbar .nav .open > a,
.col-brown .navbar .nav .open > a:hover,
.col-brown .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-brown .navbar .nav > li > a {
  color: #fff;
}

.col-brown .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-brown .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-grey .navbar .navbar-brand,
.col-grey .navbar .navbar-brand:hover,
.col-grey .navbar .navbar-brand:active,
.col-grey .navbar .navbar-brand:focus {
  color: #fff;
}

.col-grey .navbar .nav > li > a:hover,
.col-grey .navbar .nav > li > a:focus,
.col-grey .navbar .nav .open > a,
.col-grey .navbar .nav .open > a:hover,
.col-grey .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-grey .navbar .nav > li > a {
  color: #fff;
}

.col-grey .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-grey .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-blue-grey .navbar .navbar-brand,
.col-blue-grey .navbar .navbar-brand:hover,
.col-blue-grey .navbar .navbar-brand:active,
.col-blue-grey .navbar .navbar-brand:focus {
  color: #fff;
}

.col-blue-grey .navbar .nav > li > a:hover,
.col-blue-grey .navbar .nav > li > a:focus,
.col-blue-grey .navbar .nav .open > a,
.col-blue-grey .navbar .nav .open > a:hover,
.col-blue-grey .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-blue-grey .navbar .nav > li > a {
  color: #fff;
}

.col-blue-grey .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-blue-grey .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-black .navbar .navbar-brand,
.col-black .navbar .navbar-brand:hover,
.col-black .navbar .navbar-brand:active,
.col-black .navbar .navbar-brand:focus {
  color: #fff;
}

.col-black .navbar .nav > li > a:hover,
.col-black .navbar .nav > li > a:focus,
.col-black .navbar .nav .open > a,
.col-black .navbar .nav .open > a:hover,
.col-black .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-black .navbar .nav > li > a {
  color: #fff;
}

.col-black .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-black .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.col-white .navbar .navbar-brand,
.col-white .navbar .navbar-brand:hover,
.col-white .navbar .navbar-brand:active,
.col-white .navbar .navbar-brand:focus {
  color: #fff;
}

.col-white .navbar .nav > li > a:hover,
.col-white .navbar .nav > li > a:focus,
.col-white .navbar .nav .open > a,
.col-white .navbar .nav .open > a:hover,
.col-white .navbar .nav .open > a:focus {
  background-color: rgba(0, 0, 0, 0.05);
}

.col-white .navbar .nav > li > a {
  color: #fff;
}

.col-white .navbar .bars {
  float: left;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  margin-right: 10px;
  margin-left: -10px;
  margin-top: 4px;
}

.col-white .navbar .bars:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.topbarContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.logoContainer {
  float: left;
  position: relative;
}

.topbarUserContainer {
  display: flex;
  flex-direction: row;
  padding-left: 15px;
  font-family: "Roboto", sans-serif;
}

.adminTopbarUser {
  margin: 0px;
  text-align: right;
  display: flex;
  align-items: flex-end;
}

.adminUserDropdown {
  display: flex;
  align-items: flex-end;
  margin-left: 10px;
}

.admin-dropdown-menu {
  left: -100px;
}

.adminButton {
  border-radius: 3px;
  height: 40px;
  width: 40px;
  margin-bottom: 5px;
  padding: 0;
  background-color: #FFFFFF;
}

.adminPersonIcon {
  color: #333333;
}

/* Dropdown Menu =============================== */
/* Login Page ================================== */
.login-page {
  width: 100%;
  height: 100%;
  background-color: #00BCD4;
  padding-left: 0;
  overflow-x: hidden;
}
.login-page .login-box {
  position: relative;
  width: 360px;
  margin: 5% auto 30px auto;
}
.login-page .login-box .card {
  padding-top: 20px;
}
.login-page .login-box .msg {
  color: #555;
  margin-bottom: 30px;
  text-align: center;
}
.login-page .login-box a {
  font-size: 14px;
  text-decoration: none;
  color: #00BCD4;
}
.login-page .login-box .logo {
  margin-bottom: 10px;
}
.login-page .maintenanceMessagesContainer {
  display: flex;
  flex-direction: column;
}
.login-page .maintenanceMessagesContainer .maintenanceMessage {
  width: 400px;
  margin: 0px auto 10px auto;
}
.login-page .maintenanceMessagesContainer .maintenanceMessage h5 {
  text-align: center;
  margin-top: 0;
}

/* Sign Up Page ================================ */
.signup-page {
  background-color: #00BCD4;
  padding-left: 0;
  max-width: 360px;
  margin: 5% auto;
  overflow-x: hidden;
}

.signup-page .signup-box .msg {
  color: #555;
  margin-bottom: 30px;
  text-align: center;
}

.signup-page .signup-box a {
  font-size: 14px;
  text-decoration: none;
  color: #00BCD4;
}

.signup-page .signup-box .logo {
  margin-bottom: 20px;
}

.signup-page .signup-box .logo a {
  font-size: 36px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
}

.signup-page .signup-box .logo small {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: -5px;
}

/* Forgot Password Page ======================== */
.fp-page {
  background-color: #00BCD4;
  padding-left: 0;
  max-width: 360px;
  margin: 5% auto;
  overflow-x: hidden;
}

.fp-page .fp-box .msg {
  color: #555;
  margin-bottom: 30px;
  text-align: center;
}

.fp-page .fp-box a {
  font-size: 14px;
  text-decoration: none;
  color: #00BCD4;
}

.fp-page .fp-box .logo {
  margin-bottom: 20px;
}

.fp-page .fp-box .logo a {
  font-size: 36px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
}

.fp-page .fp-box .logo small {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: -5px;
}

/* 404 Not Found Page ========================== */
.four-zero-four .four-zero-four-container .error-code {
  font-size: 160px;
}

.four-zero-four .four-zero-four-container .error-message {
  font-size: 26px;
  color: #333;
  font-weight: bold;
  margin-top: -40px;
}

.four-zero-four .four-zero-four-container .button-place {
  margin-top: 32px;
}

/* 500 Server Error Page ======================= */
.five-zero-zero .five-zero-zero-container .error-code {
  font-size: 160px;
}

.five-zero-zero .five-zero-zero-container .error-message {
  font-size: 27px;
  color: #333;
  font-weight: bold;
  margin-top: -40px;
}

.five-zero-zero .five-zero-zero-container .button-place {
  margin-top: 32px;
}

/* Maps ======================================== */
/* Google Maps */
.gmap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.gmap #maxRadiusAndArea {
  display: inline-block;
  margin-right: 5px;
}
.gmap #polygonRadiusAndCircle {
  display: inline-block;
}

.overlay {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  opacity: 0.8;
  background: #4477aa;
  border: solid 3px #336699;
  border-radius: 4px;
  box-shadow: 2px 2px 10px #333;
  text-shadow: 1px 1px 1px #666;
  padding: 0 4px;
}

.legend {
  font-family: "Roboto", Arial, Tahoma, sans-serif;
  line-height: 18px;
  color: #333333;
  padding: 6px 6px;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  margin: 5px;
}

.screenshotLegend {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 250px;
  font-family: "Roboto", Arial, Tahoma, sans-serif;
  line-height: 18px;
  color: #333333;
  margin: 5px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.298) 0px 1px 4px -1px;
}
.screenshotLegend h4 {
  text-align: center;
  padding: 6px;
  margin: 0;
  background: #CCC;
}
.screenshotLegend .legendLabel {
  font-weight: bold;
  padding-right: 4px;
  text-align: right;
  width: 85px;
}
.screenshotLegend table {
  margin: 6px;
  border-spacing: 0 6px;
  border-collapse: separate;
}
.screenshotLegend td {
  vertical-align: top;
}

.gmnoprint {
  margin: 5px;
}

#dashboard_left_panel {
  height: 100vh;
}

.pieChartCss {
  padding-top: 20px;
  border-top: 1px solid silver;
  margin-top: 20px;
}

#gradient {
  height: 30px;
  background: linear-gradient(to right, #ecf5fe 0%, #1f91f3 100%);
}

.cellIdInfoMarkerInfoWindow {
  display: flex;
  flex-direction: column;
}
.cellIdInfoMarkerInfoWindow h3 {
  margin: 0;
}
.cellIdInfoMarkerInfoWindow .body {
  display: flex;
  flex-direction: column;
}
.cellIdInfoMarkerInfoWindow .section {
  display: flex;
  flex-direction: column;
  border: 1px solid grey;
  border-radius: 0 0 3px 3px;
  margin-bottom: 5px;
}
.cellIdInfoMarkerInfoWindow .section :last-of-type {
  margin-bottom: 0;
}
.cellIdInfoMarkerInfoWindow .section header {
  margin: 0;
  padding: 5px;
  background-color: #dddddd;
  border-bottom: 1px solid #dddddd;
  font-weight: bold;
}
.cellIdInfoMarkerInfoWindow .section .body {
  display: flex;
  flex-direction: column;
  padding: 5px;
}
.cellIdInfoMarkerInfoWindow .section .body div {
  display: inline;
}
.cellIdInfoMarkerInfoWindow .section .body label {
  font-weight: bold;
}
.cellIdInfoMarkerInfoWindow .section .body img {
  width: 12px;
  height: 12px;
  cursor: pointer;
}

fieldset {
  position: relative;
  padding: 5px 10px 3px;
  border: 1px solid silver;
  margin-bottom: 5px;
}
fieldset:last-child {
  margin-bottom: 0;
}

legend {
  padding: 0 5px 0 5px;
  width: auto;
  font-size: 16px;
  border: 0;
  margin: 0;
}

.logoHeader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 4px 10px;
  background-color: rgba(255, 255, 255, 0.75);
  border-bottom-right-radius: 10px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.logoHeader img {
  height: 38px;
}

#navbarSupportedContent {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
  height: auto;
}
#navbarSupportedContent .dropdown {
  display: inline-block;
}

.zoomIn i, .zoomOut i {
  font-size: 30px;
  position: relative;
  left: -4px;
  top: 2px;
}

.input-container {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

.input-container .material-icons {
  position: absolute;
  right: -13px;
  top: -6px;
  font-size: 16px;
  cursor: pointer;
}

.input-container label {
  margin-bottom: 0;
}

#dataPanel .dataPanelCloseButton {
  left: 0px;
  right: unset;
}
#dataPanel .panel-group {
  margin-bottom: 0;
}
#dataPanel .panel-group .panel .panel-body {
  padding: 5px;
}
#dataPanel .card .header {
  background-color: #00BCD4;
  color: #FFFFFF;
  text-align: center;
  padding-left: 30px;
}
#dataPanel .card .header .transparent-select {
  display: inline-block;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #FFF;
  vertical-align: middle;
  background: #00BCD4;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.userCompanyName {
  color: white;
  height: 24px;
  line-height: 24px;
}
.userCompanyName .material-icons {
  font-size: 16px;
  position: relative;
  top: 4px;
}

a.userCompanyName {
  color: white;
  height: 24px;
  line-height: 24px;
}
a.userCompanyName :hover {
  cursor: pointer;
  font-weight: bold;
  color: white;
  text-decoration-line: none;
}

#sitesOptions {
  position: relative;
}
#sitesOptions #defaultSizeOption {
  position: absolute;
  top: -3px;
  right: 0;
  background: #FFF;
}

#regionsOptions {
  position: relative;
}
#regionsOptions #defaultSizeOption {
  position: absolute;
  top: -3px;
  right: 0;
  background: #FFF;
}

.regionSelectButton {
  border: transparent;
  background-color: transparent;
}

.dx-treelist-rowsview {
  border: transparent;
}

#mnoOptions {
  margin-top: 10px;
}
#mnoOptions .dropdown-menu .disabled {
  color: #AAA;
  background-color: #EEE;
}

#mnoOptions {
  margin-top: 10px;
}
#mnoOptions .dropdown-menu .finalSelectedItem {
  color: #777777 !important;
  background-color: #FFFFFF !important;
}

#signalDataOptions #signalTypeOptions .input-container {
  display: table;
}
#signalDataOptions #timeFrame [type=radio]:checked + label, #signalDataOptions #timeFrame [type=radio]:not(:checked) + label {
  padding: 0 5px;
  width: 100%;
}
#signalDataOptions #timeFrame [type=radio]:checked + label:before, #signalDataOptions #timeFrame [type=radio]:checked + label:after, #signalDataOptions #timeFrame [type=radio]:not(:checked) + label:before, #signalDataOptions #timeFrame [type=radio]:not(:checked) + label:after {
  display: none;
}
#signalDataOptions #timeFrame .tab {
  padding: 3px;
  border: 3px solid #DDD;
  background-color: #DDD;
  color: #777;
  border-radius: 3px 3px 0 0;
  border-bottom: 0;
  width: 45%;
  text-align: center;
}
#signalDataOptions #timeFrame .tab.halfYearly {
  border-color: #26a69a;
  background-color: #26a69a;
  color: white;
  font-width: bold;
}
#signalDataOptions #timeFrame .tab.halfYearly.input-container .material-icons {
  color: black;
}
#signalDataOptions #timeFrame .tab.quarterly {
  border-color: #26a69a;
  background-color: #26a69a;
  color: white;
  font-width: bold;
}
#signalDataOptions #timeFrame .tab.quarterly.input-container .material-icons {
  color: black;
}
#signalDataOptions #timeFrame .tab.lastTab {
  position: absolute;
  right: 0;
}
#signalDataOptions #timeFrame .tab.input-container .material-icons {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  cursor: pointer;
  color: #777;
}
#signalDataOptions #timeFrame .tabContent {
  padding: 3px;
  background-color: #26a69a;
  border-radius: 0 0 5px 5px;
}
#signalDataOptions .dropdown ul {
  background-color: #FFFFFF;
  width: 215px;
}
#signalDataOptions .dropdown ul li h4 {
  margin: 0;
  background-color: #FFFFFF;
  font-size: 14px;
  padding: 6px;
  font-weight: normal;
  color: #333333;
}
#signalDataOptions .dropdown ul li p {
  margin: 0;
  background-color: #FFFFFF;
  font-size: 12px;
  padding: 6px;
  color: #555;
  font-weight: normal;
}
#signalDataOptions #signalDataSettingsButton {
  background: none;
  padding: 1px;
  border: none;
}

#ndtInfoOptions #timeFrame [type=radio]:checked + label, #ndtInfoOptions #timeFrame [type=radio]:not(:checked) + label {
  padding: 0 5px;
  width: 100%;
}
#ndtInfoOptions #timeFrame [type=radio]:checked + label:before, #ndtInfoOptions #timeFrame [type=radio]:checked + label:after, #ndtInfoOptions #timeFrame [type=radio]:not(:checked) + label:before, #ndtInfoOptions #timeFrame [type=radio]:not(:checked) + label:after {
  display: none;
}
#ndtInfoOptions #timeFrame .tab {
  padding: 3px;
  border: 3px solid #DDD;
  background-color: #DDD;
  color: #777;
  border-radius: 3px 3px 0 0;
  border-bottom: 0;
  width: 45%;
  text-align: center;
}
#ndtInfoOptions #timeFrame .tab.SelectedMonths {
  border-color: #26a69a;
  background-color: #26a69a;
  color: white;
  font-width: bold;
}
#ndtInfoOptions #timeFrame .tab.SelectedMonths.input-container .material-icons {
  color: black;
}
#ndtInfoOptions #timeFrame .tab.lastTab {
  position: absolute;
  right: 0;
}
#ndtInfoOptions #timeFrame .tab.input-container .material-icons {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  cursor: pointer;
  color: #777;
}
#ndtInfoOptions #timeFrame .tabContent {
  padding: 3px;
  background-color: #26a69a;
  border-radius: 0 0 5px 5px;
}
#ndtInfoOptions #signalDataModeButton {
  background: none;
  border: none;
}
#ndtInfoOptions .toolbarButton {
  background: none;
  border: none;
}
#ndtInfoOptions .dropdown ul {
  background-color: #FFFFFF;
  width: 215px;
}
#ndtInfoOptions .dropdown ul li h4 {
  margin: 0;
  background-color: #FFFFFF;
  font-size: 14px;
  padding: 6px;
  font-weight: normal;
  color: #333333;
}
#ndtInfoOptions .dropdown ul li p {
  margin: 0;
  background-color: #FFFFFF;
  font-size: 12px;
  padding: 6px;
  color: #555;
  font-weight: normal;
}
#ndtInfoOptions #ndtInfoTypes {
  display: flex;
  flex-direction: column;
}
#ndtInfoOptions .ndtDiagnosticSelection {
  width: 256px;
}
#ndtInfoOptions .ndtDiagnosticSelection .dx-menu-item {
  width: 256px;
}

.ndtDiagnosticSelection {
  width: 256px;
}
.ndtDiagnosticSelection .dx-menu-item {
  width: 250px;
}
.ndtDiagnosticSelection .dx-submenu {
  width: 256px;
}

/* ---------------------------------------------------
   Options Panel Menu Styles
----------------------------------------------------- */
.optionsPanelMenuContainer {
  height: auto;
  width: 250px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #DDDDDD;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 4px;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.optionsPanelMenuContainer .closeButtonContainer {
  width: 100%;
  display: flex;
  justify-content: right;
  padding: 2px;
}
.optionsPanelMenuContainer .closeButtonContainer i {
  font-size: 12px;
  width: 14px;
  height: 14px;
}
.optionsPanelMenuContainer .closeButtonContainer i:hover {
  cursor: pointer;
}
.optionsPanelMenuContainer .optionsPanelCategoryHeader {
  background-color: #F8F8F8;
  padding: 5px;
  border-bottom: 1px solid #DDD;
  font-size: 14px;
  color: #333333;
}
.optionsPanelMenuContainer .optionsPanelMenuSection {
  width: 100%;
  padding: 5px;
}
.optionsPanelMenuContainer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.optionsPanelMenuContainer ul li {
  margin: 0;
  padding: 5px;
  font-weight: 400;
  color: #333333;
  text-decoration: none;
}
.optionsPanelMenuContainer ul li button {
  border: none;
  background: none;
  padding: 0;
}
.optionsPanelMenuContainer ul li button:disabled {
  text-decoration-line: line-through;
  color: #666666;
}
.optionsPanelMenuContainer ul li button.selected {
  color: #0f0f0f;
  font-weight: bold;
}
.optionsPanelMenuContainer ul li a {
  font-weight: 400;
  color: #333333;
  text-decoration: none;
}
.optionsPanelMenuContainer ul li.selected {
  color: #0f0f0f;
  font-weight: bold;
}
.optionsPanelMenuContainer ul li:hover {
  background-color: #F0F0F0;
  color: #000000;
  cursor: pointer;
}
.optionsPanelMenuContainer ul li.disabled:hover {
  background-color: #FFFFFF;
  cursor: default;
}
.optionsPanelMenuContainer .modeChoicesContainer {
  display: flex;
  flex-direction: column;
}

.reportQueueContainer {
  background-color: #ff9600;
  display: flex;
  height: 40px;
  border-radius: 4px;
  flex-direction: column;
  color: white;
  border: 0.5px solid #2e6da4;
  margin-bottom: 10px;
  font-size: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}

.progress .dark-font {
  color: #555555;
}

.disabledOverlay {
  background-color: rgba(0, 0, 0, 0.5333333333);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  padding: 0px;
  color: #FFFFFF;
  font-size: 16px;
  backdrop-filter: blur(0.5px);
}

.fieldsetToolbar {
  position: absolute;
  right: 5px;
  top: -20px;
  z-index: 2;
}
.fieldsetToolbar button {
  padding: 2px 3px;
  border: 1px solid silver;
}
.fieldsetToolbar button.btn[disabled] {
  background-color: #FFF;
}
.fieldsetToolbar img {
  width: 24px;
  height: 20px;
}

#cellIdOptions fieldset {
  position: relative;
}
#cellIdOptions #cellIdRangeToolbar {
  position: absolute;
  right: 5px;
}
#cellIdOptions #cellIdRangeToolbar button {
  padding: 2px 3px;
  border: 1px solid silver;
}
#cellIdOptions #cellIdRangeToolbar img {
  width: 24px;
  height: 20px;
}
#cellIdOptions #cellIdColorByOptions .input-container {
  display: block;
}

#buildingFootprintsOptions .input-container {
  display: block;
}
#buildingFootprintsOptions fieldset > .disabledOverlay {
  top: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: auto;
}

.fieldset {
  border: 1px solid silver;
  padding: 15px 10px 3px;
  position: relative;
  margin-top: 15px;
  margin-bottom: 5px;
}
.fieldset:last-child {
  margin-bottom: 0px;
}
.fieldset .legend {
  font-size: 16px;
  margin: 0;
  padding: 0 5px;
  position: absolute;
  background: white;
  top: 0;
  transform: translateY(-50%);
  z-index: 75;
  border-radius: 3px;
}
.fieldset .legend [type=checkbox] + label {
  font-size: 16px;
}
.fieldset .helpMessage {
  text-align: left;
}
.fieldset .helpMessage ol {
  padding-inline-start: 10px;
}
.fieldset .helpMessage li {
  margin: 5px;
}
.fieldset .disabledOverlay {
  z-index: 50;
  margin: 2px;
}

/* ---------------------------------------------------
    Options Panels Styles
----------------------------------------------------- */
.panel > .panel-collapse {
  position: relative;
}
.panel .optionsButtonContainer {
  display: inline;
  position: relative;
  top: -2px;
}
.panel .optionsButtonContainer .optionsButton {
  height: 26px;
  width: 26px;
  text-align: center;
}

/* ---------------------------------------------------
    Side Panels Styles
----------------------------------------------------- */
.sidePanel {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 10px;
  width: 300px;
  left: -310px;
  height: auto;
  z-index: 10;
  color: #FFF;
  background-color: #F00;
  transition: all 0.3s;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.sidePanel.active {
  left: 0;
}
.sidePanel .panelHeader {
  display: flex;
  align-content: center;
  align-items: center;
  padding-bottom: 11px;
}
.sidePanel .panelHeaderTitle {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  padding: 0;
  margin: 0;
}
.sidePanel .panelHeaderTitle .panelHeaderIcon {
  display: flex;
  align-self: center;
  font-size: 28px;
  margin-right: 5px;
}
.sidePanel .dismiss {
  text-align: center;
  position: absolute;
  top: 10px;
  right: 0px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidePanel .dismiss .material-icons {
  font-size: 34px;
}
.sidePanel .highDetailModeButton {
  text-align: center;
  position: absolute;
  top: 10px;
  right: 34px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidePanel .highDetailModeButton .material-icons {
  font-size: 34px;
}
.sidePanel .card {
  display: flex;
  flex-direction: column;
  min-width: 300px;
}
.sidePanel .card .body {
  overflow: auto;
  flex: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 0;
}
.sidePanel .card .body .mainContent {
  position: relative;
  flex: auto;
  flex-grow: 1;
}

.benchMarkingPanelContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.benchMarkingPanelContainer .benchMarkingSectionContainer {
  display: flex;
}
.benchMarkingPanelContainer .benchMarkingChartContainer {
  max-height: 300px;
  min-height: 200px;
  height: 300px;
  display: flex;
  justify-content: center;
}
@media (max-height: 700px) {
  .benchMarkingPanelContainer .benchMarkingChartContainer {
    height: 200px;
  }
}
.benchMarkingPanelContainer .benchMarkingChartContainer .benchMarkingPieChart {
  width: 400px;
}
.benchMarkingPanelContainer .benchMarkingChartContainer #pieChartArea {
  display: flex;
  justify-content: center;
}
.benchMarkingPanelContainer .benchMarkingGridContainer {
  border: 1px solid silver;
  flex: 1 1 auto;
  position: relative;
}
.benchMarkingPanelContainer .benchMarkingGridContainer #benchMarkingGrid, .benchMarkingPanelContainer .benchMarkingGridContainer #ndtInfoBenchMarkingGrid {
  position: absolute;
  top: 0;
  bottom: 0;
}
.benchMarkingPanelContainer .fieldsetToolbar {
  position: relative;
  display: flex;
  top: 0px;
  right: 0px;
  justify-content: flex-end;
}

.supplementaryPanel {
  position: fixed;
  height: auto;
  width: 450px;
  right: -450px;
  left: auto;
  top: 40px;
  bottom: 20px;
  border: 1px solid silver;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
  border-right: 0;
  z-index: 10;
  color: #fff;
  transition: all 0.3s;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
@media (max-width: 450px) {
  .supplementaryPanel {
    width: 350px;
    right: -350px;
  }
}
.supplementaryPanel.active {
  right: 0;
  left: auto;
}
.supplementaryPanel .card {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  color: #333;
}
.supplementaryPanel .card .body {
  position: relative;
  flex: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.supplementaryPanel .card .body .mainContent {
  position: relative;
  flex: auto;
  display: flex;
  flex-flow: column;
}
.supplementaryPanel .statusMessageContainer {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 1px solid lightgrey;
  padding: 40px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  color: grey;
}
.supplementaryPanel .disabledOverlay {
  margin-top: 50px;
  padding: 50px 30px 30px 30px;
}
.supplementaryPanel .disabledOverlay h3 {
  margin-bottom: 10px;
}
.supplementaryPanel .disabledOverlay h4 {
  margin-top: 60px;
}
.supplementaryPanel .gridHeaderIcon {
  font-size: 20px;
}

#sitesPanel {
  width: 370px;
  right: -370px;
}
#sitesPanel.active {
  right: 0;
  left: auto;
}
#sitesPanel .card .header {
  background-color: #00BCD4;
  color: #FFFFFF;
}
#sitesPanel #sitesContainer {
  position: relative;
  flex-grow: 1;
  padding: 5px 0 0;
}
#sitesPanel #sitesContainer legend {
  margin: 0 10px;
}
#sitesPanel #sitesListContainer {
  position: absolute;
  top: 20px;
  bottom: -1px;
  right: -1px;
  left: -1px;
}
#sitesPanel #sitesListContainer #sitesGrid {
  height: 100%;
}
#sitesPanel #sitesListContainer #sitesGrid .dx-datagrid-borders {
  border: 1px solid silver;
}

#buildingsPanel {
  width: 370px;
  right: -370px;
}
#buildingsPanel.active {
  right: 0;
  left: auto;
}
#buildingsPanel .card .header {
  background-color: #009688;
  color: #FFFFFF;
}
#buildingsPanel #buildingsContainer {
  position: relative;
  flex-grow: 1;
  padding: 5px 0 0;
}
#buildingsPanel #buildingsContainer legend {
  margin: 0 10px;
}
#buildingsPanel #buildingsListContainer {
  position: absolute;
  top: 20px;
  bottom: -1px;
  right: -1px;
  left: -1px;
}
#buildingsPanel #buildingsListContainer #buildingsGrid {
  height: 100%;
}
#buildingsPanel #buildingsListContainer #buildingsGrid .dx-datagrid-borders {
  border: 1px solid silver;
}

#analysisAreasPanel {
  width: 450px;
  right: -450px;
}
#analysisAreasPanel.active {
  right: 0;
  left: auto;
}
#analysisAreasPanel .card .header {
  background-color: #880000;
  color: #FFFFFF;
}
#analysisAreasPanel #analysisAreasContainer {
  position: relative;
  flex-grow: 1;
  padding: 0px 0 0;
}
#analysisAreasPanel #analysisAreasContainer legend {
  margin: 0 10px;
}
#analysisAreasPanel #analysisAreasListContainer {
  position: absolute;
  top: 20px;
  bottom: -1px;
  right: -1px;
  left: -1px;
}
#analysisAreasPanel #analysisAreasListContainer #analysisAreasGrid {
  height: 100%;
}
#analysisAreasPanel #analysisAreasListContainer #analysisAreasGrid .dx-datagrid-borders {
  border: 1px solid silver;
}

#cellIdPanel {
  width: 390px;
  right: -390px;
}
#cellIdPanel.active {
  right: 0;
  left: auto;
}
#cellIdPanel.highDetailMode {
  width: 820px;
  right: -820px;
}
#cellIdPanel.highDetailMode.active {
  right: 0;
  left: auto;
}
#cellIdPanel .card .header {
  background-color: #FF9800;
  color: #FFFFFF;
}
#cellIdPanel #cellIdsContainer, #cellIdPanel #eNodeBsContainer {
  position: relative;
  flex-grow: 1;
  padding: 5px 0 0;
}
#cellIdPanel #cellIdsContainer legend, #cellIdPanel #eNodeBsContainer legend {
  margin: 0 10px;
}
#cellIdPanel #cellIdListContainer, #cellIdPanel #eNodeBsListContainer {
  position: absolute;
  top: 20px;
  bottom: -1px;
  right: -1px;
  left: -1px;
}
#cellIdPanel #cellIdListContainer #cellIdGrid, #cellIdPanel #eNodeBsListContainer #cellIdGrid {
  height: 100%;
}
#cellIdPanel #cellIdListContainer #cellIdGrid tr td:first-child + td, #cellIdPanel #eNodeBsListContainer #cellIdGrid tr td:first-child + td {
  padding: 0px !important;
  width: 2px !important;
  min-width: 2px !important;
}
#cellIdPanel #cellIdListContainer #cellIdGrid .dx-datagrid-borders, #cellIdPanel #eNodeBsListContainer #cellIdGrid .dx-datagrid-borders {
  border: 1px solid silver;
}
#cellIdPanel #cellIdListContainer #cellIdGrid .dx-command-select, #cellIdPanel #eNodeBsListContainer #cellIdGrid .dx-command-select {
  width: 30px;
  min-width: 30px;
}
#cellIdPanel #cellIdListContainer #cellIdGrid .cellIdValueContainer, #cellIdPanel #eNodeBsListContainer #cellIdGrid .cellIdValueContainer {
  position: relative;
}
#cellIdPanel #cellIdListContainer #cellIdGrid .cellIdColorIndicator, #cellIdPanel #eNodeBsListContainer #cellIdGrid .cellIdColorIndicator {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 33px;
  left: -7px;
  top: -7px;
}
#cellIdPanel #cellIdListContainer #cellIdGrid .cellIdValue, #cellIdPanel #eNodeBsListContainer #cellIdGrid .cellIdValue {
  position: relative;
  display: inline-block;
  margin-left: 16px;
}
#cellIdPanel #cellIdListContainer #eNodeBGrid, #cellIdPanel #eNodeBsListContainer #eNodeBGrid {
  height: 100%;
}
#cellIdPanel #cellIdListContainer #eNodeBGrid tr td:first-child + td, #cellIdPanel #eNodeBsListContainer #eNodeBGrid tr td:first-child + td {
  padding: 0px !important;
  width: 2px !important;
  min-width: 2px !important;
}
#cellIdPanel #cellIdListContainer #eNodeBGrid .dx-datagrid-borders, #cellIdPanel #eNodeBsListContainer #eNodeBGrid .dx-datagrid-borders {
  border: 1px solid silver;
}
#cellIdPanel #cellIdListContainer #eNodeBGrid .dx-command-select, #cellIdPanel #eNodeBsListContainer #eNodeBGrid .dx-command-select {
  width: 30px;
  min-width: 30px;
}
#cellIdPanel #cellIdListContainer #eNodeBGrid .eNodeBValueContainer, #cellIdPanel #eNodeBsListContainer #eNodeBGrid .eNodeBValueContainer {
  position: relative;
}
#cellIdPanel #cellIdListContainer #eNodeBGrid .eNodeBColorIndicator, #cellIdPanel #eNodeBsListContainer #eNodeBGrid .eNodeBColorIndicator {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 33px;
  left: -7px;
  top: -7px;
}
#cellIdPanel #cellIdListContainer #eNodeBGrid .eNodeBValue, #cellIdPanel #eNodeBsListContainer #eNodeBGrid .eNodeBValue {
  position: relative;
  display: inline-block;
  margin-left: 16px;
}

#signalPanel {
  transition: width 2s ease, all 0.3s ease;
}
#signalPanel .card .header {
  background-color: #4CAF50;
  color: #FFFFFF;
}
#signalPanel.wide {
  width: 600px;
  right: -600px;
}
#signalPanel.wide.active {
  right: 0px;
}
#signalPanel.expand {
  width: 820px;
  right: -820px;
}
#signalPanel.expand.active {
  right: 0px;
}
#signalPanel #barChartsContainer {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  align-items: stretch;
}
#signalPanel #quantityChartsContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
#signalPanel #percentageChartsContainer {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#signalPanel #percentageChartsContainer .barChartArea {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
}
#signalPanel #gridArea {
  position: absolute;
  top: 0;
  left: 40px;
  right: 0;
  overflow: hidden;
}
#signalPanel .barChartArea {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
}
#signalPanel .barChartArea .chart {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
#signalPanel .barChartArea .chartResizer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
}
#signalPanel #pieChartArea {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
}
#signalPanel #pieChartArea #pieChart {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#ndtInfoPanel {
  transition: width 2s ease, all 0.3s ease;
}
#ndtInfoPanel .card .header {
  background-color: #9C27B0;
  color: #FFFFFF;
}
#ndtInfoPanel.wide {
  width: 600px;
  right: -600px;
}
#ndtInfoPanel.wide.active {
  right: 0px;
}
#ndtInfoPanel.expand {
  width: 820px;
  right: -820px;
}
#ndtInfoPanel.expand.active {
  right: 0px;
}
#ndtInfoPanel #barChartsContainer {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  align-items: stretch;
}
#ndtInfoPanel #quantityChartsContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
#ndtInfoPanel #percentageChartsContainer {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#ndtInfoPanel #percentageChartsContainer .barChartArea {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
}
#ndtInfoPanel #gridArea {
  position: absolute;
  top: 0;
  left: 40px;
  right: 0;
  overflow: hidden;
}
#ndtInfoPanel .barChartArea {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
}
#ndtInfoPanel .barChartArea .chart {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
#ndtInfoPanel .barChartArea .chartResizer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
}
#ndtInfoPanel #pieChartArea {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
}
#ndtInfoPanel #pieChartArea #pieChart {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.panelViewButtons {
  position: absolute;
  top: 50px;
  z-index: 2;
  left: 0;
}
.panelViewButtons button.btn-info {
  display: block;
  border-radius: 0 10px 10px 0 !important;
  margin-bottom: 5px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.panelViewButtons.right {
  right: 0;
  left: auto;
}
.panelViewButtons.right button.btn-info {
  border-radius: 10px 0 0 10px !important;
}
.panelViewButtons.topRight {
  top: 0px;
  right: 5px;
  left: auto;
}
.panelViewButtons.topRight button.btn-info {
  border-radius: 0 0 10px 10px !important;
  margin-right: 5px;
}
.panelViewButtons .glyphicon {
  font-size: 20px;
}
.panelViewButtons #signalPanelOpenButton {
  background-color: #4CAF50 !important;
}
.panelViewButtons #signalPanelOpenButton:hover {
  background-color: rgb(109.9800796813, 192.0199203187, 113.2948207171) !important;
}
.panelViewButtons #signalPanelOpenButton:active {
  background-color: rgb(37.3944223108, 86.1055776892, 39.3625498008) !important;
}
.panelViewButtons #ndtInfoPanelOpenButton {
  background-color: #9C27B0 !important;
}
.panelViewButtons #ndtInfoPanelOpenButton:hover {
  background-color: rgb(188.0418604651, 55.2604651163, 210.7395348837) !important;
}
.panelViewButtons #ndtInfoPanelOpenButton:active {
  background-color: rgb(63.488372093, 15.8720930233, 71.6279069767) !important;
}
.panelViewButtons #cellIdPanelOpenButton {
  background-color: #FF9800 !important;
}
.panelViewButtons #cellIdPanelOpenButton:hover {
  background-color: rgb(255, 172.6, 51) !important;
}
.panelViewButtons #cellIdPanelOpenButton:active {
  background-color: rgb(127.5, 76, 0) !important;
}
.panelViewButtons #sitesPanelOpenButton {
  background-color: #00BCD4 !important;
}
.panelViewButtons #sitesPanelOpenButton:hover {
  background-color: rgb(8, 227.0377358491, 255) !important;
}
.panelViewButtons #sitesPanelOpenButton:active {
  background-color: rgb(0, 74.9339622642, 84.5) !important;
}
.panelViewButtons #buildingsPanelOpenButton {
  background-color: #009688 !important;
}
.panelViewButtons #buildingsPanelOpenButton:hover {
  background-color: rgb(0, 201, 182.24) !important;
}
.panelViewButtons #buildingsPanelOpenButton:active {
  background-color: rgb(0, 22.5, 20.4) !important;
}
.panelViewButtons #analysisAreasPanelOpenButton {
  background-color: #880000 !important;
}
.panelViewButtons #analysisAreasPanelOpenButton:hover {
  background-color: #bb0000 !important;
}
.panelViewButtons #analysisAreasPanelOpenButton:active {
  background-color: rgb(8.5, 0, 0) !important;
}

/* ---------------------------------------------------
    Toolbar Styles
----------------------------------------------------- */
#mapToolbar {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  margin: auto;
  border: 1px solid silver;
  border-radius: 0 0 5px 5px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  text-align: center;
  z-index: 100;
}
@media (max-width: 450px) {
  #mapToolbar {
    width: 300px;
  }
}
#mapToolbar .mapToolGroup {
  display: inline-block;
  margin: 0 3px;
}
#mapToolbar .toolbarButtonContainer {
  display: flex;
  flex-direction: column;
  width: 34px;
  height: 34px;
}
#mapToolbar .toolbarButtonContainer .mainIcon {
  height: 20px;
  width: 20px;
}
#mapToolbar .toolbarButtonContainer .subIcon {
  height: 16px;
  width: 16px;
  margin-left: 13px;
  position: relative;
  top: -6px;
}
#mapToolbar .btn-group .btn.materialIcon {
  line-height: 1;
  padding: 5px 6px;
}
#mapToolbar .btn-group .btn.materialIcon i {
  top: 2px;
}

.csvValidationError {
  color: red;
}

#customMapTypeId {
  width: 100px;
}

#kmlLayer {
  width: 150px;
}

.toolbar {
  position: relative;
  padding: 5px;
  z-index: 5;
  background-color: #DDD;
}
.toolbar .dropdown .btn {
  box-shadow: none;
}
.toolbar .bootstrap-select > .dropdown-toggle {
  padding-right: 25px;
  height: 34px;
}
.toolbar .btn-group .btn {
  margin-left: 0px;
}
.toolbar button.btn, .toolbar label.btn {
  border: 1px solid silver;
  padding: 6px;
  background-color: #dddddd;
  font-size: 13px;
  color: #333333;
}
.toolbar button.btn i, .toolbar label.btn i {
  top: 0;
  font-size: 18px;
}
.toolbar button.btn img, .toolbar label.btn img {
  width: 20px;
  height: 20px;
}
.toolbar button.btn:active, .toolbar button.btn.active, .toolbar label.btn:active, .toolbar label.btn.active {
  background-color: #26a69a;
}
.toolbar button.btn:hover, .toolbar label.btn:hover {
  background-color: rgb(246.5, 246.5, 246.5);
}
.toolbar button.btn[disabled], .toolbar label.btn[disabled] {
  background-color: darkgrey;
}
.toolbar button[disabled], .toolbar label[disabled] {
  background-color: darkgrey;
}

#mapDrawingButtons {
  left: 0;
  display: inline-block;
}

/* ---------------------------------------------------
    Settings Panel Styles
----------------------------------------------------- */
.settingsPanel {
  z-index: 15;
  position: absolute;
  top: -218px;
  height: 218px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 450px;
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  border-radius: 0 0 10px 10px;
  color: #fff;
  transition: all 0.3s;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.settingsPanel.active {
  top: 46px;
}

.material-symbols-outline {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.measureModeSettingsPanel {
  height: 50px;
  width: auto;
  color: #333333;
}

.settingsPanelContainer {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.settingsPanelContainer .sideBorder {
  color: #FFFFFF;
  background-color: #dddddd;
  height: 100%;
  width: 30px;
  text-align: center;
  border-radius: 0 0 0 10px;
}
.settingsPanelContainer .sideBorder .material-icons {
  padding-top: 5px;
  font-size: 25px;
  color: #333333;
}
.settingsPanelContainer .sideBorder .material-icons:hover {
  cursor: pointer;
  color: rgb(76.5, 76.5, 76.5) !important;
}
.settingsPanelContainer .sideBorder .material-icons:active {
  color: black !important;
}
.settingsPanelContainer .settingsHeader {
  font-size: 15px;
  color: #333333;
  margin: 5px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 5px;
}
.settingsPanelContainer .settingsHeader.secondary {
  margin-top: 10px;
}
.settingsPanelContainer .poi-toggle {
  color: #333333;
  display: flex;
  margin: 5px;
}
.settingsPanelContainer .input-container {
  width: 90px;
}
.settingsPanelContainer .settingsPanelHalf {
  display: flex;
  flex-direction: column;
}
.settingsPanelContainer .settingsPanelHalf.rightSide {
  flex-grow: 2;
  margin: 5px;
  justify-content: space-evenly;
}
.settingsPanelContainer .settingsPanelHalf.rightSide .form-control {
  width: 190px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  cursor: pointer;
  line-height: 1.1;
  background-color: #FFFFFF;
  margin: 10px 5px;
}
.settingsPanelContainer .settingsPanelHalf.rightSide .form-control .dropdown-menu {
  margin-right: 5px;
  margin-left: 5px;
  padding-right: 0;
  height: auto;
}
.settingsPanelContainer .settingsPanelHalf.rightSide .form-control .glyphicon {
  left: 3px;
}
.settingsPanelContainer .settingsPanelHalf.rightSide label {
  color: #555555;
  font-weight: 300;
}
.settingsPanelContainer .settingsPanelHalf .overlaySelectContainer {
  box-sizing: border-box;
}
.settingsPanelContainer .settingsPanelHalf.leftSide {
  color: #333333;
  border-right: 1px solid #dddddd;
  padding: 5px 0 5px 5px;
}
.settingsPanelContainer .settingsPanelHalf.leftSide .mapTypeChoices {
  display: grid;
  grid-template-columns: 100px 100px;
  width: 200px;
  margin: 2px 0;
}
.settingsPanelContainer .opacitySliderContainer {
  margin: 0 5px;
}
.settingsPanelContainer .opacitySliderContainer label {
  margin-top: 5px;
}
.settingsPanelContainer .opacitySliderContainer label.secondary {
  margin-top: 0;
}
.settingsPanelContainer .opacitySliderContainer .dx-slider-bar {
  margin: 10px 7px;
}

.measureToolChoiceContainer {
  display: flex;
  align-items: center;
}

.measureToolsRadioContainer {
  display: flex;
  flex-direction: row;
  width: fit-content;
  max-width: 110px;
  flex-wrap: wrap;
  margin-left: 5px;
}
.measureToolsRadioContainer .measureButtonContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 2px;
}
.measureToolsRadioContainer .measureButtonContainer input[type=radio]:not(:checked) :after {
  width: 14px;
  height: 14px;
}
.measureToolsRadioContainer .measureButtonContainer label {
  padding-left: 18px;
  height: 18px;
  line-height: 18px;
}
.measureToolsRadioContainer .measureButtonContainer input[type=radio]:checked :after {
  width: 14px;
  height: 14px;
}
.measureToolsRadioContainer .measureButtonContainer [type=radio] + label:before {
  margin: 1px;
}
.measureToolsRadioContainer .measureButtonContainer [type=radio] + label:after {
  margin: 1px;
}

.mapToolbarSubPanel {
  border: 1px solid #dddddd;
  z-index: 15;
  position: absolute;
  top: 0;
  left: 0;
  height: 46px;
  transform: translate(-50%, 0);
  max-width: 430px;
  background-color: #DDDDDD;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: row;
}
.mapToolbarSubPanel .sideBorder {
  color: #333333;
}
.mapToolbarSubPanel .sideBorder:hover {
  cursor: pointer;
}

/* ---------------------------------------------------
    Scrollbars Styles
----------------------------------------------------- */
.debugOverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  padding: 10px;
}

#screenCapturePanel {
  position: absolute;
  left: 20px;
  top: 20px;
  right: 20px;
  bottom: 20px;
  border: solid 10px black;
}
#screenCapturePanel #toolPanel {
  position: absolute;
  right: 0px;
  z-index: 10;
}

#alertMessagesDialog {
  position: absolute;
  display: inline-block;
  top: 44px;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  padding: 10px 10px 0 10px;
  z-index: 5;
  background-color: darkred;
  color: white;
  border-radius: 0 0 5px 5px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#alertMessagesDialog ul {
  list-style-type: none;
  padding: 0;
}
#alertMessagesDialog ul li {
  text-align: center;
}

/* always present */
.expand-transition {
  transition: all 0.3s ease;
  height: 30px;
  padding: 10px;
  background-color: #eee;
  overflow: hidden;
}

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.expand-enter, .expand-leave {
  height: 0;
  padding: 0 10px;
  opacity: 0;
}

#debugWindow {
  position: absolute;
  z-index: 1000;
}

/* ---------------------------------------------------
    Company Switch Dropdown
----------------------------------------------------- */
.companyDropdownItem:hover {
  cursor: pointer;
}

.adminCompanySwitchDropdown {
  position: absolute;
  max-height: 500px;
  overflow-y: auto;
}

.mapToolCompanySwitchDropdown {
  position: absolute;
  left: 150px;
  max-height: 500px;
  overflow-y: auto;
}

/* ---------------------------------------------------
    Styles for <hr>
----------------------------------------------------- */
.hrMinorFade {
  border: 0;
  height: 1px;
  background: #333 linear-gradient(to right, #ccc, #333, #ccc);
}

.hrMajorFade {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.hrThinLine {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* ---------------------------------------------------
    Select Dropdown
----------------------------------------------------- */
.groupingDropdown .glyphicon {
  width: 20px;
}

/* ---------------------------------------------------
    AdminToolbar
----------------------------------------------------- */
/* ---------------------------------------------------
    Opactiy Selector
----------------------------------------------------- */
.opacitySliderContainer label {
  color: #555555;
  font-weight: 300;
}
.opacitySliderContainer .sliderHeaderContainer {
  display: flex;
  flex-direction: row;
}
.opacitySliderContainer .sliderHeaderContainer .sliderTitle {
  width: 120px;
}
.opacitySliderContainer .sliderHeaderContainer .calculationLabel {
  color: #555555;
  font-weight: 300;
  font-size: 13px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.opacitySliderContainer .sliderHeaderContainer .calculationLabel.primary {
  flex-grow: 1;
  padding-right: 5px;
}
.opacitySliderContainer .sliderHeaderContainer .totalCalculation {
  font-weight: 500;
}
.opacitySliderContainer .sliderContainer {
  padding-bottom: 4px;
}

.dx-slider-handle {
  margin-top: -5px;
  margin-right: -7px;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  background-color: #1f91f3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.dx-slider-range.dx-slider-range-visible {
  border: 1px solid #1f91f3;
  background: #1f91f3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.dx-slider-range.dx-slider-range-visible {
  border: 1px solid #1f91f3;
  background: #1f91f3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.dx-state-focused.dx-slider-handle:not(.dx-state-active) {
  background-color: #0a80e5;
  border: 1px solid #FFF;
}

.dx-state-hover.dx-slider-handle:not(.dx-state-active) {
  background-color: #0a80e5;
  border: 1px solid #FFF;
}

.dx-state-active.dx-slider-handle {
  background-color: #0a80e5;
  border: 1px solid #FFF;
}

/* ---------------------------------------------------
    User Preferences Modal
----------------------------------------------------- */
/* ---------------------------------------------------
    Operator Exclusion Editor
----------------------------------------------------- */
#excludedOperatorsEditorVue .container {
  width: 100%;
}
#excludedOperatorsEditorVue #modules {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  background: #eee;
  margin-bottom: 20px;
  z-index: 1;
  border-radius: 5px;
}
#excludedOperatorsEditorVue #dropzone {
  padding: 10px;
  background: #eee;
  min-height: 100px;
  margin-bottom: 20px;
  z-index: 0;
  border-radius: 5px;
}
#excludedOperatorsEditorVue .active {
  outline: 1px solid red;
}
#excludedOperatorsEditorVue .hover {
  outline: 1px solid blue;
}
#excludedOperatorsEditorVue .drop-item {
  cursor: pointer;
  margin-bottom: 10px;
  background-color: rgb(255, 255, 255);
  padding: 5px 10px;
  border-radisu: 3px;
  border: 1px solid rgb(204, 204, 204);
  position: relative;
}
#excludedOperatorsEditorVue .drop-item .remove {
  position: absolute;
  top: 4px;
  right: 4px;
}

/*
LinearScale component styles
 */
.horizontal-scale {
  width: 100%;
  margin: auto;
}

.scale-container {
  height: 1px;
  background-color: #e0e0e0;
  position: relative;
  margin: 5px 8px;
}

.tick-marks {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.tick-marks span {
  position: absolute;
  width: 1px;
  height: 8px;
  background-color: #ccc;
}

.scale-fill {
  height: 100%;
  background-color: #007bff;
  position: absolute;
  top: 0;
  left: 0;
}

.scale-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.scale-labels span {
  font-size: 12px;
}

.dbmProfileSelector {
  display: inline;
}

#regionsTreeList .dx-treeview-item {
  padding: 1px 2px 1px 6px;
}
#regionsTreeList .custom-treeview-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
}
#regionsTreeList .regionTreeItemButton {
  cursor: pointer;
}
#regionsTreeList .regionTreeItemButton:hover {
  background-color: #F5F5F5;
}
#regionsTreeList .item-text {
  margin-right: auto;
}
#regionsTreeList .action-button {
  margin-left: 4px;
}
#regionsTreeList .action-button .dx-button-content .dx-icon {
  font-size: 18px; /* Adjust the font size to make the icon smaller */
}
#regionsTreeList .action-button.dx-button-has-icon .dx-button-content {
  padding: 0 0 0 2px;
}
#regionsTreeList .dx-scrollable-scrollbar {
  right: -10px;
}
#regionsTreeList .os-scrollbar-handle {
  right: -10px;
}

#training-videos {
  overflow: hidden;
}

#videos-page {
  overflow: hidden;
}
#videos-page .videosContainer {
  display: flex;
  height: 100vh;
  margin-top: 80px;
}
#videos-page .videoTitle {
  color: #555555;
  font-weight: normal;
  font-size: 18px;
}
#videos-page .videosListContainer {
  width: 30%;
  overflow-y: auto;
  border-right: 1px solid #ccc;
  padding: 10px;
}
#videos-page .videosListContainer .videosHeaderContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
#videos-page .videosListContainer .videosHeaderContainer .videosListHeader {
  flex-grow: 1;
}
#videos-page .videosListContainer .videosHeaderContainer .selectContainer {
  width: 125px;
  margin: 20px 0 10px;
}
#videos-page .videosListContainer .videosHeaderContainer .selectHeader {
  margin-top: 0;
}
#videos-page .videosListContainer .videosHeaderContainer .bootstrap-select .dropdown-toggle {
  background-color: #F0F0F0 !important;
}
#videos-page .videosListContainer .videosHeaderContainer .bootstrap-select.form-control {
  background-color: #F0F0F0 !important;
}
#videos-page #videoList {
  list-style: none;
  padding: 0;
  overflow: auto;
}
#videos-page .videoItem {
  margin-bottom: 5px;
  border: solid 1px #d9d9d9;
  border-radius: 5px;
  padding: 5px;
  background-color: #F0F0F0;
}
#videos-page .videoListTitle {
  font-size: 14px;
  font-weight: 500;
  color: #555555;
  padding-left: 5px;
  vertical-align: middle;
}
#videos-page .videoListTitle:hover {
  cursor: pointer;
  color: #1a1a1a;
}
#videos-page .videoListDescription {
  font-size: 12px;
  padding-left: 5px;
  color: #666666;
}
#videos-page .videoCaret {
  vertical-align: middle;
  color: #404040;
}
#videos-page .videoCaret:hover {
  cursor: pointer;
  color: #808080;
}
#videos-page .videoListTitleContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
#videos-page .videoPlayerContainer {
  flex: 1;
  padding: 10px;
}
#videos-page .videoPlayerContainer video {
  border: 1px solid #d9d9d9;
  min-height: 68vh;
}
#videos-page #videoPlayer {
  width: 100%;
  height: auto;
  display: block;
}

.main-content {
  display: flex;
  flex-direction: row; /* Changed from row */
  align-items: stretch; /* Changed from flex-end */
  min-height: 100vh;
}
.main-content .left-sidebar {
  width: 305px;
  overflow-y: auto;
  display: flex;
  position: absolute;
  transition: all 0.3s;
  left: -310px;
}
.main-content .left-sidebar.active {
  left: 0;
  position: static;
}
.main-content .map-area {
  flex: 1;
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.main-content .right-sidebar {
  width: 455px;
  right: -450px;
  position: absolute;
  overflow-y: auto;
  display: flex;
  transition: all 0.3s;
}
.main-content .right-sidebar.active {
  right: 0;
  position: static;
}
.main-content .bottom-panel {
  margin-top: 10px;
  height: auto;
}
.main-content .bottom-panel-zoom-max-area {
  display: flex;
}
.main-content .zoom {
  left: 310px;
  z-index: 1;
  background: white;
  padding: 5px;
  transition: all 0.3s;
}
.main-content .maxArea {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 45%;
  z-index: 1;
  margin-top: 50px;
}
.main-content nav#rfDetailsPanel .panelHeader {
  background-color: #5f6a60;
  display: flex;
  align-content: center;
  align-items: center;
  padding-bottom: 11px;
  justify-content: space-between;
}
.main-content nav#rfDetailsPanel .btn-group .btn {
  padding: 0;
}
.main-content nav#rfDetailsPanel .btn-group #rfBtnExportData {
  background: none;
  color: #FFFFFF;
  margin-right: 40px;
}
.main-content nav#rfDetailsPanel .panelHeaderTitle {
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  padding: 0;
  margin: 0;
}
.main-content nav#rfDetailsPanel .dismiss {
  text-align: center;
  position: absolute;
  right: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.main-content nav#rfDetailsPanel .dismiss .material-icons {
  font-size: 34px;
}
.main-content nav#rfDetailsPanel div#rfDetailsPanelBody {
  margin-bottom: 0;
  padding: 5px;
}

/*# sourceMappingURL=CSI-BID.css.map */