/* Padroes de Estilo, nao incluir outros estilos **/

@charset "utf-8";
/* @import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css"); */
@import url("/SIADEN/publico/cemaden/template/css/bootstrap-glyphicons.css");

/* Resets */
body { padding-top: 15%;}
html, body {margin:0; padding:0; height:95.8%;}
h2 { color:#000; margin-top:15px; padding-top:0px; margin-bottom:0px;}

/** Boxs de Layouts **/
.geral { padding-left:20px;}
.row { width:100%;}
.topo { z-index:1001;} 

/** Cores icones **/
.corverde { color:#2d8a08;}
.corvermelho { color:#e43b1f;}
.corcinza { color:#333;} 

/** UI jquery --*/
.ui-dialog { z-index:9000;}
.datap { font-size:10px; float:right; margin-right:5px; color:#2b3e51 !important;}
.ativadasslider { margin:1px; height:6px !important; background-color:#baf1fd !important;}
.ativadasslider .ui-slider-handle { padding:3px !important; height:3px !important; background-color:#0096ec!important; margin-left:1px !important; margin-right:1px !important;}
.ativadasslider .ui-slider-range { background-color:#0096ec !important;}
 


.ui-accordion-header { font-size:12px !important;} 

/** Fonte icones **/
.fa { color:#222222;}
.fontawesome-icon-list div { padding:5px;}
	

/** Rodape **/
.rodape { position:relative; bottom:0px; width:100%; text-align:center; background-color:#1f253d !important; font-size:16px;}
.rodapelogin { text-align:center !important; color:#fff; font-size:16px; position:absolute; bottom:0; margin-bottom:30px; border:0px; width:100%}

/** Tela de Login */
.btn-login { border:2px solid #fff; color:#fff; font-size:16px; font-weight:bold;} 
.logingeral { padding-top:15%;}
.login h2 { color:#fff; margin-top:0px; padding-top:0px; margin-bottom:0px;}


/*Estilos do  Topo Menu */
.navbar { border-radius: 0px; background-color:#1f253d !important; font-size:16px; margin:0px; border:0px;}
.navbar .logo img {margin-left:8px; margin-top:5px;}
.navbar .logo a { color:#fff !important; font-weight:bold;}
.navbar .logo span {color: #00aced !important;}
.navbar .slogan { font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; float: left; padding: 10px; border-left: 1px solid #606d84; color: #6a778d; font-style: italic; margin: 4px 10px;}
.navbar .navbar-nav li a { color:#fff !important;}
.navbar .navbar-nav li a:hover { background-color:#252c49;}
.perfil { background-color:#1f253d; font-size:16px;}   /** Drop Menu Perfil **/ 
.usuario:hover { background-color:#252c49;}
.titulosub { text-transform:uppercase;} 
 
.azul {background:#00acec; height:15px; width:15px; margin-top:10px;  cursor:pointer;}
.verde {background-color:#16a085; height:15px; width:15px; margin-top:10px; cursor:pointer;} 
.vermelho {background-color:#ed5f5f; height:15px; width:15px; margin-top:10px; cursor:pointer;}
.violeta { background-color:#8d49aa; height:15px; width:15px; margin-top:10px; cursor:pointer;}
.verdeb {background-color:#1c8849; height:15px; width:15px; margin-top:10px; cursor:pointer;} 


/** Campo de titulos e Mensagens */
.mensagens{background:#00acec; color:#FFF; margin-bottom:20px; width:100%; display:table;}
.mensagens .msg{ padding-left:20px; font-size:16px; padding-top:10px; padding-bottom:10px;}
.msgDialog{ font-weight:normal;font-family: Arial; font-size: 12px !important;  text-align: justify;}  
.busca { margin-top:6px;}
.busca input { max-width:150px; float:right;} 

.usuarioe  > .open > a:focus {
    color: #555;
    background-color: #191e36 !important;
} 
/*Estilo Menu Multilevel*/
.multilevel dropdown {position:relative;}
.multilevel, .collapse, .navbar-collapse, .navbar-ex1-collapse { padding-left:0px}
.multilevel ul li { min-width:100px; }
.multilevel ul li a {text-decoration:none; border:0px;} 
.multilevel { background-color:#fff !important; font-size: 12px;}
.multilevel .active {cursor:pointer; background-image:url(/SIADEN/publico/cemaden/template/img/seta.png); background-position:bottom center; background-repeat:no-repeat;}
.multilevel .dropdown .dropdown-toggle {text-align: center;  font-size: 12px !important; color:#000 !important; border: 1px solid #DDDDDD; border-bottom:0px; border-left:0px;}
.multilevel .dropdown .dropdown-toggle:hover { background-color: rgba(86, 61, 124, 0.1); cursor:pointer; background-image:url(/SIADEN/publico/cemaden/template/img/seta.png); background-position:bottom center; background-repeat:no-repeat;  }
.multilevel .dropdown li a { color:#000 !important;}
.multilevel .sub-menu{ position:relative;}
.multilevel .sub-menu > .dropdown-menu { top:0; left:100%; margin-top:-6px; margin-left:-1px; -webkit-border-radius:0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; border-radius:0 6px 6px 6px;}
.multilevel .sub-menu:hover > .dropdown-menu{display:block;}
.multilevel .dropdown-menu a:hover { color:#fff !important; background-color:#252c49 !important; }
.multilevel .sub-menu a:hover { color:#fff !important;}
.multilevel .sub-menu > a:after{ display:block; content:" "; float:right; width:0; height:0; border-color:transparent; border-style:solid; border-width:5px 0 5px 5px; border-left-color:#cccccc; margin-top:5px; margin-right:-10px;}
.multilevel .sub-menu:hover > a:after{border-left-color:#ffffff;} 
.multilevel .sub-menu .pull-left{float:none;}
.multilevel .sub-menu.pull-left > .dropdown-menu{ left:-100%; margin-left:10px; -webkit-border-radius:6px 0 6px 6px; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px;}

.multilevel .sub-menu a:hover { background-color:#252c49 !important;}  

.icones .dropdown .dropdown-toggle {text-align: center;  font-size: 12px !important; color:#000 !important; border: 1px solid #DDDDDD !important;} 

.dropdown-menu>li {	position:relative; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */	-ms-user-select: none; /* IE10+ *//* Rules below not implemented in browsers yet */-o-user-select: none; user-select: none; cursor:pointer;}
.dropdown-menu .sub-menu {left: 100%; position: absolute;top: 0; display:none; margin-top: -1px; border-top-left-radius:0; border-bottom-left-radius:0; border-left-color:#fff; box-shadow:none;}
.right-caret:after,.left-caret:after {	content:""; border-bottom: 5px solid transparent; border-top: 5px solid transparent; display: inline-block; height: 0; vertical-align: middle; margin-left:5px;}
.right-caret:after { border-left: 5px solid #ffaf46; }
.left-caret:after {	border-right: 5px solid #ffaf46;}


/** Definicoes Responsivel e Mobile **/
.toggleMenu { font-weight:bold; text-decoration:none; color:#fff; } /* Menu Topo*/
.toggleMenu:hover { text-decoration:none; color:#fff;}

/*** CSS Menu horizontal icones dock */
/* dock - top */

/* dock2 - bottom */ 
#dock {
	width: 100%;
	bottom: 65px !important;
	position:relative; 
	left: 0px;
	z-index:9999 !important; 
   
	

}
.dock-container {
	position: absolute;
	height: 50px;
	padding-left: 20px;



}
a.dock-item {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
	
}
.dock-item span {
	display: none;
	padding-left: 20px;
	
	
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}



/* Media Querys */
@media (min-width: 768px) {
.bs-glyphicons li {
    width: 12.5%;
}

}

/* menssagem de erro da validacao*/
.error{
	color:#b94a48;
	border-color:#b94a48 !important;
}