* { margin: 0; padding: 0; }
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}

.mapa.detalheservico .ol-attribution.ol-uncollapsible {
	bottom: initial;
    top: 0;
}

.mapa.detalheservico .ol-attribution.ol-uncollapsible li{
	position: inherit;
    margin: inherit;
    color: inherit;
}

.mapa.detalheservico .ol-attribution.ol-uncollapsible li:before {
    content: initial;
    position: initial;
    left: initial;
    top: initial;
    background: initial;
    width: initial;
    height: initial;
    border-radius: initial;
}

.popover {max-width: 500px !important; z-index: 100 !important;}

.wrapper { position: relative; max-width: 100%; min-width: 900px; font-family: "Trebuchet MS"; }
.porcentro,
.poruser { position: relative; width: 48%; margin: 1%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px; float: left; background: #F7F7F7; border: 1px solid #ccc; border-radius: 4px; }

#centerUsers h3 { color: #666; padding-bottom: 2px; border-bottom: 2px solid #ddd; text-transform: uppercase; }
#centerUsers h4 { color: #666; padding-bottom: 2px; border-bottom: 1px solid #ddd; }
#centerUsers h5 { color: #666; margin: 5px 0; }


#centerUsers select { width: 100%; border-radius: 4px; margin: 20px auto; height: 30px; }
#centerUsers select option { color: #333; }
#centerUsers input[type="text"] { width: 100%; border-radius: 4px; margin: 20px auto; height: 30px; padding: 3px 10px; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 1px solid #A9A9A9; }
#centerUsers .poruser .caixa { position: relative; }
#centerUsers .poruser .caixa button{ position: absolute; right: 4px; top: 24px; padding: 3px 6px; background: #5E98D1; outline: none; border: none; border-radius: 2px; color: #fff; height: 22px; font-size: 12px; font-weight: 700; text-shadow: 0px 0px #FFF; }
#centerUsers .poruser .caixa button:hover { background: #2F6091; cursor: pointer; }



#centerUsers .porcentro p { position: relative; margin-top: 20px; color: #333; background: #fff; padding: 3px 6px; box-shadow: 1px 1px 3px #ccc; font-size: 14px; }
#centerUsers .porcentro p span { color: #888; padding-left: 5px; font-size: 12px; }
#centerUsers .porcentro p a { text-decoration: none; color: #487CCA; position: absolute; top: 1px; right: 5px; font-weight: 700; font-size: 16px; }
#centerUsers .porcentro p a:hover { color: #000; }
#centerUsers .porcentro p a:hover:after { content: "DESASSOCIAR"; position: absolute; top: -20px; left: -20px; font-weight: 400; font-size: 10px; }

#centerUsers table { width: 100%; outline: none; border-collapse: collapse; margin-top: 20px; }
#centerUsers table th { padding: 2px 5px; font-size: 12px; background: #487CCA; color: #fff; }
#centerUsers table td { padding: 5px; background: #fff; font-size: 12px; color: #666; }
#centerUsers table td a { text-decoration: none; color: #fff; background: #23B852; display: block; text-align: center; }
#centerUsers table td a:hover { background: #00962F; }



.detalheservico-portlet .progress {
    height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
	background-color: #cae2ba;
    background-image: none;
    border-radius: 3px;
    float: left;
    width: 100%;
    /* width: calc(100% - 50px); */
}

.detalheservico-portlet .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #659c41;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.detalheservico-portlet .temp-med { position: absolute; margin-bottom: 0; text-align: right; color: #000000; right:5px;}

.boxes .title { margin-bottom: 25px;  position: relative; overflow: auto;}
.boxes .title .horario { font-weight: 400; font-size: 13px; color: #666; font-style: italic; text-transform: lowercase; margin: 0 0 0 20px;}
.boxes .title .estado { font-weight: 600; font-size: 13px; color: #666; font-style: italic; text-transform: capitalize; margin: 10px 0 0 20px;}
.boxes .title .esp_lbl { font-size: 13px; margin-left: 20px; color: #666; font-weight: 400; }
.boxes .title .esp_num { color: #666; font-weight: 600;} 
.boxes .title .senha { 
    font-weight: 700;
    color: #222;
    font-size: 20px;
    margin: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    padding: 37.5% 0;
}

.boxes .box { 
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0;
    float: left;
}
.boxes .box .circvazio {
    position: absolute;
    width: 76px;
    height: 76px;
    border: 2px solid #ccc;
    z-index: 1;
    border-radius: 50%;
    top: 0px;
    left: 0px;
}

.boxes .box-info{ float: left;}

.boxes .title.A .senha .letter{color:#8b0000/* color: #2C9D36;*/}
.boxes .title.B .senha .letter{color:#8b0000/* color: #0060A9;*/}
.boxes .title.C .senha .letter{color:#8b0000/* color: #6C689D;*/}
.boxes .title.D .senha .letter{color:#8b0000/* color: #005580;*/}
.boxes .title.E .senha .letter{color:#8b0000/* color: #4486F7;*/}
.boxes .title.F .senha .letter{color:#8b0000/* color: #00662B;*/}  
.boxes .title.G .senha .letter{color:#8b0000/* color: #195A72;*/}

.boxes .title.A #progress-bar{background-color:#0060A9;/*background-color: #49CC55;*/}
.boxes .title.B #progress-bar{background-color:#0060A9;/*background-color: #0090FE;*/}
.boxes .title.C #progress-bar{background-color:#0060A9;/*background-color: #6C689D;*/}
.boxes .title.D #progress-bar{background-color:#0060A9;/*background-color: #908DB5;*/}
.boxes .title.E #progress-bar{background-color:#0060A9;/*background-color: #72A4F9;*/}
.boxes .title.F #progress-bar{background-color:#0060A9;/*background-color: #00CC56;*/}  
.boxes .title.G #progress-bar{background-color:#0060A9;/*background-color: #2996BE;*/}

@media (min-width: 992px) {
	.senhas .span6 {
	    margin-left: 40px !important;
	    width: 46.80% !important;
	}
	.row-fluid [class*="span"]:nth-child(odd) { margin-left: 0 !important;}
}