@charset "utf-8";
/* CSS Document */


body{padding-top:45px;color:#333;font-family:Arial;min-width:320px}
header{min-width:320px}

header h1{margin:3px 0 0 0;display:inline-block;padding:0;font-weight:600;font-size:1.2em;font-weight:normal}
header h2{margin:0;padding:0;font-size:1.7em}


.logompsp {
    background-image: url('../../images/Intranet/mpsplogo.png');
    background-repeat: no-repeat;
    height: 20px;
    width: 177px;
    display: inline-block;
    margin: 10px;
    vertical-align: middle;
}
.logompsp-xs{width:71px;}
.logo_sistema{background-image:url(../../images/Intranet/logo_votoeletronico.png);background-repeat:no-repeat;display:inline-block;;margin:0 5px;vertical-align:middle}
.logo_sistema-lg{width:70px; height:70px; background-position:top left}
.logo_sistema-xs{height:32px;width:32px;background-position: top left}
.nav-mp{box-shadow:#CCC 1px 2px 3px; min-height:40px; background-color:#EEE;padding:8px 0 0 0;}
.corpo{padding:15px;}
.corpo-voto{margin-top:30px}
.etapa{width:50px;color:#FFF; border-radius:5px;font-size:0.8em;text-align:center;padding:5px; margin:0px 15px 5px 0}
.etapa .nro-etapa{display:block;font-size:1.5em}
.nome-eleicao-inicial{font-size:1.7em;padding:5px}
li{list-style:none !important}
ul{margin:0;padding:0}
#liresolucao, #linavegador{display:none}
#btnIniciar{display:none}
.fixed{position:fixed;margin-right:20px}
.noscript{z-index:999999;padding:20px;margin:10vh 5vh 5vh 5vh}
.jumbotron{background-image:url(../../images/Intranet/bkg-min.jpg)}

ul.candidatos li *:focus, .botoes *:focus,  .modal-footer *:focus{outline:3px solid #337ab7 !important}
ul.candidatos{margin:0px;padding:0;}
ul.candidatos li,#div-confirmacao li div{list-style:none;border:1px solid #EAEAEA;margin:2px 0px;padding:0;border-radius:5px;font-size:1.12em;}
ul.candidatos li.selecionado{background-color:#008C69;color:#FFF; box-shadow:inset 1px 2px 3px #006149;}
#div-foto,#div-confirmacao{background-color:#FFF;padding:0}
#div-confirmacao{margin:0 15px}
#div-confirmacao li div{background-color:#008C69;color:#FFF; box-shadow:inset 1px 2px 3px #006149;padding:5px;width:100%}
#div-foto img{height:auto;width:100%;max-width:48.53vh;max-height:60vh}
#div-confirmacao img{height:auto;width:auto;max-height:60vh;width:100%;max-width:48.53vh;}
#div-foto div,#div-confirmacao div{border:0;display:inline-block;text-align:center;margin:0;padding:0;position:relative}
#div-confirmacao div{margin:0 0 0.5vh 0}
#div-confirmacao .branco{border:1px solid #CCC;display:block; border-radius:5px;padding:25px;box-shadow:inset 1px 1px 12px #87b3fe;font-size:1.2em}
#div-confirmacao .mais{display:block;font-size:2.5em;font-weight:bold}
.botoes{margin-top:0 !important;padding:10px 0 0 0;bottom:0;z-index:999999;}
.botoes a,.botoes button{margin:5px;}
.btn-xl{font-size:1.8em;border-radius:10px;padding:0.5em !important}
.corpo-voto label{vertical-align:middle;display:inline-block;width:100%;cursor:pointer;padding:7px 3px;margin:0;font-weight:300;-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */ }
.detalhe{margin:0;padding:0;font-size:0.65em}
#div-foto span.nome-candidato,#div-confirmacao span.nome-candidato{background-color:#000 !important;color:#FFF;padding:5px !important;border:0 !important;position:absolute;bottom:0;left:0;right:0;margin:auto;display:inline-block;width:100%;max-width:48.53vh}
.nulo{border:1px solid #900 !important;border-radius:10px; text-align:center;padding:11vh !important;color:#900;background-color:#FFF !important;width:100%; font-size:3em; font-weight:bold;}
.nuloplus {color:#900 !important}
.selecionado, .selecionado:hover, .selecionado:active, .selecionado:focus{background-color:#008C69 !important;color:#FFF !important;font-weight:bold;box-shadow:inset 1px 2px 3px #006149;border:1px solid #008C69}
.corpo-voto input[type="checkbox"],.corpo-voto input[type="radio"]{margin:10px;}
.txt-instrucao{font-size:1.15em;margin:0;padding:0}
.txt-seuvoto{font-size:1.4em;margin:0 0 10px 0;padding:2px; text-align:center; background-color:#EAEAEA;color:#333; border-radius:5px; letter-spacing:-0.036em}
.txt-instrucao{font-size:1.15em;margin:0;padding:0}
.txt-instrucao-modal{font-size:1.4em;margin:0 0 1.2em 0;padding:0.55em; text-align:center; background-color:#EAEAEA;color:#333; border-radius:5px; letter-spacing:-0.036em}
.txt-introducao-modal{font-size:1.55em;margin:0;padding:0px; text-align:center;color:#555;}
.seu-voto{margin:0;padding}
.btn-lg{padding:0 0 0 0 !important}
.destaque {color:#008C69;font-size:1.5em;vertical-align:middle}
.destaque-erro{color:#ac2925;font-size:1.2em;vertical-align:top}
.circulo{border-radius:50%;width:1.5em;height:1.5em;background-color:#008C69;color:#FFF;display:inline-block;text-align:center;padding:2px;font-weight:bold;margin:2px;font-size:1.4em;}
.btn.disabled.selecionado{opacity:1 !important; box-shadow:inset 1px 2px 3px #006149}
.ajuda{position:fixed;bottom:0;background-color:#fff;border:1px solid #CCC;z-index:9000;left:50%}
.btn {box-shadow:1px 1px 2px #a2a0a0}


#exibeCountBranco{padding:1em 0.2em; font-weight:bold;color:#666;font-size:1.15em}
#exibeCountBranco .glyphicon{font-size:1em;color:#286090;}

.steps{position:relative; text-align:center;font-size:1.2em}
.steps span.circulo {background-color: #FFF;border: 4px solid #CCC;color: #286090; padding: 0em;font-size: 1.em;width: 40px;height: 40px;}
.steps .glyphicon {font-size:0.8em !important}
.steps li{vertical-align:top;width:13.5%;display:inline-block; text-align:center;position:relative;padding:15px 3px 0 3px}
.steps .circulo{clear:both;position:absolute;top:0;left:40%;}
.steps .line{border-bottom:4px solid #DDD;position:absolute;top:5px;left:0;width:100%;z-index:0 !important}
.steps .rotulo{display:inline-block; margin-top:2em;width:80%;font-size:0.8em;font-weight:normal !important}
.steps .passado{background-color:#5cb85c !important;}
.steps .atual{background-color:#F60 !important;border:3px solid #F60 !important; color:#FFF !important}
.steps .futuro{background-color:#FFF !important;color:#555 !important}
.botoes label{display:inline-block;width:100%;height:2.3em;padding-right:16px}
#busca{position:absolute;z-index:1031; top:38px; right:0;padding:3px 15px}
#busca span .glyphicon{font-size:0.8em}
#busca input{padding:3px 5px; border:1px solid #CCC; box-shadow:1px 1px 2px #CCC;}
#rolagem{position:fixed;bottom:0;right:0;z-index:1039;display:none;width:100%;text-align:right;cursor:pointer}
#rolagem .alert{margin-bottom:0;padding:5px}
#rolagem .close{float:left;top:5px;right:-10px;}
.popover{
    
	max-width: 100%; /* Max Width of the popover (depending on the container!) */
}
.selecionado input:disabled+label {
    color:#FFF !important;
	opacity:100% !important;
}
input:disabled+label {
    color:#333 !important;
	opacity:100% !important;
}
.no-boxshadow #cabecalho{
    border: 1px solid #CCC;
    border-bottom: 3px solid #CCC;
	background-color:#EEE;
	position:absolute;
	top:0;
	width:100%;
}
.no-csscolumns .col-xs-4{
	width:20%;
}
.no-csscolumns h1{ padding:0}

#modal-confirma .modal-body{height:68vh;}
.modal-dialog{margin:3vh auto;}
#itensEtapa{width: 700px;}
.popover-title .close{margin-top:-5px}
.waiting {font-size:0.65em !important; text-align:center;color:#888;display:block}
@media (max-width:767px){
body.voto{margin-top:2.5em}
.logompsp {width:71px;margin:5px 0}
#div-foto span.nome-candidato,#div-confirmacao span.nome-candidato{background-color:rgba(0, 0, 0, 0.7) !important;}
h1{font-size:1.3em !important;font-weight:bold; margin-top:-10px !important;}
header h2{font-size:1.1em;font-weight:bold}
header .btn{padding:5px 8px;margin:0 -12px 0 3px}
header .btn.etapa{padding:5px 8px;margin:0 5px 0 -10px}
.steps{position:relative; text-align:left}
.steps li{width:100%;display:block; text-align:left;position:relative;padding:15px 3px 0 3px;}
.steps .circulo{vertical-align:top;position:relative;margin-top:0;left:0;display:inline-block}
.steps .line{border-bottom:0;display:none;}
.steps .rotulo{display:inline-block; margin-top:0; margin-left:0.2em;font-size:0.9em}
ul.candidatos li,#div-confirmacao li div{list-style:none;border:1px solid #EAEAEA;margin:2px 0px;padding:0;border-radius:5px;font-size:1.2em}
.btn-xl{font-size:1.35em}
#busca{top:0;position:relative; float:left;padding-left:0}
#busca input{width:135px}
#hash .btn{display:block;margin-left:0 !important;margin-top:15px;width:100%}
.logo_sistema-xs{margin:0 3px 0 -15px}
header h1{font-size:1.3em !important;margin-top:-5px !important;}
.corpo {padding-top: 0 !important;}
#itensEtapa{width:auto !important;}
#itensEtapa li{font-size:0.9em !important;font-weight:normal !important}
#etapaModal .rotulo {font-size:0.8em}
 #lblEleicaoModal {font-size:0.8em}
 #modalIniciar .txt-introducao-modal {font-size:1.3em}
}

@media (min-width:768px) and (max-width:992px){
.logompsp {width:71px}
.container {width:auto !important}
ul.candidatos li{font-size:1.05em;letter-spacing:-0.005em}
}



/* Base for label styling */
.corpo-voto [type="checkbox"]:not(:checked),
.corpo-voto [type="checkbox"]:checked,.corpo-voto [type="radio"]:not(:checked),
.corpo-voto [type="radio"]:checked  {
  position: absolute;
  left: -9999px;
}
.corpo-voto [type="checkbox"]:not(:checked) + label,
.corpo-voto [type="checkbox"]:checked + label,.corpo-voto [type="radio"]:not(:checked) + label,
.corpo-voto [type="radio"]:checked + label {
  position: relative;
  padding-left: 2.05em;
  cursor: pointer;
}

/* checkbox aspect */
.corpo-voto [type="checkbox"]:checked + label:before,.corpo-voto [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.2em; height: 1.2em;
  border: 2px solid #FFF;
  background: #FFF;
  border-radius: 0px;
  background-color:#008C69;
  margin:10px 10px;
}
/* checkbox aspect checked */
.corpo-voto [type="checkbox"]:not(:checked) + label:before,
.corpo-voto [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0px; top: 0px;
  width: 1.2em; height: 1.2em;
  border: 2px solid #CCC;
  background: #FFF;
  border-radius: 0px;
  background-color:#FFF;
  margin:10px 10px;
}
/* checked mark aspect */
.corpo-voto [type="checkbox"]:not(:checked) + label:after,
.corpo-voto [type="checkbox"]:checked + label:after,.corpo-voto [type="radio"]:not(:checked) + label:after,
.corpo-voto [type="radio"]:checked + label:after {
  font-family:'Glyphicons Halflings';
  content: '\e013';
  position: absolute;
  top: 1.6em; left: 1.4em;
  font-size: 0.6em;
  line-height: 0.8;
  color: #FFF;
}
/* checked mark aspect changes */
.corpo-voto [type="checkbox"]:not(:checked) + label:after,.corpo-voto [type="radio"]:not(:checked) + label:after  {
  opacity: 0;
  transform: scale(0);
}
.corpo-voto [type="checkbox"]:checked + label:after,.corpo-voto [type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.corpo-voto [type="checkbox"]:disabled:not(:checked) + label:before,
.corpo-voto [type="checkbox"]:disabled:checked + label:before,.corpo-voto [type="radio"]:disabled:not(:checked) + label:before,
.corpo-voto [type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.corpo-voto [type="checkbox"]:disabled:checked + label:after,.corpo-voto [type="radio"]:disabled:checked + label:after {
  color: #999;
}
.corpo-voto [type="checkbox"]:disabled + label,.corpo-voto [type="radio"]:disabled + label {
  color: #aaa;
}
/* accessibility */
.corpo-voto [type="checkbox"]:checked:focus + label:before,
.corpo-voto [type="checkbox"]:not(:checked):focus + label:before,.corpo-voto [type="radio"]:checked:focus + label:before,
.corpo-voto [type="radio"]:not(:checked):focus + label:before  {
  border: 2px solid #6C3;
}

/* hover style just for information */
.corpo-voto label:hover:before {
  border: 2px solid #CCC !important;
}


/* tela relatorio */

.corpo{padding-top:30px}


body.relatorio{background-color:#EAEAEA;}

.widget {
    color: #333;
    border-radius: 6px;
    margin: 0.5em 0;
    padding: 25px;
    min-height: 125px;
	width:100%;
	vertical-align:middle;
}

.widget-success {
    background-color: #11A296;
    color: #FFF !important;
}
.widget-encerrado {
    background-color: #006666;
    color: #FFF !important;
}
.widget p.desc {
    font-size: 1.2em;
    text-align: right;
    margin: 0;
    padding: 0;
}
.widget span.widg-icon {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 2.85em;
    float: left;
}
.widget span.data {
    text-align: right;
    font-weight: 100;
    font-size: 2.5em;
    display: block;
    line-height: 100%;
    margin: 0 0 5px 0;
	padding-top:3px;
}
.data-hora{font-size:1.4em; text-align:right; padding:20px 10px 0px 10px;}

.widget-center p.desc {
    text-align: center !important;
}
.widget-center span.data {
    font-size:1.8em !important;
	 text-align: center !important;
}
.widget-center span.widg-icon {
    position: relative;
    font-size: 3em;
    float: none;
	text-align:center;
	display:block;
	margin-bottom:30px;
}
tfoot{background-color:#444;color:#FFF;font-weight:bold}
table .label{font-size:0.85em;padding:0.3em}
.panel .form{padding:0px 20px}
.panel-fixed{height:50vh; overflow-y:scroll; min-height:50px;overflow-x:auto;}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{margin-left:0}


.widget .ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie {
    fill: #FFF !important;
}
.widget .ct-series-b .ct-area, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-slice-pie {
    fill: #11A296 !important;
}
.widget .ct-label{
	display:none;
}
.corpo h2{color:#666 !important}

#identidade{background-color:#EFEFEF;padding:1em;border-radius:5px; box-shadow:1px 2px 2px #CCC;margin-bottom:30px}
#identidade .nome{font-size:1.3em;font-weight:bold;color:#555;margin:0;padding:0}
#hash{background-color:#EFEFEF;padding:0.9em;border-radius:5px;font-size:1.3em; width:80%;margin:1.0em auto;}
#hash .btn{margin-left:50px;}



@media print{
	#hash{background-color:#EFEFEF;padding:0.9em;border-radius:5px;margin:20px auto;border:1px solid #000;font-size:1.5em}

}