body{
  font-family: Marine !important;
}
.mt-10{
  margin-top: 10px;
}
.mb-10{
  margin-bottom: 10px !important;
}
.mt-15{
  margin-top: 15px;
}
.mt-20{
  margin-top: 20px;
}
.mt-30{
  margin-top: 30px;
}
.mt-40{
  margin-top: 40px;
}
.mt-50{
  margin-top: 50px;
}
.pd-15{
  padding-bottom: 15px;
}
.color-red{
  color: #FA4040;
}
.color-green{
  color: #59B259;
}
.w-100{
  width: 100%;
}

.sidebarx {
  position: fixed;
  font-size: 100%;
  width: 260px;
  height: 900px;
  border: 1px solid red;
  color: #F6F6F6;
  background: linear-gradient(180deg, rgba(9, 9, 9, 0.685) 0%, #000000 100%),  url(/media/imagens/sidebar_fundo.png) ;
}

.svgIcon{
  float: left;
  margin-right: 15px;
  line-height: 30px;
}

.clearBt{
  background-color: transparent !important;
  box-shadow: none !important;
}

.fix-20{
  margin-top: -10px;
}
.map-box {
  height: 295px;
}
#mapEstacoes{
  height: 295px;
  overflow: hidden;
  border-radius: 5px;
}

.sidebar-mini .nav>li>a>img {
  float: none;
}

footer {
  position: absolute;
  bottom: 0px;
  text-align: right;
  right: 10px;
  color: #fff;
}

footer div.copyright{
  color: #fff;
  padding-right: 9px;
  padding-bottom: 4px;
  bottom: 4px;
  width: 100%;
  text-align: right;
}

footer div.copyright a{

}




.wrapper.wrapper-full-page {
  height: auto;
  min-height: 100vh;
}

.full-page:after, .full-page:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.full-page:before {
  background-color: rgba(0, 0, 0, 0.5);
}

.card-situacao {
  margin: 10px auto 40px;
  text-align: center;
  padding: 30px 20px;
  border-radius: 6px;
  font-weight: bold;
  width: auto;
  font-size: 22px;
  display: table;
  color: #0f0f0f;
  min-width: 248px;
}
#statusTextSub {
  font-size: 14px;
  font-weight: 600;
}

.bg_status_1{
  background: linear-gradient(244.91deg, #64C664 0%, #67D067 65.95%);
  box-shadow: 2px 8px 10px rgba(104, 209, 104, 0.6);
  border-radius: 16px;
}
.bg_status_2{
  background: linear-gradient(244.91deg, #FFAD4D 0%, #FFC34C 65.95%);
  border-radius: 16px;
  box-shadow: 2px 8px 10px rgba(255, 195, 76, 0.8);
}
.bg_status_3{
 background: linear-gradient(244.91deg, #CF3636 0%, #FF4040 65.95%);
 box-shadow: 2px 8px 10px rgba(255, 64, 64, 0.8);
 border-radius: 16px;
}

.bg_status_4{
  border-radius: 16px;
  background: linear-gradient(153deg, #747474 17.25%, #C4C4C4 91.37%);
  border: 2px solid rgba(255, 255, 255, 0.7);
}

.bg_status_6{
  background: linear-gradient(244.91deg, #64C664 0%, #67D067 65.95%);
  box-shadow: 2px 8px 10px rgba(104, 209, 104, 0.6);
  border-radius: 16px;
}
.bg_status_7{
  background: linear-gradient(244.91deg, #64C664 0%, #67D067 65.95%);
  box-shadow: 2px 8px 10px rgba(104, 209, 104, 0.6);
  border-radius: 16px;
}
.bg_status_8{
  border-radius: 16px;
  background: linear-gradient(153deg, #747474 17.25%, #C4C4C4 91.37%);
  border: 2px solid rgba(255, 255, 255, 0.7);
}

.ui.divider:not(.vertical):not(.horizontal) {
  border-top: 1px solid rgba(34,36,38,.15);
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.ui.divider {
  margin: 0.7em 0 1em 0;
}
.ui.divider {
  font-size: 1rem;
}
.ui.divider {
  margin: 1rem 0;
  line-height: 1;
  height: 0;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: rgba(0,0,0,.85);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.ui.darkgreen.card:not(.inverted) {
  border-top: 3px solid #59B259 !important;
}
.ui.darkred.card:not(.inverted) {
  border-top: 3px solid #FA4040 !important;
}
.ui.three.cards>.card {
  width: calc(33.33333333% - 2em);
  margin-left: 1em;
  margin-right: 1em;
}
.ui.cards>.card {
  font-size: 1em;
}
.ui.fluid.card {
  width: 100%;
  max-width: 9999px;
}
.ui.cards>.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: .875em .5em;
  float: none;
}
.ui.card, .ui.cards>.card {
  max-width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 290px;
  min-height: 0;
  background: #fff;
  padding: 0;
  border: none;
  border-radius: .28571429rem;
  -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
  -webkit-transition: -webkit-box-shadow .1s ease,-webkit-transform .1s ease;
  transition: -webkit-box-shadow .1s ease,-webkit-transform .1s ease;
  transition: box-shadow .1s ease,transform .1s ease;
  transition: box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;
  z-index: '';
}

.ui.card>.content, .ui.cards>.card>.content {
  line-height: 2em;
}
.ui.card>.content, .ui.cards>.card>.content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: none;
  border-top: 1px solid rgba(34,36,38,.1);
  background: 0 0;
  margin: 0;
  padding: 1em 1em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1em;
  border-radius: 0;
}
.ui.card>.content>.header:not(.ui), .ui.cards>.card>.content>.header:not(.ui) {
  font-weight: 700;
  font-size: 1.28571429em;
  margin-top: -.21425em;
  line-height: 1.28571429em;
  font-family: 'Marine' !important;
}
.ui.card>.content>.header, .ui.cards>.card>.content>.header {
  display: block;
  margin: '';
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
  color: rgba(0,0,0,.85);
}
.ui.card .meta, .ui.cards>.card .meta {
  color: #333;
}

.ui.card .meta, .ui.cards>.card .meta {
  font-size: 1em;
  color: rgba(0,0,0,.4);
}
.ui.card .meta *, .ui.cards>.card .meta * {
  margin-right: .3em;
}
.ui.card .meta, .ui.cards>.card .meta {
  color: #333;
}
.ui.card .meta, .ui.cards>.card .meta {
  font-size: 1em;
  color: rgba(0,0,0,.4);
  display: block;
  width: 100%;
  min-height: 30px;
}
.ui.card>.content, .ui.cards>.card>.content {
  line-height: 2em;
}
.ui.card .meta [class*="right floated"], .ui.cards>.card .meta [class*="right floated"] {
  margin-right: 0;
  margin-left: .3em;
}
.ui.card [class*="right floated"], .ui.cards>.card [class*="right floated"] {
  float: right;
}
.ui.card .meta [class*="right floated"], .ui.cards>.card .meta [class*="right floated"] {
  margin-right: 0;
  margin-left: .3em;
  color: #242424;
  font-size: 16px;
}
.ui.card [class*="right floated"], .ui.cards>.card [class*="right floated"] {
  float: right;
}
.ui.circular.label, .ui.circular.labels .label {
  min-width: 2em;
  min-height: 2em;
  padding: .5em!important;
  line-height: 1em;
  text-align: center;
  border-radius: 500rem;
}
.ui.mini.button {
  padding: .6em 1em .6em;
}
.ui.small.label, .ui.small.labels .label {
  font-size: .78571429rem;
}
.ui.label {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0 .14285714em;
  background-color: #e8e8e8;
  background-image: none;
  padding: .5833em .833em;
  color: rgba(0,0,0,.6);
  text-transform: none;
  font-weight: 700;
  border: 0 solid transparent;
  border-radius: .28571429rem;
  -webkit-transition: background .1s ease;
  transition: background .1s ease;
}
.card .ui.green.button {
  background-color: #21ba45 !important;
}

.ui.green.button, .ui.green.buttons .button {
  background-color: #21ba45;
  color: #fff;
  text-shadow: none;
  background-image: none;
}
.ui.mini.button, .ui.mini.buttons .button, .ui.mini.buttons .or {
  font-size: .78571429rem;
}
.ui.button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: 0;
  border: none;
  vertical-align: baseline;
  background: #e0e1e2 none;
  color: rgba(0,0,0,.6);
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
  margin: 0 .25em 0 0;
  padding: .78571429em 1.5em .78571429em;
  text-transform: none;
  text-shadow: none;
  font-weight: 700;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: .28571429rem;
  -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;
  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
  transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
  transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
  transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
}

.ui.segments>.segment {
  top: 0;
  bottom: 0;
  border-radius: 0;
  margin: 0;
  width: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-top: 1px solid rgba(34,36,38,.15);
}

.commands {
  padding-bottom: 35px !important;
}
.legend {
  display: block;
  text-align: left;
  padding-top: 0;
}

.ui.compact.menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  vertical-align: middle;
  margin-right: 9px;
  height: 10px;
}
.ui.menu {
  display: flex;
  margin: 1rem 0;
  padding: 1rem;
  background: #fff;
  font-weight: 400;
  border: 1px solid rgba(34,36,38,.15);
  box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
  border-radius: .28571429rem;
  min-height: 2.85714286em;
}
.ui.menu>.item:first-child {
  border-radius: .28571429rem 0 0 .28571429rem;
}
.ui.menu:not(.vertical) .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui.menu .item {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: 0 0;
  padding: .92857143em 1.14285714em;
  text-transform: none;
  color: rgba(0,0,0,.87);
  font-weight: 400;
  -webkit-transition: background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
  transition: background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
  transition: background .1s ease,box-shadow .1s ease,color .1s ease;
  transition: background .1s ease,box-shadow .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
}
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: 0;
  text-align: left;
  -webkit-transition: width .1s ease,-webkit-box-shadow .1s ease;
  transition: width .1s ease,-webkit-box-shadow .1s ease;
  transition: box-shadow .1s ease,width .1s ease;
  transition: box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease;
  -webkit-tap-highlight-color: transparent;
}
.ui.checkbox {
  position: relative;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 0;
  vertical-align: baseline;
  font-style: normal;
  min-height: 17px;
  font-size: 1rem;
  line-height: 17px;
  min-width: 17px;
}
.ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0!important;
  outline: 0;
  z-index: 3;
  width: 17px;
  height: 17px;
}
.ui.checkbox label, .ui.checkbox+label {
  color: rgba(0,0,0,.87);
  -webkit-transition: color .1s ease;
  transition: color .1s ease;
}
.ui.checkbox .box, .ui.checkbox label {
  cursor: auto;
  position: relative;
  display: block;
  padding-left: 1.85714em;
  outline: 0;
  font-size: 1em;
}
.ui.checkbox .box:before, .ui.checkbox label:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  content: '';
  background: #fff;
  border-radius: .21428571rem;
  -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
  transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
  transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
  transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
  border: 1px solid #d4d4d5;
}

.arcs{
  display: inline-block;
  margin: 0px 22px 22px;
  border-radius: 105px;
  padding-top: 1px;
  width: 170px;
  height: 170px;
}


.arc_status_3{
  background: linear-gradient(153deg, rgba(177, 35, 35, 0.3) 0%, rgba(255, 84, 84, 0.3) 83%);
}

.arc_status_3::after{
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  background: linear-gradient(150.39deg, #FC5252 8.8%, #C32F2F 88.69%);
  box-sizing: border-box;
  margin-left: -166px;
  border-radius: 170px;
  margin-top: -4px;
}

 .bt_hover.arc_status_3 , .bt_hover_lock.arc_status_3{
  background: linear-gradient(153deg, #B12323 0%, #FF5454 83%) !important;
}

.bt_hover.arc_status_3 button, .bt_hover_lock.arc_status_3 button{
 background: linear-gradient(153deg, #DB5858 0%, #F59191 83%) !important;
}

.arc_lblue{
  background: linear-gradient(153deg, #008099 0%, #66E6FF 83%);
}

 
.bt_hover.arc_lblue , .bt_hover_lock.arc_lblue{
  background: linear-gradient(153deg, #0597b3 0%, #80e6f9 83%) !important;
}

.bt_hover.arc_lblue button, .bt_hover_lock.arc_lblue button{
 background: linear-gradient(153deg, #0597b3 0%, #80e6f9 83%) !important;
}

.arc_status_7{
  background: linear-gradient(153deg, #003366 0%, #66B3FF 83%);
}

.arc_status_7::after{
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  background: linear-gradient(153deg, #66B3FF 0%, #003366 83%);
  box-sizing: border-box;
  margin-left: -166px;
  border-radius: 170px;
  margin-top: -4px;
}
 
.bt_hover.arc_status_7 , .bt_hover_lock.arc_status_7{
  background: linear-gradient(153deg, #02519f 0%, #80c0ff 83%) !important;
}

.bt_hover.arc_status_7 button, .bt_hover_lock.arc_status_7 button{
 background: linear-gradient(153deg, #02519f 0%, #80c0ff 83%) !important;
}


.arc_status_1{
  background: linear-gradient(153deg, rgba(48, 154, 48, 0.3) 17.25%, rgba(103, 208, 103, 0.3) 91.37%);
}

.arc_status_1::after{
  background: linear-gradient(153deg, #A3F5CC 0%, #1FAD1F 83%);
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  box-sizing: border-box;
  margin-left: -166px;
  border-radius: 170px;
  margin-top: -4px;
}

.bt_hover.arc_status_1, .bt_hover_lock.arc_status_1{
  background: linear-gradient(153deg, #74bf74 17.25%, #b0f5b0 91.37%) !important;
}

.bt_hover.arc_status_1 button, .bt_hover_lock.arc_status_1 button{
 background: linear-gradient(153deg, #74bf74 17.25%, #b0f5b0 91.37%) !important;
}
 

.arc_status_2{
  background: linear-gradient(153deg, rgba(240, 157, 57, 0.3) 17.25%, rgba(255, 196, 77, 0.3) 83%);
}

.arc_status_2::after{
  background: linear-gradient(153deg, #E2C530 0%, #ffe76e 83%);
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  box-sizing: border-box;
  margin-left: -166px;
  border-radius: 170px;
  margin-top: -4px;
}


.bt_hover.arc_status_2, .bt_hover_lock.arc_status_2{
  background: linear-gradient(153deg, #E2C530 0%, #FFC44D 83%) !important;
}

.bt_hover.arc_status_2 button, .bt_hover_lock.arc_status_2 button{
 background: linear-gradient(153deg, #DFA968 0%, #FFD98C 83%) !important;
}
 

.ui.orange.button, .ui.orange.buttons .button {
  background-color: #E27E00;
  color: #fff;
  text-shadow: none;
  background-image: none;
  background: linear-gradient(153deg, #E27E00 20%, #ffb55c 80%);
  /*border: 2px solid rgba(255, 255, 255, 0.7);*/
} 

.arc_status_5{
  background: linear-gradient(153deg, rgba(238, 159, 13, 0.774) 17.25%, rgba(255, 183, 100, 0.87) 83%);
}

.arc_status_5::after{
  background: linear-gradient(153deg, #E27E00 17.25%, #faa43c 83%);
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  box-sizing: border-box;
  margin-left: -166px;
  border-radius: 170px;
  margin-top: -4px;
}


.bt_hover.arc_status_5, .bt_hover_lock.arc_status_5{
  background: linear-gradient(153deg, #db8925 17.25%, #FFC44D 83%) !important;
}

.bt_hover.arc_status_5 button, .bt_hover_lock.arc_status_5 button{
 background: linear-gradient(153deg, #DFA968 17.25%, #faad6e 83%) !important;
}
 
.arc_status_4{
  background: linear-gradient(153deg, rgba(180, 180, 180, 0.3) 25%, rgba(250, 248, 248, 0.425) 90%);
}

.arc_status_4::after{
  background: linear-gradient(153deg, #646464 25%, #b4b4b4 90%);
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  box-sizing: border-box;
  margin-left: -166px;
  border-radius: 170px;
  margin-top: -4px;
}


.bt_hover.arc_status_4, .bt_hover_lock.arc_status_4{
  background: linear-gradient(153deg, #505050 0%, #e0e0e0 83%) !important;
}

.bt_hover.arc_status_4 button, .bt_hover_lock.arc_status_4 button{
  background: linear-gradient(153deg, #505050 0%, #e6e6e6 83%) !important;
}


.ui.blue.button, .ui.blue.buttons .button {
  background: linear-gradient(153deg, #66B3FF 17.25%, rgb(128, 206, 241) 91.37%);
  /*border: 2px solid rgba(255, 255, 255, 0.7);*/
}

.arc_status_6{
  background: linear-gradient(153deg, rgba(94, 188, 231, 0.3) 17.25%, rgba(45, 196, 255, 0.3) 91.37%);
}

.arc_status_6::after{
  background: linear-gradient(153deg, #b3eaee 17.25%, #4f87bb 91.37%);
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  box-sizing: border-box;
  margin-left: -166px;
  border-radius: 170px;
  margin-top: -4px;
}

.arc-legend{
 background: #F5F5F5;
    border-radius: 16px;
    font-family: 'Marine';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #232629;
    height: 101px;
    display: flex;
    text-align: left;
    padding: 0px 8px;
    align-items: center;
    margin: 2px;
}


.bt_hover.arc_status_6, .bt_hover_lock.arc_status_6{
  background: linear-gradient(153deg, #5472c7 17.25%, #b3eaee 91.37%) !important;
}

.bt_hover.arc_status_6 button, .bt_hover_lock.arc_status_6 button{
  background: linear-gradient(153deg, #5472c7 17.25%, #b3eaee 90.22%) !important;
}



.ui.animated.button {
  position: relative;
  overflow: hidden;
  padding-right: 0!important;
  vertical-align: middle;
  z-index: 1;
}
.button.circular {
  display: inline-block;
  height: 162px;
  width: 162px;
  margin: 1em;
  font-size: 24px;
  font-weight: bold;
  border-radius: 50%;
}

.ui.button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: 0;
  border: none;
  vertical-align: baseline;
  background: #e0e1e2 none;
  color: rgba(0,0,0,.6);
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
  margin: 0 .25em 0 0;
  padding: .78571429em 1.5em .78571429em;
  text-transform: none;
  text-shadow: none;
  font-weight: 700;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: .28571429rem;
  -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;
  box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34,36,38,.15) inset;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
  transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
  transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
  transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
}
.ui.animated.button .visible.content {
  left: auto;
  right: 0;
}
.ui.animated.button .visible.content {
  position: relative;
  margin-right: 1.5em;
  width: 100%;
  padding: 10px;
  font-weight: bold;
}
.ui.animated.button .content {
  will-change: transform,opacity;
}
.ui.animated.button .hidden.content {
  top: 50%;
  left: auto;
  right: -100%;
  margin-top: -.5em;
}
.ui.animated.button .hidden.content, .ui.animated.button .visible.content {
  -webkit-transition: right .3s ease 0s;
  transition: right .3s ease 0s;
}
.ui.animated.button .hidden.content {
  position: absolute;
  width: 100%;
}

.ui.circular.button.disabled{
 opacity: 0.4 !important;
}

.ui.circular.button {
  border-radius: 10em;
  font-family: 'MarineBold';
  color: #000;
  font-size: 29px;
  margin: 0 auto;
  padding: 0px;
  /*margin: 0px 22px;*/
}
.ui.menu .item:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: rgba(34,36,38,.1);
}
.ui.menu .item>i.dropdown.icon {
  padding: 0;
  float: right;
  margin: 0 0 0 1em;
}
.legend .ui.menu .ui.dropdown .menu {
  padding: 0.5em !important;
}
.ui.menu .dropdown.item .menu {
  min-width: calc(100% - 1px);
  border-radius: 0 0 .28571429rem .28571429rem;
  background: #fff;
  margin: 0 0 0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
}
.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
  display: block;
}
.legend .ui.menu .ui.dropdown .menu>.item {
  padding: 0.3em !important;
}
.ui.menu .ui.dropdown .menu>.item {
  margin: 0;
  text-align: left;
  font-size: 1em!important;
  padding: .78571429em 1.14285714em!important;
  background: 0 0!important;
  color: rgba(0,0,0,.87)!important;
  text-transform: none!important;
  font-weight: 400!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  -webkit-transition: none!important;
  transition: none!important;
}
.ui.dropdown .menu>.item:first-child {
  border-top-width: 0;
}
.ui.dropdown .menu>.item>.flag, .ui.dropdown .menu>.item>.icon, .ui.dropdown .menu>.item>.image, .ui.dropdown .menu>.item>.label, .ui.dropdown .menu>.item>img, .ui.dropdown>.text>.flag, .ui.dropdown>.text>.icon, .ui.dropdown>.text>.image, .ui.dropdown>.text>.label, .ui.dropdown>.text>img {
  margin-left: 0;
  float: none;
  margin-right: .78571429rem;
}
.ui.red.label, .ui.red.labels .label {
  background-color: #db2828!important;
  border-color: #db2828!important;
  color: #fff!important;
}
.ui.yellow.label, .ui.yellow.labels .label {
  background-color: #fbbd08!important;
  border-color: #fbbd08!important;
  color: #fff!important;
}
.ui.green.label, .ui.green.labels .label {
  background-color: #21ba45!important;
  border-color: #21ba45!important;
  color: #fff!important;
}
.comandos{
  text-align: center;
}
 

.comandos-container{
  background: #fff;
  border-radius: 54px 54px 0px 0px;
  margin-top: 193px;
  width: min-content !important;
}

div.commands{
  margin-top: -193px;
}

 div.commands > .flexbox > div {
  flex:1;
 }

.bg-container-comandos{
  background: #fff;
  padding-bottom: 61px;
  margin-bottom: -40px;
  margin: 0 auto;
  min-height: 34vh;
}

.comandos-bg-ft{
  background: #fff;
  position: absolute;
  width: 90%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 172px;
  z-index: -1;
  height: auto;
}

.comandos .legenda{
  display: none;
  position: absolute;
  width: 707px;
  z-index: 10;
  top: 43px;
  left: 0;
  right: 0;
  margin: auto;
}
.ui.legend{
  text-align: center;
  margin-bottom: 45px;
  margin-top: 20px;
}

.zoom {
  transition: transform 0.25s ease;
  margin-right: 20px;
}

.zoom:hover {
  /*transform: scale(0.98);  
  box-shadow: 1px 2px 9px 1px #777;*/
}
.compact .simple{
  padding: 0px 4px 0px 8px !important;
}
.cardCheck{
  margin: 0;
  vertical-align: middle;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  margin: 1rem 0;
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
  background: #fff;
  font-weight: 400;
  border: 1px solid rgba(34,36,38,.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
  box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
  border-radius: .28571429rem;
  height: 41px;
  width: max-content;
  padding: 11px 2px 10px 12px;
  display: inline !important;
  float: none;
  margin-right: 10px;
  margin-left: 10px;
}
.cardCheck label{
  line-height: 25px !important;
}
.block-command{
  /*padding-bottom: 30px !important;*/
}
.block-command .card-situacao{
  margin: 10px auto 10px;
  min-width: 248px;
}
.block-command h5{
  margin: 10px auto 0px;
  color: #0f0f0f;
  font-size: 21px;
  font-family: Marine;
}
div.logo a {
  padding: 16px 14px;
  background: #fff;
  border-radius: 16px;
}
.lista-sirenes .card {
  margin: 10px auto;
}
.row-estacoes .card{
  min-height: 237px;
}
.label-disparos{
  font-size: 18px;
  text-align: center;
  margin-top: 1px;
  margin-bottom: 0px;
  color: #0f0f0f;
  font-weight: bold;
  font-family: 'Marine';
}
.grupo-estacoes{
  font-family: Marine;
  color: #0f0f0f;
  text-align: center;
}
.avatar{
  width: 34px;
  height: 34px;
  border-radius: 40px;
  border: solid 1px #fff;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  margin-left: -14px;
  overflow: hidden;
}
.check-todas > div {
  margin-right: 0px;
}


.modal-backdrop{
  z-index: 1;
}

.modal-confirmacao{
  margin: 20vh auto !important;
  text-align: center;
  background: #fff;
  width: 622px;
  height: min-content;
  border-radius: 10px;
  border: solid 1px #ccc;
  padding: 30px 20px 20px 20px;
}

.modal-confirmacao h4{
  font-family: 'Marine';
  font-weight: normal;
  font-size: 16px;
  margin-top: 40px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 2px;
}

.modal-confirmacao .actions{
  text-align: right;
  margin-top: 45px;
}

.modal-confirmacao .actions .cancel{
  background: #999999;
}

.modal-confirmacao .actions .button{
  color: #fff !important;
  font-weight: normal;
  font-family: 'MarineLight';
  font-size: 18px;
  border: none;
  border-radius: 5px !important;
}

.modal-confirmacao .actions .button img{
  margin-right: 10px;
  vertical-align: middle;
}

.modal-confirmacao .icoCloseModal{
  position: absolute;
  right: 10px;
  top: 11px;
  cursor: pointer;
}

.modal-confirmacao .message{
  width: 90%;
  text-align: center;
  color: #E03A3A;
  font-weight: normal;
  font-size: 18px;
  font-family: 'Marine';
  width: 95%;
  margin: 4px auto 30px;
  border-radius: 10px;
  padding: 11px 0px 3px 0px;
}

.modal-confirmacao .message.error{
  background: rgba(231, 59, 59, 0.3);
  color: #E03A3A;
}

.modal-confirmacao .message.success{
  background: rgba(89, 178, 89, 0.3);
  color: #59B259;
}

.modal-confirmacao .header{
  font-family: 'MarineBold';
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.8);
}

#resendCodeDisabled{
 cursor: not-allowed;
 color: #999;
}
#confirmarSmsDisabled{
 cursor: not-allowed;
}

#smscode, .modal-confirmacao input{
  text-align: center;
  width: 280px;
  height: 100px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  box-shadow: inset 4px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  font-family: 'Marine';
  margin-bottom: 17px;
  font-size: 20px;
  font-size: 60px;
  font-weight: bold;
}

.commandsResponse{
  display: flex;
  margin: 0 auto 22px;
  width: 86%;
  line-height: 38px;
  padding-left: 20px;
  border: 1px solid silver;
  border-radius: 10px;
  
  font-size: 18px !important;
  font-family: 'Marine';
  line-height: 45px;
  justify-content: center;
}


.statusRes_1{ /*Normal*/
  background: rgba(89, 178, 89, 0.3) !important;
  border: 2px solid #12CF2D !important;
  color: #242;
}

.statusRes_2{ /*Atencao*/
  background: rgba(255, 195, 76, 0.3) !important;
  border: 2px solid #E2C530 !important;
  color: #B57900;
}
.statusRes_3{ /*Emergencia*/
  background: rgba(255, 64, 64, 0.3) !important;
  border: 2px solid #E23C18  !important;
  color: #FF4040;s"
}
.statusRes_4{ /*Teste sonoro*/
  background: linear-gradient(153deg, #505050 17%, #c5c5c5 83%) !important;
  border: 2px solid #464646 !important;
  color: #333;
}
.statusRes_5{ /*Alerta*/
  background: rgba(177,97,0, 0.3) !important;
  border: 2px solid #e26600 !important;
  color: rgb(55, 55, 55);
}
.statusRes_6{ /*som_3*/
  background: rgba(102,179,255, 0.3) !important;
  border: 2px solid #66B3FF !important;
  color: rgb(34, 34, 34);
}
.statusRes_7{ /*som_4*/
  background: rgba(0,51,102, 0.3) !important;
  border: 2px solid #003366 !important;
  color: rgb(34, 34, 34);
}
.statusRes_8{ /*Teste visual*/
  background: linear-gradient(153deg, #505050 17%, #c5c5c5 83%) !important;
  border: 2px solid #464646 !important;
  color: #333;
}
.actions .positive{
  background-color: #00ACC1;
}

.actions > div:hover{
  opacity: 0.8;
}
.modal ul{
  list-style: none;
  padding: 0;
}

.titulo-flutuante{
  position: absolute !important;
  width: 100%;
  text-align: center;
  left: 0;
}
.sidebar-mini .logo-mini{
  overflow: hidden;
  background: #fff;
  margin: 10px auto !important;
  border-radius: 100px;
  width: 69px;
}

.sidebar-mini .logo-mini a {
  padding: 0px
}

.sidebar-mini .logo-mini a img{
  width: 89%;
}
.sidebar-mini .sideUser{
  display: none;
}
.sidebar-mini .avatar{
  margin: auto;
}
.sidebar-mini .user:after{
  /*background-color: transparent !important;*/
}

.content .meta span.ui{
  font-family: 'Marine';
  font-weight: normal;
  color: #242424 !important;
  font-size: 16px !important;
}
.box-icon{
  /* width: 36px; */
  display: flex;
  align-items: center;
}

.box-icon > div{
    width: 38px;
    display: inline-block !important;
    text-align: center;
    /*border: solid 1px #ffffff70;*/
    align-content: center;
    justify-content: center;
    margin-left: -10px;
    margin-right: 7px;
}

.box-icon > div > img{
  float: none !important;
  margin-right: auto !important;
}


.ui.error.message{
  display: none;
}
.red.bt_status{
  background: #FF4040 !important;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  font-family: Marine;
  font-style: normal;
  font-weight: normal;
  font-size: 10px !important;
  border: none !important;
}

.green.bt_status{
  border: none !important;
  background: #59B259  !important;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  font-family: Marine;
  font-style: normal;
  font-weight: normal;
  font-size: 10px !important;
}

#select-estacoes button{
    background-color: #fff;
    color: #565656;
    text-transform: capitalize;
    font-size: 14px;
    padding: 6px 18px;
    border-radius: 12px;
}
.card div.row-checklist{
    padding-bottom: 10px;
    display: block !important; 
    height: 26px;
}
.card div.row-checklist div:first-child{
 color: #787878 !important;
 font-size: 0.8vw;
 /*font-size: 16px;*/
}

.card div.row-checklist div:last-child{
color: #242424 ;
font-size: 0.8vw;
/*font-size: 16px;*/
}
.card div.row-checklist .green{
  color: #59B259 !important;
}
.status-barragem > div.card-situacao{
   margin: 10px auto 21px !important;
}

.status-barragem > h5{
  color: #242424;
  font-size: 20px;
}
.grupo-opcoes i{
  margin: 0 4px 0 9px;
}
.text-status{
  font-size: 18px;
  color: rgba(0,0,0,0.5);
}

.imagens-checklist{
  margin: 10px 0px;
  padding: 0px 10px;
}

/*dashboard*/

.card-dashboard{
    min-height: 156px;
}

.card-dashboard .card-header{
  border-radius: 4px;
    height: 37px;
    width: 90%;
    margin: 7px auto;
    font-family: 'MarineBold';
    font-size: 20px;
    text-align: center;
    line-height: 13px;
}
.card-dashboard  .estacao{
 font-family: 'Marine';
 font-size: 15px;
}

.card-dashboard .card-content{
  min-height: auto !important;
  text-align: center;
  padding: 5px !important;
}

.card-dashboard .card-footer{
 
}

/*row estacoes*/
.bg-fail{
  background: #ff9292 !important;
}
.bg-success{
  background: #95ff92 !important;
}

.grupo-estacoes > div{

}

.grupo-estacoes > div label{
font-weight: bold;
    margin-top: -5px;
    min-width: 217px;
}
 
.grupo-estacoes  div .links{
  margin-left: 15px;
  display: inline-block;
}

.grupo-estacoes  div .links > div{
  display: inline-block;
}

.grupo-estacoes  div .links .link{
    margin-left: 10px;
    font-size: 12px;
    font-family: 'Marine';
}

.grupo-estacoes  div .links .nome{
  color: #040405;
    background: #ededed;
    margin-left: 10px;
    padding: 3px 9px;
    border-radius: 9px;
    font-size: 12px;
    border: solid 2px #ccc;
    box-shadow: inset 1px 1px 3px 1px #fffefe;
}
.grupo-estacoes  div .links .result, .grupo-estacoes  div .links .is-closed{
  color: #040405;
    background: #ededed;
    margin-left: 10px;
    padding: 3px 9px;
    border-radius: 9px;
    font-size: 12px;
    border: solid 1px #999;
    min-width: 100px;
    display:none;
}
 
 #progressBar .label-pgs{
    width: 100%;
    position: relative;
    z-index: 9999;
    bottom: -51px;
 }
 #progressBar .step-progressbar-labels-wrapper{
  display: none !important;
 }

 .card-content .setaToogle{
    width: 24px;
    position: absolute;
    opacity: 0.6;
    margin-right: 12px;
    right: 6px;
    top: 15px;
    cursor: pointer;
    transition: all .3s ease-in-out;
 }

 .card-content .setaToogleVertical{
    transform: scaleY(-1);
 }

 .minHeigthZero{
  min-height:  0px !important;
  height: 73px;
 }
 .card-fotos{
    min-height: 33vh !important;
    max-height: 286px !important;
    overflow: hidden;
    border: inset 10px #fff;
    border-style: solid;
 }
 .card-fotos > div{
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 9px;
    position: absolute;
    background: url('/media/imagens/no-image.png');
    background-size: 210px;
    background-position: center;
    background-repeat: no-repeat;
 }
 .imagens-checklist{
    /*min-height: 515px;*/
    background: url('/media/imagens/no-image.png');
    background-size: 210px;
    background-position: center;
    background-repeat: no-repeat;
 }

 .imagens-checklist > div{
  width: 100%;
    max-height: 67vh;
    overflow: hidden;
    border-radius: 10px;
 }
 .card-fotos img{
    heigth: 90%;
    border-radius: 7px;
 }

 .pswp img {
    max-width: none !important;
    object-fit: contain !important;
}

.bgslider {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 70vh;
}
.form-relatorio .form-group{
  margin: 10px 0 0 0 !important; 
}

.form-relatorio .form-group input{
  background: #fff;
  border-radius: 10px;
   box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
  height: 32px;
  padding: 0px 10px;
}
#datatables_wrapper > div:last-child{
  margin-top: 10px;
}
.text-absolute p{
  position: absolute;
  color: #fff;
  font-size: 1px;
}
.btn-constru,.dt-button{
  background: #00B6CC !important;
  color: #C5F9FF !important;
  border-radius: 30px !important;
  padding: 10px 20px;
  border:none;
}
.loading-row{
  background: #fff;
  border-radius: 30px;
  width: 100%;
  height: 321px;
  opacity: 0.60;
  position: absolute;
  z-index: 99;
  display: none;
  text-align: center;
}
.loading-row img{
  margin-top: 130px;
}
.btn-tabs{
  align-items: center;
  padding: 8px 16px;
  background: #fff;
  border-radius: 30px;
  color: rgba(35, 38, 41, 0.5);
  cursor: pointer;
  margin-top: 12px;
  text-align: center;
}
.btn-tabs:hover{
opacity: 0.9;
}

.btn-tabs.active{
  background: #00B6CC;
  color: #C5F9FF;
}


.retorno-checagem{
  padding: 14px 25px;
}

.retorno-checagem span.lbl{
 color: #999;
    margin-bottom: 7px;
    border-bottom: solid 1px #ddd;
}

h4.title-card{
  color: rgba(35, 38, 41, 0.5);
  font-size: 1vw;
  margin-top: 0px;
  overflow-wrap: break-word;
}
.padding-card{
 padding: 14px 3px;
 min-height: 233px !important;
}
.dispnum{
  font-weight: bold;
  font-size: 36px;
  line-height: 46px;
  color: #232629;
  text-align: center;
  margin-top: 19px;
}
.retorno-checagem > div{
  font-weight: bold;
  font-size: 24px;
  color: #232629;
  text-align: left;
  margin-bottom: 13px;
  margin-top: 14px;
}
.retorno-checagem > div span{
  font-size: 12px;
  display: block;
}

.retorno-checagem  div:first-child{
  font-size: 18px;
}
.retorno-checagem  div::first-child span{
  font-size: 12px;
}

.retorno-checagem .positive{
  color: rgba(0, 102, 34, 0.5);
}
.retorno-checagem .negative{
  color: rgba(153, 0, 0, 0.5);
}

.pagina-relatorio h3{
  font-size: 18px !important;
  font-weight: bold !important;
  font-family:  "Marine" !important;
}
.overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: rgba(68, 68, 68, 0.4);
    top: 0;
}
.bg-card{
  border-radius: 16px;
  padding: 16px;
}
.bg-card p{
  text-align: left;
  margin-bottom: 0px;
  font-weight: normal;
font-size: 16px;
}
h4.atencao{
  color: #FF3333;
  font-size: 16px;
  text-align: left;
  margin: 0px;
  font-weight: bold;
}
.card-status{
 min-height: 177.05px;
}
.card-text{
 margin-bottom: 10px;
 padding: 10px 16px;
 min-height: 93.52px;
}
div.top-title{
  font-weight: bold;
  font-size: 24px;
  margin: -47px 0px 0px 92px;
  position: absolute;
}

.page-subtitle{
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  margin: 1px 0px 23px 0px;
  display: block;
}
.tag-status{
  height: 72.5px;
  border-radius: 16px;
  margin: 17px 0px 13px 0px;
  font-weight: bold;
  display: block;
  font-size: 18px;
  text-align: left;
}
.tag-status > div{
 display: inline-block;
 width: 46%;
 vertical-align: middle;
 margin-top: 12px;
}
.tag-status .icon-status{
 text-align: right;
 margin-right: 10px;
}


.bgcard_status_1{
  background: rgba(25, 230, 93, 0.3);
  color: #12A141;
}
.bgcard_status_2{
  background: rgba(255, 225, 1, 0.3);
  color: #FFC001;
}
.bgcard_status_3{
  background: rgba(255, 0, 0, 0.3);
  color: #FF0000;

}
.bgcard_status_4{

}

.mapa-legenda{
    position: absolute;
    width: 156.89px;
    height: 115px;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 4px;
    z-index: 9999;
    right: 48px;
    top: 87px;
    padding: 2px 12px;
}
.mapa-legenda h4{
font-weight: bold;
font-size: 12px;
line-height: 15px;
color: #000000;
text-align: left;
}

.mapa-legenda div{
display: block;
margin-bottom: 12px;
text-align: left;
}
.mapa-legenda img{
margin-right: 12px;
}
.mapa-legenda span{
font-size: 12px;
color: #000000;
}
.info-app .bg-card {
  display: flex;
  flex-direction: row;
  min-height: 92px;
}
.info-app .bg-card img{
 display: inline-block;
 margin-right: 15px;
}
.info-app .bg-card p{
 display: inline-block;
}

p.text-avatar {
    font-size: 14px;
    padding: 14px 0px 0px 0px;
}



.card-flex-row{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
}

.card-flex{
  width: 260px;
  margin: 12px 10px;
  padding: 16px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  border-radius: 16px;
  color: rgba(0,0,0, 0.87);
  background: #fff;
  min-height: 157px;
  font-family: 'Marine';
}

.card-flex .card-footer {

  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.card-flex .card-header{
  padding: 12px 20px 0;
}
.cmd-icon-status{
  padding: 8px;
}

.flexbox{
  display: flex;
}
.flexbox-column{
  flex-direction: column;
}
.flexbox-row{
  flex-direction: row;
}
.flexbox-between{
  justify-content: space-between;
}
.flexbox-center{
  justify-content: center;
}
.flexbox-align-start{
  align-items: start;
}
.flexbox-align-center{
  align-items: center;
  justify-content: center;
}
.flexbox-align-bottom{
  align-items: end;
}

.flexbox-start{
  justify-content: start;
}
.flexbox-end{
  justify-content: end;
}
.flexbox-around{
  justify-content: space-around ;
}

.sidebar .nav{
  margin-bottom: 40px;
}

.sidebar-mini .menu-grupo-sigla{
  display: block !important;
}
.sidebar-mini .menu-grupo-nome{
  display: none !important;
}

.sidebar-mini .menus-usinas b.caret{
  display: none !important;
}