@font-face {
    font-family: 'humnst777_btroman';
    src: url('humanist_777_bt-webfont.eot');
    src: url('humanist_777_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('humanist_777_bt-webfont.woff') format('woff'),
         url('humanist_777_bt-webfont.ttf') format('truetype'),
         url('humanist_777_bt-webfont.svg#humnst777_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	padding: 0;
	margin: 0;
	font-family: 'humnst777_btroman';
	color: #fff;
	background:#15589c;
	font-size: 14px;
}

div#container {
	width: 970px;
	margin: 0 auto;
}


/* ---- TOPO ---- */

div#topo { width: 970px;	height:101px; margin: 30px auto 0; position:relative;}

div#logo_site { float:left; width:228px; height:101px; background: url(../img/layout/logo_site.gif) no-repeat center center; margin-left: 9px;}

div.img-usuario { float:left; margin:0 15px; width:97px;	height:101px;}

div#box_opcoes_topo { position:relative; float:left; width:604px; height:101px;	background:#00a9e0;}

.titulo-pag{width:180px; float:left; height:101px;}

.filtro-asv-topo{position: absolute; bottom: 10px; left: 15px;}

.notificacao-topo{float:left; position:relative; margin-left:10px;}
.notificacao-topo span{ float: none !important; position: relative; font-size: 10px; background: red; padding: 1px 2px; top: -19px; right: 12px;}

.notificacao-topo:hover .quadro-notificacao{left: 0;}


.quadro-notificacao{width:260px; border:1px solid #15589e; position:absolute; background:#58D1F8; z-index:9999; left:-9999px;}
.quadro-notificacao ul{float: left; margin:0; padding:0; list-style: none;}
.quadro-notificacao ul li{padding:10px; font-size:12px; text-transform: none; float:left; width: 92%;}

.quadro-notificacao .mensagem{background: #ddd; text-align: center; font-size:14px; padding:5px;width: 250px;}
.quadro-notificacao .mensagem a{color:#717070; text-decoration:none;}
.quadro-notificacao .mensagem:hover{background: #717070; }
.quadro-notificacao .mensagem:hover a{color: #ddd; }

.quadro-notificacao ul li:hover{background: #8ae1fd;}
.quadro-notificacao ul li a{color:#15589e;}
.quadro-notificacao ul li:hover a{color:#15589e; width: 100%;}

.quadro-notificacao ul li img{float:left;}
.quadro-notificacao ul li p{float:left; margin-left:8px; margin: 5px 0 0 10px; width: 75%;}
.quadro-notificacao ul li strong{float:left; margin-left:8px; width: 75%;}


.not-os{width:240px !important;}
.not-os span{margin:0; width: 100%;}
.not-os strong{margin:0; width:100%;}
.not-os p{margin:0;}

span#titulo_topo { position:absolute; display:block;	top:13px; left:20px; font-size:19px; text-transform: uppercase; width:350px;}

span#titulo_topo span{ float:left;}
span#titulo_topo small{ width:100%; float:left;}

small#subtitulo-topo { bottom: 7px; display: block; font-size: 16px; left: 20px;  position: absolute;}

small#subtitulo-topo img{	float:left;}

small#subtitulo-topo span{ float:left; margin:10px;}

div#busca_topo{float:right; width:399px;}
div#busca_topo ol{float:left; list-style:none; margin:0; padding:0;}
div#busca_topo li{width:100%; float:left;}

span#bt_logout {	width:77px;	height:23px; float:right; background: url(../img/layout/bt_logout.png) no-repeat; margin:15px 15px 0 0;}

form#form_busca{float:right; margin:15px 15px 0 0;}

input.input_busca { float:left; border:0; outline:none; width:200px; height:33px;	color:#17589C;}

input.bt_busca {	float:left;	margin-left:10px; border:0;	background:#fff; padding:0 10px; outline:none; height:33px; color:#00a9e0;}
/* ---- fim TOPO ----*/

/* Home */

img{border:0;}
.box-left{margin-top:15px; width:257px; float:left;}

.box-right { width: 732px !important; float: right; margin: 0 !important; }

.foto-usuario{ background: none repeat scroll 0 0 #00a9e0; margin-right: 8px; height:162px; padding: 6px 6px 7px; width: 139px; float:left;}
.foto-usuario span{ color: #fff; display: block; font-size:12px; text-align: center;}
.foto-usuario span.perfil-user{  display: block; font-size: 11px; text-align: center; margin-top: 7px; width: 100%; float: left;}

#nav{position:relative; margin: 8px 0 0 !important;}
#nav, #nav ul{margin:0; padding:0; list-style:none; float:left; width:62px;}

#nav li{position:relative; float:left;}

#nav li small img{margin-top: 10px;}
#nav li img{margin-top: 8px;}

#nav ul{left: -9999px; position:absolute; z-index:999; top:0;}
#nav ul img{margin:5px 0;}
#nav ul div{background:#f4f4f4; padding-bottom:5px; width: 758px;}
#nav a{display: block;}
#nav small{font-size:14px; text-align:center; display:block;}
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul {left: 69px;}

.icone-novidades{float:left;}

.bt-alterar{ background: none repeat scroll 0 0 #00A9E0; float: left; /*margin-top: 8px;*/ padding: 4px 7px 0; width: 55px; min-height:51px;}
.bt-alterar a{ font-size:12px; color:#fff; text-decoration:none; float: left; display:block; padding:0 0 0px 0;}
.bt-alterar .bt-alterar a{ font-size:16px; color:#333; text-decoration:none; text-align:center; width:100px; float: left; display:block; padding:14px 0 5px 7px;}
.bt-alterar span{width:100px; font-size:12px; display:block;}
.bt-alterar img.img-select{background: #fff;}

.bt-alterar:hover{background-color: #8ae1fd; }
.bt-alterar:hover small{color:#15589e;}

.logos-empresas{ background: none repeat scroll 0 0 #8AE1FD !important; float: left; margin-top: 11px; padding: 3px !important; width: 654px !important;}
.logos-empresas a{ font-size:13px; color:#fff; text-decoration:none; float: left; display:block; padding:14px 0 5px 7px;}
.logos-empresas .bt-alterar a{ font-size:16px; color:#333; text-decoration:none; text-align:center; width:100px; float: left; display:block; padding:14px 0 5px 7px;}
.logos-empresas span{width:100px; font-size:12px; display:block;}
.logos-empresas img.img-select{background: #fff;}

.logos-empresas li{width:97px; height: 47px; border: 3px solid transparent; background: #fff; margin:3px; float:left;}
.logos-empresas li img{margin:0 !important; float:left;}

.nivel3{display: none; width: auto !important; left: 100px !important; padding:3px 3px 0!important; position: absolute !important; top: -3px !important; background: #00a9e0;}
.logos-empresas li:hover{background-color: #8AE1FD;} 
.logos-empresas li:hover ul.nivel3{ display:block;}

.nivel3 li{float: left; width: 200px !important; padding: 0 0px; position: relative; height: auto !important; margin:0 0 3px !important; background: #B3B3B3;}
.nivel3 a{padding: 0 !important;}

#nav2{position:relative; margin: 4px 0 0 !important;}
#nav2, #nav2 ul{margin:0; padding:0; list-style:none; float:left; width:62px;}

#nav2 li{position:relative; float:left;}

#nav2 ul{left: -9999px; position:absolute; z-index:999;}
#nav2 ul img{margin:5px 0;}
#nav2 ul div{background:#f4f4f4; padding-bottom:5px; width: 758px;}
#nav2 a{display: block;}
#nav2 small{font-size:14px; text-align:center; display:block;}
#nav2 li:hover ul.nivel3{ display:block;}

.select-tipo{background: none repeat scroll 0 0 #00A9E0; float: left; padding: 7px; width: 68px; margin-top:5px; height:36px;}
.select-tipo ul{left: 80px !important; top:0 !important;}
.select-tipo ul li{padding:5px;}
.select-tipo ul li a{color:#fff; text-decoration:none;}

#nav2 li:hover{background:#8ae1fd;}
#nav2 li:hover small{color:#15589e;}

.select-tipo ul li:hover{background:#8ae1fd;}
.select-tipo ul li:hover a{color:#15589e;}

.menu-vertical{width:100%; margin:0; padding:0; list-style:none;}
.menu-vertical li{float:left; width:230px; padding:0 10px; margin:10px 0 0 !important; height: auto; background:#00a9e0; position:relative;}
.menu-vertical li div{width:45px; height:43px; float:left; text-align:center;}
.menu-vertical li div img{margin-top:5px;}
.menu-vertical li span{vertical-align: middle;display: table-cell; height: 45px;}
.menu-vertical li span a{margin-top: 0;}

.menu-vertical li:hover{ background:#8ae1fd;}
.menu-vertical li:hover a{color:#15589e;}

.menu-vertical li img{}
.menu-vertical li a{float:left; color:#fff; text-decoration:none; font-size:18px; margin:12px 0 0 12px;}
.menu-vertical li a.relatorio{float:left; color:#fff; text-decoration:none; font-size:15px; margin: 14px 0 0 12px;}
.menu-vertical li .submenu div { float: left; height: 30px; margin-top: 5px; text-align: center; width: 37px;}
.menu-vertical li .submenu div img{margin-top:0;}
.menu-vertical li .submenu a{ font-size: 16px; margin: 10px 0 0; line-height:16px;}

/* menu score_card.php */
.menu-vertical li.bsc a{ background: url("../img/layout/img-indicadores.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}
.menu-vertical li.bsc:hover a{ background: url("../img/layout/img-bsc.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}

.menu-vertical li.scorecard a{ background: url("../img/layout/img-indicadores.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}
.menu-vertical li.scorecard:hover a{ background: url("../img/layout/img-bsc.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}

.menu-vertical li.p4p a{ background: url("../img/layout/img-indicadores.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}
.menu-vertical li.p4p:hover a{ background: url("../img/layout/img-bsc.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}

.menu-vertical li.audits a{ background: url("../img/layout/img-indicadores.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}
.menu-vertical li.audits:hover a{ background: url("../img/layout/img-bsc.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}

.menu-vertical li.legal-cases a{ background: url("../img/layout/img-indicadores.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}
.menu-vertical li.legal-cases:hover a{ background: url("../img/layout/img-bsc.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}

.menu-vertical li.spare-parts a{ background: url("../img/layout/img-indicadores.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}
.menu-vertical li.spare-parts:hover a{ background: url("../img/layout/img-bsc.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}

.menu-vertical li.inovaices a{ background: url("../img/layout/img-indicadores.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}
.menu-vertical li.inovaices:hover a{ background: url("../img/layout/img-bsc.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}

.menu-vertical li.dissatisfied a{ background: url("../img/layout/img-indicadores.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}
.menu-vertical li.dissatisfied:hover a{ background: url("../img/layout/img-bsc.png") no-repeat scroll 0 2px transparent; margin: 0; padding: 13px 13px 13px 57px;}

.icone-relogio{position:absolute; bottom:10px; right:10px;}
.icone-down{position:absolute; bottom:10px; right:10px;}

.descricao-score_card .qd-ranking{width:105px; height:98px; float:left; background: #63c5c6; margin-left: 15px; position:relative; }
.descricao-score_card .qd-ranking span.titulo-qd{  color: #FFFFFF; float: left; font-size: 16px; margin:6px 11px 0 6px;}
.descricao-score_card .qd-ranking span.data-qd{  color: #FFFFFF; float: left; font-size: 15px; line-height: 19px; margin: 7px 9px 0 6px;}
.descricao-score_card .qd-ranking span.quantidade-qd{  bottom: 10px;  color: #FFFFFF;  float: left; font-size: 30px;  left: 10px;   line-height: 19px; position: absolute;}
.descricao-score_card .qd-ranking .icone{ background: url("../img/layout/ranking.png") no-repeat scroll 0 0 transparent; bottom: 5px;  height: 44px; position: absolute; right: 5px; width: 34px;}
/* fim menu score_card.php*/


/* submenu Menu Vertical */
	.menu-vertical, .menu-vertical ul{margin:0; padding:0; list-style:none; float:left;}
	.menu-vertical ul li{width:255px; margin-top:0px !important; background:#8ae1fd; border-bottom:1px solid #15589C;}

	.menu-vertical ul{display:none; position:absolute; left: 229px; top: 0px; z-index: 9999;}
	.menu-vertical a{display: block;}

	.menu-vertical li:hover ul, .menu-vertical li li:hover ul, .menu-vertical li.over ul, .menu-vertical li li.over ul {display: block;}
/* submenu Menu Vertical */


#nav-filtro-asv{position:relative; margin: 8px 0 0 !important;}
#nav-filtro-asv, #nav-filtro-asv ul{margin:0; padding:0; list-style:none; float:left; width:62px;}

#nav-filtro-asv li{position:relative; float:left;}

#nav-filtro-asv li small img{margin-top: 10px;}
#nav-filtro-asv li img{margin-top: 8px;}

#nav-filtro-asv ul.submenu{left: -9999px; position:absolute; z-index:999; top:0;}
#nav-filtro-asv ul.submenu img{margin:5px 0;}
#nav-filtro-asv ul.submenu div{background:#f1f1f1; padding-bottom:5px; width: 660px;}
#nav-filtro-asv a{display: block;}
#nav-filtro-asv small{font-size:14px; text-align:center; display:block;}
#nav-filtro-asv li:hover ul.submenu1, #nav-filtro-asv li.over ul.submenu1 {left: 69px;}

.submenu1 li:hover ul.submenu2, .submenu1 li.over ul.submenu2 { left: 95px !important; top: -5px !important; }

.li-empresa{float:left; width:75px; padding:10px; margin:5px 0 0 5px; background:#00a9e0; position:relative;}

#nav-filtro-asv ul.submenu{width: 105px !important;margin:0; padding:0 0 5px !important; list-style:none; background-color: #f1f1f1 ;}
.asv_loja {float:left; width:75px; padding:10px; margin:5px 0 0 5px; background:#00a9e0; position:relative;}
.asv_loja a.tipo_filtro{font-size: 16px; display: block;}

.asv_loja .submenu-asv{display: none; position: absolute; z-index: 99999; top: -5px; left: 95px;}
.asv_loja .submenu-empresas{display: none;}

.asv_loja .logo-asv-lista{  background-color: #fff; padding: 3px !important; margin: 2px; height: 55px}
.asv_loja .all-asv{padding-top: 20px !important; height: 37px;}

.asv_loja .submenu-empresas{display: none; position: absolute; z-index: 99999; top: -5px; left: 95px;}
.asv_loja .submenu-empresas ul{z-index: 99999;}
.asv_loja .submenu-empresas{display: none;}

.li-empresa:hover {background-color: #8AE1FD ; color: #000;}
.asv_loja:hover {background-color: #8AE1FD ; color: #000;}
.asv_loja:hover a.tipo_filtro{color: #15589c !important;}
.asv_loja:hover .submenu-asv{display: block;}
.asv_loja:hover .submenu-asv a{color: #000 !important;}
.asv_loja:hover .submenu-empresas{display: block;}

.azulejo-notificacao{ background: none repeat scroll 0 0 #00A9E0; float: left; margin-top: 5px; padding: 4px 7px 0; width: 55px; min-height:51px;}
.azulejo-notificacao a{ font-size:12px; color:#fff; text-decoration:none; float: left; display:block; padding:0 0 0px 0;}
.azulejo-notificacao .bt-alterar a{ font-size:16px; color:#333; text-decoration:none; text-align:center; width:100px; float: left; display:block; padding:14px 0 5px 7px;}
.azulejo-notificacao span{width:100px; font-size:12px; display:block;}
.azulejo-notificacao img.img-select{background: #fff;}

.azulejo-notificacao:hover{background-color: #8ae1fd; }
.azulejo-notificacao:hover small{color:#15589e;}

#nav-notificacao{list-style: none; position:relative;}
#nav-notificacao, #nav-notificacao ul{margin:0; padding:0; list-style:none; float:left; width:62px;}

#nav-notificacao ul{left: -9999px; position:absolute; z-index:999; top:8px !important;}
#nav-notificacao ul img{margin:5px 0;}
#nav-notificacao ul div{background:#f4f4f4; padding-bottom:5px; width: 758px;}
#nav-notificacao a{display: block;}
#nav-notificacao small{font-size:14px; text-align:center; display:block;}
#nav-notificacao li:hover ul, #nav-notificacao li li:hover ul, #nav-notificacao li.over ul, #nav-notificacao li li.over ul {left: 69px; }

#nav-notificacao small img{margin-top: 10px;}

#nav-notificacao ul li{float:left; width:240px; padding:0 10px; background:#00a9e0; position:relative;}
#nav-notificacao ul li:hover{background: #8ae1fd;}
#nav-notificacao ul li a{color:#15589e; width: 100%;}
#nav-notificacao ul li:hover a{color:#15589e; width: 100%;}

#nav-notificacao ul li img{float:left;}
#nav-notificacao ul li p{float:left; margin-left:8px; margin: 5px 0 0 10px; width: 75%;}
#nav-notificacao ul li strong{float:left; margin:4px 0 0 8px; width: 75%;}

#nav-notificacao .mensagem{background: #ddd; text-align: center;  padding:5px; width: 250px;}
#nav-notificacao .mensagem a{color:#717070; text-decoration:none; font-size:14px !important;}
#nav-notificacao .mensagem:hover{background: #717070; }
#nav-notificacao .mensagem:hover a{color: #ddd; }

.azulejo-notificacao span{float: none !important; position: absolute; font-size: 10px; background: red; padding: 1px 2px; top: 14px; right: 10px; width: auto;}

#nav-menu-app-web{list-style: none; position:relative;}
#nav-menu-app-web, #nav-menu-app-web ul{margin:0; padding:0; list-style:none; float:left; width:62px;}

#nav-menu-app-web i{font-size: 30px; margin-top: 9px;}

#nav-menu-app-web ul{left: -9999px; position:absolute; z-index:9999999;}
#nav-menu-app-web ul img{margin:5px 0;}
#nav-menu-app-web ul div{background:#f4f4f4; padding-bottom:5px; width: 758px;}
#nav-menu-app-web a{display: block;}
#nav-menu-app-web small{font-size:14px; text-align:center; display:block;}
#nav-menu-app-web li:hover ul, #nav-menu-app-web li li:hover ul, #nav-menu-app-web li.over ul, #nav-menu-app-web li li.over ul {left: 69px;}

.menu-app-web{ background: none repeat scroll 0 0 #00A9E0; float: left; margin-top: 5px; padding: 4px 7px 0; width: 55px; min-height:51px;}
.menu-app-web a{ font-size:12px; color:#fff; text-decoration:none; float: left; display:block; padding:0 0 0px 0;}
.menu-app-web .bt-alterar a{ font-size:16px; color:#333; text-decoration:none; text-align:center; width:100px; float: left; display:block; padding:14px 0 5px 7px;}
.menu-app-web span{vertical-align: middle; display: table-cell; height: 45px;}
.menu-app-web img.img-select{background: #fff;}

.menu-app-web:hover{background-color: #8ae1fd; }
.menu-app-web:hover small{color:#15589e;}

.menu-interno-app-web{width:635px !important; margin:0; padding:0 0 5px !important; list-style:none; top:8px; background-color: #f1f1f1;}
.menu-interno-app-web li{float:left; width:185px; padding:0 10px; margin:5px 0 0 5px; background:#00a9e0; position:relative;}
.menu-interno-app-web li div{width:45px !important; height:39px; float:left; text-align:center; background-color: transparent !important;}
.menu-interno-app-web li div img{margin-top:5px;}

.menu-interno-app-web li:hover{ background:#8ae1fd;}
.menu-interno-app-web li:hover a{color:#15589e;}

.menu-interno-app-web li a{float:left; color:#fff; text-decoration:none; font-size:14px; margin:12px 0 0 12px;}
.menu-interno-app-web li a.relatorio{float:left; color:#fff; text-decoration:none; font-size:12px; margin: 14px 0 0 12px;}
.menu-interno-app-web li .submenu li { background:#ccc;}
.menu-interno-app-web li .submenu li:hover { background:#8ae1fd;}
.menu-interno-app-web li .submenu div { float: left; height: 32px; margin-top: 5px; text-align: center; width: 37px;}
.menu-interno-app-web li .submenu div img{margin-top:0;}
.menu-interno-app-web li .submenu a{ font-size: 14px; margin: 0 0; line-height:20px;}
.menu-interno-app-web li .submenu li:hover a{ color: #fff;}

.menu-interno-app-web li ul{display: none;background: #00a9e0; right: -229px !important; width: 215px !important; padding-bottom: 5px !important;}
.menu-interno-app-web li:hover ul, .menu-interno-app-web li li:hover ul, .menu-interno-app-web li.over ul, .menu-interno-app-web li li.over ul {left: -5px !important; display: block; top: 44px;}

.quadros-left {
  float: left;
  width: 260px;
}

.box-right h3 {
  float: left;
  font-size: 18px;
  color: #fff;
  margin: 0;
  font-weight: normal;
}


#container-home{float: left; margin-top: 15px;}
#container-home h3{float:left; font-size:18px; color:#fff; margin:10px 0 0 10px; font-weight:normal;}
#container-home a{color: #fff; text-decoration: none}

.box-identificacao{float: left; width: 260px;}
.box-identificacao .menu-vertical li{width: 209px;}
/*.box-identificacao .foto-usuario{width: 115px !important;}
.box-identificacao .foto-usuario img{width: 115px !important;}
*/
.scorecard{background:#bf1e4a; float:left; /*padding:5px;*/ width:680px; position: relative; height: 229px; margin: 0 0 15px 10px;}
.scorecard img{position: absolute; right:15px; top:15px; display: none;}
.scorecard div.dados{background:#bf1e4a; float:left; width:100%;}

.scorecard div.dados .dados-atualizacao{width:250px; float:left; margin: 27px 0 11px 10px; }
.scorecard div.dados span.atualizacao{font-size:16px; width:250px; float:left;}
.scorecard div.dados span.data-atua{font-size:20px; width:250px; float:left; margin-top:7px;}

.scorecard div.dados .tarefas{width:430px; float:right; /*padding-top:10px;*/ position:relative;}
.scorecard div.dados .tarefas span.num-tarefas{font-size: 70px !important; line-height: 70px; float: left; margin-top: 22px !important;}
.scorecard div.dados .tarefas span{font-size:22px;   margin-top: 34px !important;}

.scorecard div.dados .tarefas .mais-scorecard{ position: absolute; bottom: 6px; right: 15px; top: inherit;}

.scorecard table{ border: 0 none;   margin: 10px 0 0 9px; width: 696px; text-align:center; float: left;}
.scorecard table thead tr.linha{background:#cf5677; height:26px; color:#fff; text-align:center; font-size:14px;}
.scorecard table th{border: 1px solid transparent;}

.scorecard table tbody .bg-branco{background:#fff; height:25px; color:#bf1e4a; text-align:center; font-size:14px;}
.scorecard table tbody .bg-rosa{background:#efc7d2; height:25px; color:#bf1e4a; text-align:center; font-size:14px;}
.scorecard table tbody td{border:1px solid transparent; }
.scorecard table tbody td img{border: 0; width:16px; }

.chamadas{background:#dac723; float:left; margin-bottom:15px; position:relative;  height: 229px;}
.chamadas h3{width:100%; padding-bottom:10px;}
.chamadas span.nume-chamadas{font-size: 55px; margin-right: 15px; float: left; line-height: 55px;}
.chamadas span.titulo-chamada{font-size: 16px; line-height: 17px; float: left; margin-top: 5px; height: 42px;}
.chamadas a{float:left; width:100%; color:#fff !important; }
.chamadas a img{float:left; margin: 0 10px;}
.chamadas img.icone{position:absolute; right:10px; top:10px;}
.chamadas ol{margin:0 10px; padding:0; list-style:none;}
.chamadas ol li{width:100%; float:left; margin-top: 20px;}

.painel{background:#59c20d; /*padding:10px;*/ width: 404px;  margin-bottom:15px; float:left; position: relative; height: 229px;}
.painel h3{width: 100%}
.painel img{position: absolute; right: 10px; top: 10px;}
.painel span.atualizacao{font-size:16px; width:100%; float:left; margin-top:15px;}
.painel span.data-atua{font-size:20px; width:100%; float:left; margin-top:7px;}
.painel span.num-tarefas{font-size:55px; float:left; margin:14px 0 0 !important; line-height: 55px}
.painel span{font-size:16px; float:left; margin-top:25px;}

.painel .dados-left{width: 170px; float: left; margin: 43px 0 0 10px;}
.painel .dados-right{width: 230px; float: right; margin: 43px 10px 0 0;}
.painel .dados-right span{margin-left: 9px;}

.painel table{ border: 0 none; margin: 15px 0 0 10px; width: 95%; text-align:center; float:left;}
.painel table thead tr.linha{background:#408e08; height:26px; color:#fff; text-align:center; font-size:14px;}
.painel table th{border: 1px solid transparent;}

.painel table tbody tr{background:#fff; height:25px; color:#59c20d; text-align:center; font-size:14px;}
.painel table tbody td{border:1px solid transparent; }
.painel table tbody td img{border: 0; width:16px; }

.tabela-os th{width:45px !important;}
.tabela-os td{width:43px;}

.os_consumidor{background: #408e08 !important;}
.os_consumidor table thead tr.linha{background:#59c20d !important; height:26px; color:#fff; text-align:center; font-size:14px;}
.os_consumidor td.body{color:#408e08 !important;}


.quadro-nokia{background: #417282; /*padding: 10px;*/ width: 240px; float: left; margin: 0 15px 15px 0; position: relative;}
.quadro-nokia h4{ font-weight:normal; font-size:28px;  margin: 24px 15px; line-height: 29px;}
.quadro-nokia img.icone{position:absolute; right:10px; bottom:10px;}


.quadro-manual{background:#e9731b; /*padding:10px;*/ width:240px; float:left; margin:0 15px 15px 0; position:relative;}
.quadro-manual h4{font-weight:normal; font-size:28px; margin: 25px 15px; line-height: 29px;}
.quadro-manual img.icone{position:absolute; right:10px; bottom:10px;}


.DTFC_Cloned th, .tabela-os .dataTables_scrollBody th{padding:0 !important;}

.box-relatorio{background:#004d61; float:left; margin: 0 15px 15px 0; position: relative; height: 229px;}
.box-relatorio img{position: absolute; top: 10px; right: 10px;}
.box-relatorio h3{padding-bottom:10px; font-size: 15px; width: 100%; line-height: 23px;}
.box-relatorio span.nume-chamadas{font-size:30px; margin-right:15px; float:left;}
.box-relatorio span.titulo-chamada{font-size:12px; line-height:17px; float:left; margin-top:2px;}
.box-relatorio ol{margin:0; padding:0; list-style:none;}
.box-relatorio ol li{width:100%; float:left; margin-bottom: 10px}

.box-relatorio .dados-left{width: 170px; float: left; margin: 36px 0 0 10px;}
.box-relatorio .dados-left span{ line-height: 27px;}
.box-relatorio .dados-right{width: 230px; float: right; margin-top: 36px;}
.box-relatorio .dados-right span{margin: 17px 0 0 9px; float: left; line-height: 16px; font-size: 16px;}

.box-relatorio .dados-right .num-tarefas{line-height: 55px;}

.box-relatorio table{  width: 96%; margin-left: 9px; margin-top: 15px; float: left;}
.box-relatorio thead tr{background-color: #03333F; font-size: 13px; line-height: 17px;}
.box-relatorio thead tr th{font-weight: normal;}
.box-relatorio tbody tr{background-color: #fff; font-size: 13px;}
.box-relatorio tr td{  font-size: 14px; line-height: 22px; color: #004d61; text-align: center;}

.table_relatorio{margin-top: 107px !important; float: left;}


.quadro-news{background:#a300a9; float:left; margin:0 15px 15px 0; position:relative; height: 229px;}
.quadro-news .icone{position:absolute; right:10px; top:10px;}
.quadro-news h3{width: 100%;}
.quadro-news .mais-news{ position:absolute; right:10px; bottom:10px; display: none;}

.ultima_news{margin: 15px 10px 10px; float: left; font-size: 14px; line-height: 16px;}
.titulo_news{text-transform: capitalize; margin-top: 5px; display: block;}
.news_nao_lida{position: absolute; left: 10px; bottom: 10px; }
.news_nao_lida .num-tarefas{line-height: 55px;}

.plano-acao{background:#52892b; float:left; margin:0 15px 15px 0; position:relative; height: 229px;}
.plano-acao .icone{position:absolute; right:10px; top:10px;}

.plano-acao ul{float:left; width:100%; margin:10px 0 0; padding:0; list-style:none;}
.plano-acao ul li{ float: left; font-size: 16px; margin-right: 13px; margin-top: 25px; width: 45%;}
.plano-acao ul li span{ float: left;font-size: 70px; margin-right: 10px;  margin-top: 7px; width:100%; }
.plano-acao ul li label{ float: left;font-size: 70px; margin-right: 10px;  margin-top: 7px; width:100%; }
.plano-acao ul li div{ float: left; width:100%; }
.plano-acao .mais-plano{ position:absolute; right:10px; bottom:10px; font-size:18px; color:#fff;}
.plano-acao .mais-plano img{float:right; margin-left:10px;}

.plano-acao .dados{margin-top: 39px;}
.plano-acao .dados-atualizacao{margin-left: 10px;}
.plano-acao .tarefas{width: 45%;}

.plano-acao table{ border: 0 none; margin: 17px 0 0 10px; width: 96%; text-align:center; float:left;}
.plano-acao table thead tr.linha{background:#0A3704; height:26px; color:#fff; text-align:center; font-size:14px; line-height: 18px;}
.plano-acao table th{border: 1px solid transparent; font-weight: normal;}

.plano-acao table tbody tr{background:#fff; height:25px; color:#59c20d; text-align:center; font-size:14px; line-height: 20px;}
.plano-acao table tbody td{border:1px solid transparent; }
.plano-acao table tbody td img{border: 0; width:16px; }

.plano-acao .num-tarefas{line-height: 48px !important; margin-top: 9px !important;}
.plano-acao .tarefas span{line-height: 16px; margin: 22px 0 0 5px;}

.quadro-cursos{background:#63c5c6; float:left; margin:0 15px 15px 0; position:relative; height: 229px;}
.quadro-cursos h3{width:100%; padding-bottom:24px;}
.quadro-cursos span.nume-chamadas{font-size:70px; margin:84px 0 0 10px; float:left; line-height: 70px;}
.quadro-cursos span.titulo-chamada{font-size:16px; line-height:20px; float:left; margin:107px 0 0 2px;}
.quadro-cursos img.icone{position:absolute; right:10px; top:10px;}


/* Azulejo NFe Home */
.azulejo-nota-fiscal{background:#bf1e4a; float: left; position: relative; margin: 0 15px 15px 0; height: 229px;}
.azulejo-nota-fiscal img{position: absolute; top:10px; right:10px; width: 32px;}

.azulejo-nota-fiscal .data{font-size: 16px; margin: 23px 0 0 10px; float: left; width: 100%; line-height: 22px;}
.azulejo-nota-fiscal .data span{ font-size: 17px;}

.azulejo-nota-fiscal small.status{font-size: 19px; margin: 30px 0 0 10px; width: 100%; float: left;}

.azulejo-nota-fiscal .hora{font-size: 13px; margin: 20px 0 0 10px; float: left; width: 100%;}
.azulejo-nota-fiscal .hora small{ font-size: 12px;}
.azulejo-nota-fiscal .hora span{ font-size: 17px;}

.azulejo-nota-fiscal .dados{width: 100%; float: left; margin: 22px 0 0 10px;}
.azulejo-nota-fiscal .dados .numero{font-size: 55px; line-height: 33px; margin-left:0;}
.azulejo-nota-fiscal .dados span{ font-size: 14px; float: left; margin-left: 13px;}
/* Azulejo NFe Home */


.bg-rma{background:#696969 !important; float:left; margin:0 15px 15px 0; position:relative; height: 229px;}
.bg-rma h4{width:100%; margin:10px 0 0 10px; font-weight:normal; font-size:18px; line-height: 18px;}
.bg-rma h3{margin-top: 47px !important;}
.bg-rma img.icone{position:absolute; right:10px; top:10px;}


.boxes-auditoria-controle{width:100%; float:left;}
.box-auditoria{background:#63c5c6; float:left; margin:0 15px 15px 0; position:relative; height: 229px;}
.box-auditoria span.avaliacao{font-size:16px; width:100%; float:left; margin:45px 0 0 10px;}
.box-auditoria span.data-avaliacao{font-size:20px; width:100%; float:left; margin:7px 0 0 10px;}
.box-auditoria strong{font-size:18px; width:100%; float:left; margin-top:30px; font-weight:normal; }
.box-auditoria p{font-size:16px; width:83%; float:left; margin:40px 0 0 10px; line-height:20px;}
.box-auditoria .icone-auditoria{position:absolute; right:10px; top:10px;}
.box-auditoria a{position:absolute; right:10px; bottom:10px; display: none;}

.box-auditoria .dados-pontuacao{width: 90%; float: left; margin: 81px 0 0 10px;}
.box-auditoria .num-tarefas{font-size: 39px !important; line-height: 40px !important;}

.box-auditoria table{width: 92%; font-size: 13px; line-height: 18px; margin-left: 10px; margin-top: 15px; float: left;}
.box-auditoria thead tr{background-color: #00B2EE !important; color: #fff;}
.box-auditoria thead tr th{font-weight: normal;}
.box-auditoria tbody tr{background-color: #fff !important; color: #000;}
.box-auditoria tr td{font-size: 14px; line-height: 22px; text-align: center; color: #63c5c6;}


.box-controle{background:#bf1e4a; float:left; margin:0 15px 15px 0; position: relative; height: 229px;}
.box-controle h3{padding-bottom:10px;}
.box-controle img{position: absolute; top: 10px; right: 10px;}
.box-controle span.nume-chamadas{font-size:70px; float:left; margin:40px 17px 0 10px; line-height: 70px;}
.box-controle span.titulo-chamada{font-size:16px; line-height:20px; float:left; margin-top:45px;}
.box-controle ol{margin:0; padding:0; list-style:none;}
.box-controle ol li{width:100%; float:left;}


.box-faturas{background:#e9731b; float:left; margin:0 15px 15px 0; position: relative; height: 229px;}
.box-faturas h3{padding-bottom:10px; width: 100%;}
.box-faturas img{position: absolute; top: 10px; right: 10px;}
.box-faturas span.nume-chamadas{font-size:41px; margin-right:5px; float:left; line-height: 41px;}
.box-faturas span.titulo-chamada{font-size:16px; line-height:24px; float:left; margin-top:4px;}
.box-faturas ol{margin:0; padding:0; list-style:none;}
.box-faturas ol li{width:100%; float:left; margin-bottom: 10px;}

.box-faturas .dados-atualizacao{width:83%; float: left;}

.box-faturas .dados-left{width: 170px; float: left; margin: 37px 0 0 10px; line-height: 18px; }
.box-faturas .data-atua{margin-top: 5px; float: left;}
.box-faturas .dados-right{width: 230px; float: right; margin-top: 35px;}
.box-faturas .dados-right span{margin: 17px 0 0 9px; float: left; line-height: 18px; font-size: 16px;}
.box-faturas .dados-right span.num-tarefas{line-height: 55px; margin-top: 3px !important;}


.box-faturas table{width: 95%; font-size: 13px; line-height: 18px; margin-left: 10px; margin-top: 15px; float: left;}
.box-faturas thead tr{background-color: #e89251 !important; color: #fff;}
.box-faturas thead tr th{font-weight: normal;}
.box-faturas tbody tr{background-color: #fff !important; color: #000;}
.box-faturas tr td{font-size: 14px; line-height: 22px; text-align: center; color: #e9731b;}


.box-ferramentas{background:#5133ab; float:left; margin:0 15px 15px 0; position: relative; height: 229px;}
.box-ferramentas h3{padding-bottom:10px;}
.box-ferramentas img{position: absolute; top: 10px; right: 10px; width: 41px;}
.box-ferramentas span.nume-chamadas{font-size:55px; margin: 12px 15px 0 10px; float:left; line-height: 55px;}
.box-ferramentas span.titulo-chamada{font-size: 16px; line-height: 19px; float: left; margin-top: 20px; height: 63px;}
.box-ferramentas ol{margin:0; padding:0; list-style:none;}
.box-ferramentas ol li{width:100%; float:left;}


.bg-doa{background:#004d60; float:left; margin-bottom:15px; position:relative;}
.bg-doa h4{width:100%; margin:0; font-weight:normal; font-size:28px;}
.bg-doa img.icone{position:absolute; right:10px; top:10px;}

.bg-doa-azulejo{background:#bf1e4a; float:left; margin:0 15px 15px 0; position:relative; height: 229px;}
.bg-doa-azulejo h3{padding-bottom:10px; width: 100%;}
.bg-doa-azulejo img.icone{position:absolute; right:10px; top:10px;}

.bg-doa-azulejo .dados-left{width: 200px; float: left; margin: 48px 0 0 10px; line-height: 18px; }
.bg-doa-azulejo .data-atua{margin-top: 5px; float: left;}
.bg-doa-azulejo .dados-right{width: 230px; float: right; margin-top: 43px;}
.bg-doa-azulejo .dados-right span{margin: 17px 0 0 9px; float: left; line-height: 18px; font-size: 16px;}
.bg-doa-azulejo .dados-right span.num-tarefas{line-height: 55px; margin-top: 3px !important;}


.bg-doa-azulejo table{ border: 0 none;   margin: 0 0 0 9px; width: 96%; text-align:center; float: left; margin-top: 15px;}
.bg-doa-azulejo table thead tr{background:#cf5677; height:26px; color:#fff; text-align:center; font-size:14px;}
.bg-doa-azulejo table th{border: 1px solid transparent; font-weight: normal;}

.bg-doa-azulejo table tbody tr{background:#fff; height:25px; color:#bf1e4a; text-align:center; font-size:14px; line-height: 18px;}
.bg-doa-azulejo table tbody td{border:1px solid transparent; }
.bg-doa-azulejo table tbody td img{border: 0; width:16px; }


.doa-home .dados-atualizacao{width:250px; float:left;}
.doa-home span.atualizacao{font-size:16px; width:250px; float:left;}
.doa-home span.data-atua{font-size:20px; width:250px; float:left; margin-top:7px;}

.doa-home a{text-decoration:none; font-weight: bold; font-size:18px;}
.doa-home h3{width:100%; float:left; margin-top:10px;}

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

/* azulejo Legal */
.box-legal{background:#59c20d; /*padding:10px;*/ width: 404px;  margin-bottom:15px; float:left; position: relative; height: 229px;}
.box-legal h3{width: 100%}
.box-legal img{position: absolute; right: 10px; top: 10px; width: 50px;}

.box-legal .dados-right{width: 150px; float: right; margin: 43px 10px 0 0;}
.box-legal .dados-right span{margin-left: 9px;}

.box-legal span.num-tarefas { font-size: 55px; float: left; margin: 14px 0 0 !important; line-height: 55px;}
.box-legal span.descricao-dados{ line-height: 16px; margin: 32px 0 0 5px; float: left; width: 50px; }

.box-legal table{ border: 0 none; margin: 15px 0 0 10px; width: 92%; text-align:center; float:left;}
.box-legal table thead tr.linha{background:#408e08; height:26px; color:#fff; text-align:center; font-size:14px;}
.box-legal table th{border: 1px solid transparent; font-weight: normal;}

.box-legal table tbody tr{background:#fff; height:25px; color:#59c20d; text-align:center; font-size:14px;}
.box-legal table tbody td{border:1px solid transparent; font-weight: normal;}
.box-legal table tbody td img{border: 0; width:16px; }

/* azulejo legal */

/* doadap */
.doa-home{height: 229px;}
.doa-home h4{width:80%; line-height:28px; font-size:22px;}
.doa-home h3{width:100%;}
.doa-home a{color:#fff;}
.doa-home table{font-size:13px; line-height:16px; text-align: center; width:100%;}
.doa-home table tr{height: 26px;}

.doa-home table td{ position:relative; font-size:14px; line-height:18px;}
.doa-home table th {position:relative; font-size:14px; line-height:18px;}
.doa-home table th a, .doa-home table td a{font-size:14px; line-height:18px;}

.doa-home table th span{display: none;}
.doa-home table th:hover span{display: block; z-index:9999; position:absolute; bottom: 31px !important; left: auto; right:auto; background: #00a9e0; padding:5px; color:#fff;}


.doa-home table td span{display: none;}
.doa-home table td:hover span{display: block; z-index:9999; position:absolute; top: 31px !important; left: auto; right:auto; background: #00a9e0; padding:5px; color:#fff;}

.doa-home table tr:nth-child(odd) { color:#fff;}

.doa-home table tr:nth-child(even) { background:#fff;}

.box-right-doa{margin-bottom:30px;}

.doa-home .total span{font-size:55px; line-height: 55px;}
.doa-home .total small{float: left; margin-left: 10px; font-size: 16px; margin-top: 9px; line-height: 16px;}


.total span{font-size:50px; float:left !important;}

.total small{float: left; margin-left: 10px; font-size: 14px; margin-top: 15px;}


.logistica .total-right small{width:30px; margin:33px 0 0; }

.transferencia .total-right small{width:30px; margin:33px 0 0; }
.transferencia .total small{width: 81px; }

.total-right{float:right !important;}

.lr-doa-dap{background: #bf1e4a; }
.lr-doa-dap div{width:342px; float:right; margin: 7px 10px 0 0;}
.lr-doa-dap div.total{margin: 65px 0 0 10px;}
.lr-doa-dap div.dados-atualizacao{margin: 65px 0 0 10px;}
.lr-doa-dap div.total-right{display: none;}
.lr-doa-dap span{float:none; width: auto;}
.lr-doa-dap a{color:#bf1e4a;}

.lr-doa-dap table thead tr { background:#efc7d2; color:#bf1e4a;}
.lr-doa-dap table tbody tr { background: #cf5677;}
.lr-doa-dap table tbody tr a{color:#fff;}

.programacao{background: #59c20d; float:left; }

.azulejos-doa table {width: 92%; margin: 10px 0 0 10px; float: left}
.azulejos-doa .total{margin: 57px 0 0 10px; float: left;}
.azulejos-doa .total-right{display: none;}

.programacao table thead tr {background: #caebb1; color:#408e08 !important;}
.programacao table tbody tr { background: #8bd456;}
.programacao table tbody tr a{color:#fff;}
/*
.programacao table tbody tr:nth-child(even) {background: #408e08; color:#fff;}
.programacao table tbody tr:nth-child(even) a { color:#59c20d;}
*/
.triagem{ background: #dac723; float:left; min-height: 116px; width: 207px;}
.triagem table thead tr{ background: #f4eebd; color:#dac723 !important;}
.triagem table tbody tr { background: #e5d865;}
.triagem table tbody tr a{color:#fff;}
/*
.triagem table tbody tr:nth-child(even) { color:#f4eebd;}
.triagem table tbody tr:nth-child(even) a { color:#dac723;}
*/

.nota-fiscal{background: #63c5c6; width: 206px;}
.nota-fiscal table thead tr{ background: #d1eeee; color:#2b9192 !important;}
.nota-fiscal table tbody tr { background: #92d7d7; color:#fff;}
.nota-fiscal table tbody tr a{color:#fff;}
/*
.nota-fiscal table tbody tr:nth-child(even) { background: #d1eeee; color:#2b9192;}
.nota-fiscal table tbody tr:nth-child(even) a { color:#2b9192;}
*/

.logistica { background: #e9731b; float:left; }
.logistica table {width: 97%}
.logistica .total-right{margin-right: 10px; display: block;}
.logistica table thead tr{ background: #f8d5bb; color:#e9731b !important;}
.logistica table tbody tr { background: #f09d60; color:#fff;}
.logistica table tbody tr a{color:#fff;}
/*
.logistica table td span{display: block !important; position: relative; background: transparent !important; padding: 0 !important;}
.logistica table td:hover span{display: block !important; position: relative; background: transparent !important; top: 0 !important; padding: 0 !important;}
*/
/*
.logistica table tbody tr:nth-child(even) {  background: #f8d5bb; color:#e9731b !important;}
.logistica table tr:nth-child(even) a { color:#e9731b;}
*/

.inbound {background: #a300a9; }
.inbound table thead tr{ background: #e4b3e5; color:#a300a9 !important;}
.inbound table tbody tr { background: #bf4dc3; color:#fff;}
.inbound table tbody tr a{color:#fff;}
/*
.inbound table tbody tr:nth-child(even) {  background: #e4b3e5; color:#a300a9 !important;}
.inbound table tbody tr:nth-child(even) a { color:#a300a9;}
*/
.transferencia { width: 443px;}
.transferencia table {width: 96%}
.transferencia .total-right{margin-right: 10px; display: block;}
.transferencia table thead tr { background: #b3cad0; color:#004d60 !important;}
.transferencia table tbody tr { background: #4d8390; color:#fff;}
.transferencia table tbody tr a{color:#fff;}
/*
.transferencia table td span{display: block !important; position: relative; background: transparent !important; padding: 0 !important;}
.transferencia table td:hover span{display: block !important; position: relative; background: transparent !important; top: 0 !important; padding: 0 !important;}
*/
/*
.transferencia table tbody tr:nth-child(even) {  background: #b3cad0; color:#004d60;}
.transferencia table tbody tr:nth-child(even) a { color:#004d60;}
*/


/* fim doadap */


.pag-faturas {margin-top:0;}
.quadro-faturas{height:72px;}
.quadro-faturas div{width:auto;}
.quadro-faturas span.span-comentarios{margin-top:5px; width:auto; color:#fff;}
.quadro-faturas span.span-total{font-size:31px !important; margin:20px 10px 0 0; width:auto; color:#fff;}
.quadro-faturas span.span-icone{ background: url("../img/layout/balao.png") no-repeat scroll 0 0 transparent; bottom: 14px; height: 21px; position: absolute; right: 8px; width: 22px;}

.modal-left-faturas{width: 500px; float: left;}

.modal-updt-add-faturas{width: 950px !important;}
.modal-updt-add-faturas h1{width: 950px  !important;}

.text-email-faturas{width: 200px; font-family: humnst777_btroman;}

.left-faturas{width:259px !important;}

.bt-novo-chamado{font-size: 18px; margin-top:20px;}

.dados{width: 100%; float: left; margin-top: 20px}

.dados-atualizacao{width: 50%; float: left; margin-top: 13px}

.atualizacao{font-size: 16px;}
.data-atua{font-size: 20px;}

.tarefas{width: 50%; float: left;}

.num-tarefas{font-size: 55px !important; margin:0 !important;}
.tarefas span{font-size: 16px; float: left; margin: 18px 0 0 5px;}



div.barra-progresso { width: 100%; height:41px;	background:#fff; margin-top:10px;}
div.barra-progresso div { height:41px; background:#9fcf7d; width:77%; position:relative;}
div.barra-progresso div  span{position:absolute; display:block; font-size:23px; color:#fff; top:10px; right:20px;}





/* fim Home*/


/* pagina score_card.php */
.margin{margin-top:0 !important;}

.controle-score_card small{ background: url("../img/layout/icone-vizualizar.png") no-repeat scroll 0 0 transparent; margin-right: 24px; float:left; color: #04A6A9; display: block; font-size: 16px; padding-left: 15px; text-align: right; text-transform: uppercase; width: 100px;}
.controle-score_card a{float:left; color: #fff; display: block; width: 96px; height:43px; position:relative; margin-left:10px;}
.controle-score_card div{ background: #04A6A9; color: #fff; display: block; font-size: 16px; width: 96px; height:43px; position:relative;}
.controle-score_card div img{ position:absolute; top:7px; right:7px;}
.controle-score_card div p{ position:absolute; bottom:4px; left:7px; margin:0;}

.marcacao div{background: #63c5c6 !important;}

.descricao-score_card h3{font-size:18px; color:#15589e; text-transform: uppercase; float:left; width:100%;}
.descricao-score_card p{color:#15589e; float:left; width:100%;}

.box-status{float: right; width: 240px;}
.box-status a{text-decoration:none;}


.descricao-score_card  .qd-utualizacao{width:105px; height:98px; float:left; background: #63c5c6; margin-left: 15px; position:relative;}
.descricao-score_card  .qd-utualizacao span.titulo-qd{  color: #FFFFFF; float: left; font-size: 16px; margin:10px 11px 0; line-height:16px;}
.descricao-score_card  .qd-utualizacao span.titulo-qd a{ color: #FFFFFF; text-decoration:none;}
.descricao-score_card  .qd-utualizacao span.titulo-qd a:hover{ text-decoration:none;  color: #FFFFFF;}
.descricao-score_card  .qd-utualizacao span.data-qd{ color: #fff; font-size: 22px; margin:24px 9px 0; float:left;}
.descricao-score_card  .qd-utualizacao .icone img{position:absolute; bottom:10px; right:10px; width:32px; height:32px;}
.descricao-score_card  .qd-utualizacao .icone-lapis{background: url("../img/layout/icones.png") no-repeat scroll -167px 0px transparent; bottom: 9px; height: 32px; position: absolute; right: 5px; width: 37px}
.descricao-score_card  .qd-utualizacao .icone-certo{background: url("../img/layout/icone-certo.png") no-repeat scroll 0 0px transparent; bottom: 9px; height: 32px; position: absolute; right: 5px; width: 37px}

.descricao-score_card  .qd-score{width:105px; height:98px; float:left; background: #63c5c6; margin-left: 15px; position:relative;}
.descricao-score_card  .qd-score span.titulo-qd{  color: #FFFFFF; float: left; font-size: 18px; margin:10px 11px 0; width:85px; line-height:16px;}
.descricao-score_card  .qd-score span.quantidade-qd{ color: #fff; font-size: 50px; margin:20px 9px 0; float:right;}
.descricao-score_card  .qd-score span.icone{  background: url("../img/layout/icones.png") no-repeat scroll -56px 0 transparent; bottom: 9px; height: 32px; position: absolute; right: 9px; width: 32px;}

.descricao-score_card  .qd-comentarios{ background: none repeat scroll 0 0 #DAC723; float: left; height: 98px; margin: 16px 0 0 15px; position: relative; width: 105px;}
.descricao-score_card  .qd-comentarios span.titulo-qd{  color: #FFFFFF; float: left; font-size: 16px; margin:10px 9px 0; width:85px; line-height:16px;}
.descricao-score_card  .qd-comentarios span.quantidade-qd{ color: #fff; font-size: 50px; margin:15px 4px 0; float:left;}
.descricao-score_card  .qd-comentarios span.icone{ background: url("../img/layout/icones.png") no-repeat scroll -1px 0 transparent; bottom: 9px; height: 32px; position: absolute; right: 5px; width: 37px;}

.descricao-score_card  .qd-finalizar{ background: none repeat scroll 0 0 #DAC723; float: left; height: 98px; margin: 16px 0 0 15px; position: relative; width: 105px;}
.descricao-score_card  .qd-finalizar span.titulo-qd{  color: #FFFFFF; float: left; font-size: 16px; margin:10px 0 0 9px; width:91px; line-height:16px;}
.descricao-score_card  .qd-finalizar span.icone{ background: url("../img/layout/icone-download.png") no-repeat scroll 0 0 transparent; bottom: 9px; height: 23px; position: absolute; right: 5px; width: 14px;}

.descricao-score_card  .qd-cancelar {margin-top:16px;}
.descricao-score_card  .qd-cancelar a{color:#fff; text-decoration:none;}

.andamento-processo{width:100%; float:left;}
.andamento-processo h3{width:671px; height:27px; font-size:18px; text-transform: uppercase; text-align:center; background:#52892b; padding-top:9px;}
.andamento-processo table{}


.filtro-tabela{width:100%; float:left;}
.filtro-tabela ol{margin:0; padding:0; list-style:none;}
.filtro-tabela ol li{float:left; margin:8px 0 0 22px;}
.filtro-tabela ol label{color:#15589e; float:left; margin:7px 7px 0 0; width: 85px; text-align:right;}
.filtro-tabela ol select{width:110px; background: none repeat scroll 0 0 transparent; border: 1px solid #00A9E0; color: #666666; float: left; font-size: 13px; padding: 7px;}

.filtro-tabela .margin{margin:8px 0 0 !important;}

.quadro-table{ float: left; margin: 15px 0 0 -1px; width: 675px;}
.quadro-table table{ border-collapse: collapse;  border-spacing: 0; position:relative; font-size:13px; line-height:13px; width: 675px;}
.quadro-table table thead tr.linha, .header thead tr{background:#00a9e0; color:#fff; text-align:center; }

.quadro-table table th{padding:0; height: 30px; border: 2px solid #FFFFFF; font-weight: bold; font-size:12px; }

.quadro-table table tbody tr.linha{background:#eceded; color:#07a4a9; text-align:left; }
.quadro-table table tbody tr.linha a{color:#07a4a9;}

.quadro-table table tbody td{ border: 2px solid #FFFFFF; height: 40px; padding: 0;}

.quadro-table table tbody td div{ display: table; text-align: center !important; width: 100%;}
.quadro-table table tbody td div span{ display: block;}
.quadro-table table tbody td.bg-top-target {color:#000;}
.quadro-table table tbody td.bg-verde{background:#99cc66; color:#000;}
.quadro-table table tbody td.bg-vermelho{background:#ff5050; color:#fff;}
.quadro-table table tbody td.bg-amarelo{background:#ffff66; color:#000;}

.fixedHeader  table {border-collapse: collapse;  border-spacing: 0;  font-size:13px; line-height:13px; width: 675px;}
.fixedHeader  thead tr{background:#00a9e0; color:#fff; text-align:center;}
.fixedHeader  thead tr th{ padding: 0; height: 30px; border: 2px solid #FFFFFF; font-weight: bold; font-size:12px; }

/* ---- Login ----- */
.container-login{width:444px; margin:114px auto 0;}

.logo-login{float:left;}

.form-login{width: 100%; float:left;}
.form-login img{float:left;  margin-top:14px;}

.form-login form{ float: left; margin-left: 15px; width: 223px;}
.form-login form .input-texto{ background: none repeat scroll 0 0 #00A9E0; border: 1px solid transparent; color: #FFFFFF; float: left; font-size: 15px; margin-top: 14px; padding: 16px 9px; width: 203px;}
.form-login form .input-senha{ background: #00a9e0; border:1px solid transparent; font-size:15px; float:left;  width:154px; padding:18px 9px; color:#fff; text-transform: uppercase;}
.form-login form fieldset{ background: none repeat scroll 0 0 #00A9E0; border: 1px solid transparent; float: left; font-size: 16px; margin-left: 0; margin-top: 20px; padding: 0; width: 221px;}
.form-login form fieldset img{ margin:12px 12px 0 0; float:right;}
.form-login form .input-submit{background: #8ae1fd; color:#15589f; cursor: pointer; float:left; border:1px solid transparent; text-transform: uppercase; font-size:17px; width:147px; padding:15px 0 16px; margin:14px 0 0;}
.form-login form .icone-mais-usuario{float:right;}
.form-login form ol { float: left; list-style: none outside none; margin: 0; padding: 0; width: 223px;}

.rodape-login{font-size:12px; color:#fff; margin-top:10px; float:left; width:100%;}
.rodape-login span{font-size:11px; color:#fff; margin-top:10px; float:right;}

#frm_cadastro_usuario label{color:#333;}

.bt-login{width: 100%; display: block; background: #8ae1fd; float: left; margin-top: 14px; height:52px;}
.bt-login img{margin:0; text-align:center; float: none !important;}

.text-criador{float:left !important; margin-top:0 !important;}
.logo-criador{float:left; margin-left:7px;}
/* ---- Fim Login ----- */


/* ---- Pa Gategoria controle ---- */
div.icon_ger_alunos_topo {
	position:absolute;
	top:-65px;
	left:403px;
	width:123px;
	height:33px;
	background: url(../img/layout/icon_ger_alunos_top.png);
	z-index:2;
}
div.box_sala_aula {
	position:relative;
	width:940px;
	padding: 9px;
	background: #fff;
	color:#023f76;
	margin-bottom: 15px;
	margin:15px 9px;
	float:left;
}

.tr-filtro td{padding-left:30px;}

.input-filtro{width:200px; border: medium none; color: #07A4A9; height: 33px;}
.alinha{padding-left: 30px;}

.tr-filtro{background:#07a4a9; height:43px; color:#fff;}
.tr-filtro td{padding-left:30px;}
.input-filtro{width:200px}

.reset-filtro{color: #fff; font-size:14px; border:0; background: none; cursor: pointer;}
.bt-filtro{background: none repeat scroll 0 0 #FFFFFF; border: 0 none; color: #00A9E0; height: 33px; margin-left: 10px; outline: medium none; padding: 0 10px;}

.novo{background: none repeat scroll 0 0 #00A9E0; height: 43px; margin: 0 0 0; width: 100px; margin:15px 0 0;}

.novo img{border: 0 none; float: left; margin: 10px 5px 0 10px; width: 25px;}
.novo a{color:#fff; text-decoration:none;}
.novo span{color: #FFFFFF; float: left; margin: 15px 0 0;}

.table{ border: 0 none; margin: 15px 0 0 -4px; width: 948px; float: left;}
.table thead tr.linha{background:#00a9e0; height:43px; color:#fff; text-align:center; font-size:11px;}
.table th{border: 4px solid #fff}
.table th.prim-coluna{border-right:4px solid #fff;}
.table th.dmais-colunas{border-left:4px solid #fff; border-right:4px solid #fff;}
.table th.ulti-colunas{border-left:4px solid #fff; border-right: none;}

.table tbody tr.linha{background:#cacaca; height:43px; color:#666; text-align:center; font-size:12px;}
.table tbody tr.efeito-zebra{background:#E9E7E8;}
.table tbody td{border:4px solid #fff; }
.table tbody td img{border: 0; width:16px;}

.margin-icone img{margin: 0 3px;}
/* ---- fim Gategoria controle ---- */

/* --- Inicio Perfil Aluno --- */

.select{
	border: 1px solid #00A9E0;
	font: 14px humnst777_btroman;
	padding: 6px;
	width: 150px;
	color: #656565;
	margin-right: 15px;
}

/* --- Fim Perfil Aluno --- */

/* --- Paginacao ---- */
.pgoff {
    background: none repeat scroll 0 0 #DAC723;
    color: #FFFFFF;
    font-size: 12px;
    padding: 7px 10px;
    text-decoration: none;
}
a.pg {
    background: none repeat scroll 0 0 #00A9E0;
    color: #FFFFFF;
    font-size: 12px;
    padding: 7px 10px;
    text-decoration: none;
}
a.pg:hover {
    background: none repeat scroll 0 0 #DAC723;
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}
/* --- fim Paginacao ---- */


/* ----- item Controle ----- */
		div#box_left {position:relative;	float:left; width:256px; margin:15px 15px 0 0;	}
		div#box_left a{display:block;}

		.box_menus_left{float:left; background:#00a9e0; width:96%; padding:5px; margin-top:15px;}
		.box_menus_left img{float:left; border:0; }
		.box_menus_left span{float:left; color:#fff; margin:5px 0 0 10px; font-size: 18px !important;}
		.logo_teleco{float: right; margin-top: 10px;}

		div#box_info_user { background: none repeat scroll 0 0 #8AE1FD; height: 156px; margin-right: 11px; padding: 12px; width: 138px;}

		span#nome_user { color: #135899;  display: block; margin-top: 3px; text-align: center;}

		div#icon_novidades {	background: url("../img/layout/icon_novidades.png") no-repeat scroll 0 0 transparent; height: 83px;	position: absolute;	right: 0; top: 0; width: 82px;}

		div#menu_left_cursos_matriculados { background: url("../img/layout/bg_menu_left_cursos_matriculados.png") no-repeat scroll 0 0 transparent; height: 83px; position: absolute; right: 0; top: 97px; width: 82px;}

		div#box_right { float:left; width:100%;}

		span#contagem_cursos_menu_left { bottom: 5px;color: #FFFFFF; display: block; font-size: 20px; left: 8px;	position: absolute;	text-align: center;	width: 35px;}

		.grid_12 .controle-item{width: 96%; padding: 15px 14px;}
		.grid_12 .controle-item h3{margin: 0 !important; width: 100%;}
		.grid_12 .controle-item select{-webkit-appearance: initial !important; background-position: 79px -63px !important;}
		.grid_12 .controle-item #tableDiv_General{width: 100%;}
		.grid_12 .controle-item table{width: 100%;}
		.grid_12 .controle-item .filtro-tabela li{width: 172px; margin: 8px 0 0;}
		.grid_12 .controle-item .filtro-tabela li label{margin: 0; width: 100%; text-align: left;}
		.grid_12 .controle-bsc{  width: 686px;}
		
		.grid_16 .controle-item{width: 98%; padding: 15px 14px;}
		.grid_16 .controle-item h3{margin: 0 !important; width: 100%;}
		.grid_16 .controle-item select{-webkit-appearance: initial !important; background-position: 79px -63px !important;}
		.grid_16 .controle-item #tableDiv_General{width: 100%;}
		.grid_16 .controle-item table{width: 100%;}
		.grid_16 .controle-item .filtro-tabela li{width: 172px; margin: 8px 0 0;}
		.grid_16 .controle-item .filtro-tabela li label{margin: 0; width: 100%; text-align: left;}
		.grid_16 .controle-bsc{  width: 686px;}

		.controle-item{padding:15px; background: #fff; margin-bottom:15px; float:left; width:669px; }

		.form-filtro{float:left;}
		.form-filtro ol{ list-style: none outside none; margin: 0;  padding: 0;}
		.form-filtro li{float:left;}
		.form-filtro label{font-size:14px; float:left; color:#07A4A9; margin:10px 10px 0}
		.form-filtro select{ background: none repeat scroll 0 0 #07A4A9; border: 0 none; color: #FFFFFF; position:relative; left:0; float: left; height: 34px; padding: 9px; width: 200px;}
		.form-filtro .input_busca{float:left; border:0; background:#07a4a9; width:200px; height:33px; color:#fff;}
		.form-filtro .bt_busca{float:left;	margin-left:10px; border:0;	background:#07a4a9; padding:0 10px; outline:none; height:33px; color:#fff;}

		.controle-item .left{float:left; width:428px;}
		.controle-item .left img{float:left;}
		.controle-item .left .prev-conteudo{float:left; font-size: 12px; width: 265px; margin-left:20px}
		.controle-item .left .prev-conteudo h2{  color: #023F76; font-size: 14px; margin:0; position:relative;}

		/* todo list */
			.controle-item .left .prev-conteudo h2 span{display:none;}
			.controle-item .left .prev-conteudo h2:hover span{font-weight:normal; width:500px; display: block; z-index: 9999; position: absolute; bottom: 21px !important; left: auto; right: auto; background: #8AE1FD; padding: 5px; color: #135899;}
		
			.barra-progresso-todo{position: relative; width: 405px; height: 42px; margin-top: 4px; padding: 8px 10px; background: #52892b; float:left;} 

			.barra-progresso-todo .progresso{ height: 41px;background: #8ae1fd;}

			.barra-progresso-todo span{display: block; width: 100%; text-align: center; color: #fff; position: absolute; top: 15px; font-size: 25px;}

			.foto-responsavel{float:left; width:138px; padding:4px 4px 2px; background: #8ae1fd;}
			.foto-responsavel span{color:#023F76; text-align:center; width: 100%; display: block; font-size:11px;}

			.conteudo-todo-list{width:252px !important;}
		/* todo list */

		.controle-item .left .prev-conteudo h2 a{  color: #023F76 !important; text-decoration:none;}
		.controle-item .left .prev-conteudo ul{list-style:none; margin:14px 0 0; padding:0;}
		.controle-item .left .prev-conteudo li{font-size:12px; color:#023F76; margin-top:6px;}

		/* Barra status */
		div.barra-status { width:405px; margin-top:15px; padding: 8px 10px; background: #00a9e0; float:left;}
		div.barra-status div{ float: left; text-align: center; width: 69px; margin:0;}
		div.barra-status div img{float:right !important; margin:0 10px 0 0;}
		div.barra-status div span{/*float:left;*/ margin:6px 0 0 0 !important; width:100%;}
		div.barra-status div small{float:left; width:100%; margin-top:2px; font-size:12px; line-height:12px;}
		div.barra-status div.curtir{margin-left:20px;}

		.qd-metas{width:105px; height:98px; float:left; background: #63c5c6; margin-left: 15px; position:relative;}
		.qd-metas span.titulo-qd{ color: #fff; font-size: 16px; margin:11px 10px 0; float:left;}
		.qd-metas span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
		.qd-metas span.quantidade-qd{ color: #fff; font-size: 25px; margin:-15px 0; float:left;}
		.qd-metas span.icone{  background: url("../img/layout/icones.png") no-repeat scroll -56px 0 transparent; bottom: 9px; height: 32px; position: absolute; right: 9px; width: 32px;}
		
		/* azuleto de atualizações plano de ação */
			.atualizacoes-qd{width:50%; margin:10px 0 0 13px !important;}
		/* azuleto de atualizações plano de ação */
		
		.qd-cancelar{width:105px; height:98px; float:left; background:none repeat scroll 0 0 #ef2a2a; margin-left:15px; position:relative;}
		.qd-cancelar span.titulo-qd{ color: #fff; font-size: 16px; margin:11px 10px 0; float:left;}
		.qd-cancelar span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
		.qd-cancelar span.icone{  background: url("../img/layout/icones.png") no-repeat scroll -112px 0 transparent; bottom: 9px; height: 32px; position: absolute; right: 9px; width: 32px;}

		.qd-comentarios{width:105px; height:98px; float:left; background: #dac723; margin:16px 0 0 15px; position:relative;}
		.qd-comentarios span.titulo-qd{   color: #FFFFFF; float: left; font-size: 16px; margin: 4px 7px;}
		.qd-comentarios span.quantidade-qd { bottom: 10px; color: #FFFFFF; float: left; font-size: 50px; left: 0; line-height: 40px; position: absolute;}
		.qd-comentarios span.icone{  background: url("../img/layout/icones.png") no-repeat scroll -1px 0 transparent; bottom: 9px; height: 32px; position: absolute; right: 5px; width: 37px;}

		.qd-alterar{width:105px; height:98px; float:left; background: #dac723; margin:15px 0 0 15px; position:relative;}
		.qd-alterar span.titulo-qd{ color: #fff; font-size: 16px; margin:11px 10px 0; float:left;}
		.qd-alterar span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
		.qd-alterar span.icone{  background: url("../img/layout/icones.png") no-repeat scroll -168px 0 transparent; bottom: 9px; height: 32px; position: absolute; right: 5px; width: 37px;}


		/* fim Barra status */
/* ----- fim item Controle ----- */

/* ---- formulario metas ---- */
	.box_accordion{position:relative;}
	.box_accordion form ol {margin:0; padding:0; list-style:none;}
	.box_accordion form ol li{float:left; margin-top:10px; width:100%;}
	.box_accordion form ol li a{ color: #FFFFFF; float: right}
	.box_accordion form ol li .data-inicio{float:left; width:250px;}
	.box_accordion form ol li .data-fim{float:left; width:250px;}
	.box_accordion form ol li label{float:left;}
	.box_accordion form ol li label.lb-prog {float:left; margin:12px 10px 0 0;}

	.avaliacao label{float:left; margin-right:10px;}
	.avaliacao input{margin-top:0px;}
	.avaliacao div.radioArea, .avaliacao div.radioAreaChecked{margin:0 4px 0 0;}

	/* Barra de progresso */
		div.box_curso_info_geral {position:relative;	width:279px; height:41px; background: url(../img/layout/bg_box_curso_info_porcentagem.png) no-repeat #52892b; float:left;}

		div.box_curso_info_porcentagem {	width: 280px; height:41px;	background:#fff;}
		div.box_curso_info_porcentagem  span{position:absolute;	display:block; width:100%;	font-size:23px;	text-align:center; color:#15589C; top:10px;	left:0;}

		div.barra_porcentagem_curso_info { height:41px; background:#8ae1fd; width:20%;}
	/* fim barra progresso */
	.qd-enviar{width:105px; height:98px; float:left; background: #63c5c6; margin-left: 15px; position:relative;}
	.qd-enviar span.qd-titulo{ color: #fff; float: left; font-size: 19px; line-height: 28px; margin: 11px 8px 0;}
	.qd-enviar span.titulo-qd{ color: #fff; font-size: 16px; margin:11px 10px 0; float:left;}
	.qd-enviar span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
	.qd-enviar span.icone{  background: url("../img/layout/icone-enviar.png") no-repeat scroll -1px 0 transparent; bottom: 3px; height: 32px; position: absolute; right: 5px; width: 37px;}

	.qd-nova{width:105px; height:98px; float:left; background: #63c5c6; margin-left:15px; position:relative;}
	.qd-nova span.qd-titulo{ color: #fff; float: left; font-size: 19px; line-height: 28px; margin: 11px 8px 0;}
	.qd-nova span.titulo-qd{ color: #fff; font-size: 16px; margin:11px 10px 0; float:left;}
	.qd-nova span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
	.qd-nova span.icone{  background: url("../img/layout/icone-novo.png") no-repeat scroll -1px 0 transparent; bottom: 3px; height: 32px; position: absolute; right: 5px; width: 37px;}

	.qd-finalizar{width:105px; height:98px; float:left; background:#63c5c6; margin:17px 0 0 15px; position:relative;}
	.qd-finalizar span.qd-titulo{ color: #fff; float: left; font-size: 19px; line-height: 28px; margin: 11px 8px 0;}
	.qd-finalizar span.titulo-qd{ color: #fff; font-size: 16px; margin:11px 10px 0; float:left;}
	.qd-finalizar span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
	.qd-finalizar span.icone{  background: url("../img/layout/icone-finalizar.png") no-repeat scroll -1px 0 transparent; bottom: 3px; height: 32px; position: absolute; right: 5px; width: 37px;}

	.alte-coment{position:absolute; right:20px; top:20px; width:120px;}
	.alte-coment .link-alterar{background: url(../img/layout/icone-alterar.png) no-repeat; color:#fff; text-decoration:none; padding:5px 0 5px 27px; float:left;}
	.alte-coment .icone-comentario{background: url(../img/layout/balao.png) no-repeat; margin-top:10px; color:#fff; text-decoration:none; padding:0px 0 5px 27px; float:left;}

/* ---- Chamado ---- */
.padding-top{padding-top:5px !important;}

.menu-chamado{width:100%; float:left; padding-bottom:10px;}
.menu-chamado ul{margin:0; padding:0; list-style:none;}
.menu-chamado ul li{float:left; font-size:16px; padding:10px; text-align:center; background:#07a4a9; margin:0 10px 10px 0; position:relative; height:18px;}

.menu-chamado ul li a{color:#fff; text-decoration:none; display:block;}

.menu-chamado li ul { position: absolute;	left: -1000em; width: 10em; margin: 0; padding-top:13px;}
.menu-chamado li ul li{width:207px; text-align:left; height:auto; padding: 7px 10px; margin: 0; z-index: 999999;}
.menu-chamado li ul a span{color:#004547; float: right; text-align: left; width: 35px;}
.menu-chamado li ul a:hover{text-decoration:underline;}

.menu-chamado li:hover ul, .menu-chamado li li:hover ul, .menu-chamado li.over ul, .menu-chamado li li.over ul { left: 0;}


.menu-tabela{width:100%; float:left;}
.menu-tabela ul{width:100%; float:left; background: #15589c; padding:0; margin:0; list-style:none; /*height:36px;*/}
.menu-tabela ul li{font-size:16px; float:left; padding:10px 0 5px 10px; color:#fff; height:23px;}
.menu-tabela ul li a{color:#fff; text-decoration:none;}
.menu-tabela ul li img{float:left; margin:0 5px 0; border:0;}

.menu-tabela ul li a i{background: url(../img/layout/icones-chamado.png) no-repeat; width:17px; height:15px; display:block; float:left; margin-right:5px;}
.menu-tabela ul li a i.icone-chamado{background-position: 2px -4px;}
.menu-tabela ul li a i.icone-extrair{background-position: -19px -4px;}
.menu-tabela ul li a i.icone-imprimir{background-position: -41px -4px;}
.menu-tabela ul li a i.icone-filtro{background-position: -62px -4px;}
.menu-tabela li a i.icone-alterar{background-position: -83px -4px;}
.menu-tabela li a i.icone-envio{background: url("../img/layout/icone-envio.png") no-repeat scroll 1px 2px transparent;}

.table-chamado{float:left;}
.table-chamado th{text-transform: uppercase;}

.table-chamado i{background: url(../img/layout/icones-chamado.png) no-repeat; width:17px; height:20px; display:block;}
.table-chamado i.icone-clip-branco{background-position: -122px 0px; margin:0 auto;}
.table-chamado i.icone-clip-cinza{background-position: -105px 0px; margin:0 auto;}
.table-chamado span.icone-red{background: url(../img/layout/icone-red.png) no-repeat right 3px; position:relative; padding-right:15px; color:#666666;}
.table-chamado span.icone-green{background: url(../img/layout/icone-green.png) no-repeat right 3px; position:relative; padding-right:15px; color:#666666;}
.table-chamado a{color:#666666; text-decoration:none;}

#frm_cadastro div.tooltip{float:left; position:relative; display: block !important; background: none !important; padding: 0 !important;}
#frm_cadastro div.tooltip img{width:18px; float:left; margin-left:10px !important;}

#frm_cadastro #cla_tip{display:none; width:120px; background: none repeat scroll 0 0 #07A4A9; z-index:9999; color:#fff !important; padding:10px;}
#frm_cadastro #cat_tip{display:none; width:120px; background: none repeat scroll 0 0 #07A4A9; z-index:9999; color:#fff !important; padding:10px;}

#frm_cadastro div.tooltip:hover span#cla_tip{display:block !important; position:absolute; top:-5px; left:19px;}
#frm_cadastro div.tooltip:hover span#cat_tip{display:block !important; position:absolute; top:-5px; left:19px;}

#frm_news_cadastro div.tooltip{float:left; position:relative; display: block !important; background: none !important; padding: 0 !important;}
#frm_news_cadastro div.tooltip img{width:18px; float:left; margin-left:10px !important;}

#frm_news_cadastro #cla_tip{display:none; width:120px; background: none repeat scroll 0 0 #07A4A9; z-index:9999; color:#fff !important; padding:10px;}
#frm_news_cadastro #cat_tip{display:none; width:120px; background: none repeat scroll 0 0 #07A4A9; z-index:9999; color:#fff !important; padding:10px;}

#frm_news_cadastro div.tooltip:hover span#cla_tip{display:block !important; position:absolute; top:-5px; left:19px;}
#frm_news_cadastro div.tooltip:hover span#cat_tip{display:block !important; position:absolute; top:-5px; left:19px;}

.opcoes-coontrole-acesso{width:700px;}
#tableDiv_General{position:relative;}
.itens-controle{width:80%; float:left;}
.itens-controle .row{color:#666666;}
.sub-itens-controle{padding:15px 0 0 30px; width:80%; float:left;}
.sub-itens-controle .row{color:#666666;}
.terceiro-nivel-itens-controle{padding:15px 0 0 60px; width:80%; float:left;}
.terceiro-nivel-itens-controle .row{color:#666666;}
.quarto-nivel-itens-controle{padding:15px 0 0 90px; width:80%; float:left;}
.quarto-nivel-itens-controle .row{color:#666666;}

.dataTables_wrapper{margin-top:20px; position:relative;}
.dataTables_wrapper table{margin-top:0;}
.dataTables_length { color: #000000; font-size: 15px; float:right; display:none;}
.dataTables_length select{ background: none repeat scroll 0 0 transparent; border: 1px solid #00A9E0; color: #666666; font-size: 13px; padding: 7px;}
.dataTables_filter { color: #000000; font-size: 15px; padding-bottom:6px;}
.dataTables_filter input{background: none repeat scroll 0 0 transparent; border: 1px solid #00A9E0; color: #666666; font-size: 13px; padding: 7px;}
.dataTables_info{}
.dataTables_paginate{}

/*
.FixedHeader_Cloned thead{}
.FixedHeader_Cloned tr{ }
.FixedHeader_Cloned th{ background: none repeat scroll 0 0 #00A9E0; padding: 7px 0;
}

.FixedHeader_Header table{ width: 677px !important;}
.header td{    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 6px;}
*/
.odd{background:#cacaca; color:#666; text-align:center; font-size:12px;}

.dataTables_scroll{float:left; width:100%;}
.dataTables_scrollHeadInner thead{width:100%;}

.dataTables_paginate{color: red; position:absolute; right:0; top:5px;}
.dataTables_info{color:#333; position:absolute; right:42px; top:10px;}

.paginate_enabled_previous {background: url("../img/layout/prev.png") no-repeat scroll 0 -4px transparent; cursor:pointer; display: block; float: left; height: 24px; margin-left: 20px; text-indent: -99999px; width: 32px;}
.paginate_enabled_next {background: url("../img/layout/next.png") no-repeat scroll 0 -4px transparent; cursor:pointer; display: block; float: left; height: 24px; margin-left: 70px; text-indent: -99999px; width: 32px;}

.paginate_disabled_previous {opacity:0.5; filter: alpha(opacity = 50); background: url("../img/layout/prev.png") no-repeat scroll 0 -4px transparent; display: block; float: left; height: 24px; margin-left: 20px; text-indent: -99999px; width: 32px;}
.paginate_disabled_next {opacity:0.5; filter: alpha(opacity = 50); background: url("../img/layout/next.png") no-repeat scroll 0 -4px transparent; display: block; float: left; height: 24px; margin-left: 70px; text-indent: -99999px; width: 32px;}

.paginate_disabled_previous{}
.paginate_disabled_next{}
/* Painel_home */

.painel_home{background:#59C20D; float:left; width:680px; position: relative;}
.painel_home div.dados{background:#59C20D; float:left; width:100%;}
.painel_home img.icone{position: absolute; right: 10px; top: 10px;}

.painel_home div.dados .dados-atualizacao{width:215px; float:left; margin-top:10px;}
.painel_home div.dados span.atualizacao{font-size:16px; width:250px; float:left;}
.painel_home div.dados span.data-atua{font-size:20px; width:250px; float:left; margin-top:7px;}
.painel_home span.criticas {float: left;font-size: 16px;}
.painel_home span.cri-tarefas {float: right; font-size: 50px; margin: -10px 0 0 10px;}

.painel_home div.dados .tarefas{width:430px; float:left; position:relative;}
.painel_home div.dados .tarefas span.num-tarefas{font-size:70px; line-height:70px; float:left; margin-right: 20px;}
.painel_home div.dados .tarefas span{font-size:22px;}

.painel_home .mais-painel{position:absolute; bottom:5px; right:10px;}

.painel_home table{ border: 0 none; margin: 15px 0 0 -4px; width: 685px; text-align:center;}
.painel_home table thead tr.linha{background:#408e08; height:26px; color:#fff; text-align:center; font-size:14px;}
.painel_home table th{border: 1px solid transparent;}

.painel_home table tbody .bg-branco{background:#fff; height:25px; color:#59C20D; text-align:center; font-size:14px;}
.painel_home table tbody .bg-rosa{background:#efc7d2; height:25px; color:#59C20D; text-align:center; font-size:14px;}
.painel_home table tbody td{border:1px solid transparent; }
.painel_home table tbody td img{border: 0; width:16px; }

.peq{float: left; width: 450px;}
.peq table{ border: 0 none; margin: 15px 0 0 50px; width: 395px; text-align:center;}
.peq table thead tr.linha{background:#408e08; height:26px; color:#fff; text-align:center; font-size:14px;}
.peq table th{border: 1px solid transparent;}

.peq table tbody .bg-branco{background:#fff; height:25px; color:#59C20D; text-align:center; font-size:14px;}
.peq table tbody .bg-rosa{background:#efc7d2; height:25px; color:#59C20D; text-align:center; font-size:14px;}
.peq table tbody td{border:1px solid transparent; }
.peq table tbody td img{border: 0; width:16px; }

.increment{float: left; margin-top: 10px; width: 401px;}
.increment span{float: left;font-size: 20px;margin-top: 7px;}

.painel-left{float: left; width: 350px;}

.box-comentario{background:#00A9E0; float:left; margin-bottom:15px; position:relative;}
.box-comentario span.avaliacao{font-size:50px; width:100%; float:left;}
.box-comentario span.data-avaliacao{font-size:20px; width:100%; float:left; margin-top:7px;}
.box-comentario p{font-size:16px; width:83%; float:left; margin:7px 0 0; line-height:20px;}
.box-comentario .icone-comentario{position:absolute; right:10px; top:10px}
.box-comentario a{position:absolute; right:10px; bottom:10px; color: #ffffff;}
.box-comentario img{float: right; margin-left: 10px;}

.painel-left-aqua, .detalhes-chamado-aqua{background:#07a4a9;}
.painel-left-red, -red{background:#BF1E4A;}
.painel-left-yellow, .detalhes-chamado-yellow{background:#dac723;}
.detalhes-chamado-blue{background:#00a9e0;}

.painel-left-aqua thead tr{background-color: #00B2EE !important;}
.painel-left-aqua tbody tr{color: #07a4a9 !important;}

.painel-left-orange {background-color: #fc6d00;}
.painel-left-orange thead tr{background-color: #e89251 !important;}
.painel-left-orange tbody tr{color: #fc6d00 !important;}

.painel-left-dark_blue {background-color: #004d61;}
.painel-left-dark_blue thead tr{background-color: #03333F !important;}
.painel-left-dark_blue tbody tr{color: #004d61 !important;}

.detalhes-chamado a{ text-decoration:none; color:#fff;}

.detalhes-chamado-aqua { float: left; margin: 10px 10px 0 0; padding: 10px; position: relative; width: 134px;}
.detalhes-chamado-aqua h3 {  font-size: 13px; margin: 0; padding-bottom: 4px;}
.detalhes-chamado-aqua span.atualizacao{ float: left; font-size: 16px; margin-top: 0; width: 100%;}
.detalhes-chamado-aqua span.criticas{font-size:16px; float:left;}
.detalhes-chamado-aqua span.data-atua{ float: left; font-size: 13px; margin-top: 7px; width: 100%;}
.detalhes-chamado-aqua span.num-tarefas{ float: left; font-size: 31px; margin: 3px 5px 0 0;}
.detalhes-chamado-aqua span.cri-tarefas{font-size:50px; float:right; margin:-10px 0 0 10px;}
.detalhes-chamado-aqua span{float: left;font-size: 12px;margin: 5px 0 0;}
.detalhes-chamado-aqua .icone-painel{top: 10px; right: 10px; position: absolute; display:none;}
.detalhes-chamado-aqua .mais-plano{bottom: 5px; position: absolute; right: 12px; display:none;}

.detalhes-chamado-yellow  { float: left; margin: 10px 10px 0 0; padding: 10px; position: relative; width: 134px;}
.detalhes-chamado-yellow h3 {  font-size: 13px; margin: 0; padding-bottom: 4px;}
.detalhes-chamado-yellow span.atualizacao{ float: left; font-size: 16px; margin-top: 0; width: 100%;}
.detalhes-chamado-yellow span.criticas{font-size:16px; float:left;}
.detalhes-chamado-yellow span.data-atua{ float: left; font-size: 13px; margin-top: 7px; width: 100%;}
.detalhes-chamado-yellow span.num-tarefas{ float: left; font-size: 31px; margin: 3px 5px 0 0;}
.detalhes-chamado-yellow span.cri-tarefas{font-size:50px; float:right; margin:-10px 0 0 10px;}
.detalhes-chamado-yellow span{float: left;font-size: 12px;margin: 5px 0 0;}
.detalhes-chamado-yellow .icone-painel{top: 10px; right: 10px; position: absolute; display:none;}
.detalhes-chamado-yellow .mais-plano{bottom: 5px; position: absolute; right: 12px; display:none;}

.detalhes-chamado-blue { float: left; margin: 10px 10px 0 0; padding: 10px; position: relative; width: 134px;}
.detalhes-chamado-blue h3 { font-size: 13px; margin: 0; padding-bottom: 4px;}
.detalhes-chamado-blue span.atualizacao{ float: left; font-size: 16px; margin-top: 0; width: 100%;}
.detalhes-chamado-blue span.criticas{font-size:16px; float:left;}
.detalhes-chamado-blue span.data-atua{ float: left; font-size: 13px; margin-top: 7px; width: 100%;}
.detalhes-chamado-blue span.num-tarefas{ float: left; font-size: 31px; margin: 3px 5px 0 0;}
.detalhes-chamado-blue span.cri-tarefas{font-size:50px; float:right; margin:-10px 0 0 10px;}
.detalhes-chamado-blue span{float: left;font-size: 12px;margin: 5px 0 0;}
.detalhes-chamado-blue .icone-painel{top: 10px; right: 10px; position: absolute; display:none;}
.detalhes-chamado-blue .mais-plano{bottom: 5px; position: absolute; right: 12px; display:none;}


.painel-left{float:left; position: relative; width: 345px;}
.painel-right{float:right; position: relative; width: 345px;}

.painel-geral{ float:left; position: relative; margin-bottom: 15px; height: 229px;}
.painel-geral a{color:#fff; text-decoration:none;}

.painel-geral h3{float: left; width: 100%;}
.painel-geral span.atualizacao{font-size:16px; width:100%; float:left; margin-top:0;}
.painel-geral span.criticas{font-size:16px; float:left;}
.painel-geral span.data-atua{font-size: 16px; float: left; margin-top: 55px; margin-left: 5px;}
.painel-geral span.num-tarefas{font-size: 55px !important; float: left; margin: 27px 0 0 0 !important; line-height: 49px !important;}
.painel-geral span.cri-tarefas{font-size:50px; float:right; margin:-10px 0 0 10px;}
.painel-geral span{font-size:16px; float:left; margin: 30px 0 0;}
.painel-geral img{float: right; margin-left: 10px;}
.painel-geral .icone-painel{top: 10px; right: 10px; position: absolute;}
.painel-geral .mais-plano{bottom: 5px; position: absolute; right: 12px;}
.painel-geral .mais-scorecard{bottom: 10px; position: absolute; right: 10px; color: #FFFFFF;}
.icone-total{bottom: 12px; float: left;  position: absolute; right: 5px; width: 35px;}

.painelOs .grid_4 span.data-atua{font-size: 16px; float: right; margin-top: 4px; margin-left: 5px; width: 42px; width: 90%;}
.painelOs .grid_4 span.num-tarefas{font-size: 45px !important; float: right; margin: 0 0 0 5px !important; line-height: 45px !important; width: 90%;}
.painelOs .grid_4 table{width: 93% !important;}
.painelOs .grid_4 .progresso span{margin-top: 46px !important;}
.painelOs .grid_4 .detalhes-grafico{margin-top: 45px !important;}

.painelOs .icone{position: absolute; top: 10px; right: 10px;}

.painel-geral .detalhes span.num-tarefas{font-size:35px; float:left; margin:0 5px 0 0; width:100%; text-align:center;}
.painel-geral .detalhes span.nome-tarefa{width:100%; float:left; margin:0; text-align:center;}

.painel-geral table{ border: 0 none;   margin: 0 0 0 9px; width: 96%; text-align:center; float: left; margin-top: 15px;}
.painel-geral table thead tr{background:#cf5677; height:26px; color:#fff; text-align:center; font-size:14px; line-height: 18px;}
.painel-geral table th{border: 1px solid transparent; font-weight: normal; }

.painel-geral table tbody tr{background:#fff; height:25px; color:#bf1e4a; text-align:center; font-size:14px; line-height: 18px;}
.painel-geral table tbody td{border:1px solid transparent; }
.painel-geral table tbody td img{border: 0; width:16px; }


.box-opcoes{width:100%; float:left;}
.opcoes{float: left; width: 100%; }

.detalhes{float: left; margin: 30px 4px 0; width: 100px;}
.detalhes-grafico{float: right; margin: 22px 10px 0 0; width: 51%;}

div.painel-progresso{background: none repeat scroll 0 0 #FFFFFF; height: 41px; margin-top: 5px; width: 100%; float: right; position:relative;}
div.painel-progresso div{background: none repeat scroll 0 0 #63c5c8; height: 41px; position: relative; width: 72px;}
div.painel-progresso div span { color: #FFFFFF; display: block; font-size: 23px; position: absolute; right: 10px; bottom: 5px;}

.painel-geral .progresso{width:40%; float: left; margin-left: 10px;}
.painel-geral .progresso span{float: left; font-size: 20px; margin: 27px 0 0;}

span.numero-processo{  bottom: 8px; display: block; font-size: 23px; margin: 0; position: absolute; right: 38%; z-index:99;}
.painel-left-aqua span.numero-processo{color:#07a4a9 !important;}
.painel-left-red span.numero-processo{color:#BF1E4A !important;}
.painel-left-yellow span.numero-processo{color:#dac723 !important;}
.painel-left-orange span.numero-processo{color:#fc6d00 !important;}
.painel-left-dark_blue span.numero-processo{color:#004d61 !important;}

.comentarios{background: url("../img/layout/balao.png") no-repeat scroll right 0 transparent; bottom: 10px;  color: #FFFFFF; height: 20px; left: 10px; position: absolute; width: 130px;}

.table-painelos th{height:10px;}
.table-painelos td{height:27px;}
/* Fim Painel_home */


/* --- Comentarios BSC --- */
.controle-bsc{padding:15px; background: #fff; float:left; width:669px; }

div.box_cursos_comentario_01 {
	position:relative;
	padding:15px;
	float:left;
	width: 252px;
	min-height:92px;
	background: #DAC723;
	margin:8px 0;}

div.box-bsc-left a{color:#fff; text-decoration:none; }

div.box_cursos_comentario_01 p{
	color:#fff;display:block; margin: 9px 0;
}
div.box_cursos_comentario_01 span{
	font-weight: bold;
}
div.box_cursos_comentario_01 h1{color: #FFFFFF;
    display: block;
    font-size: 60px;
    left: 127px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 140px;}

div.box_cursos_comentario_01 h2{color: #FFFFFF;
    display: block;
    font-size: 20px;
    left: 127px;
    position: absolute;
    text-align: center;
    top: 80px;
    width: 140px;
	font-weight: normal;}

div.cursos_comentario_ativo {
    background: none repeat scroll 0 0 #00A9E0;}

.header{float: left; width: 100%;}
.header small{ background: url("../img/layout/icone-vizualizar.png") no-repeat scroll 0 0 transparent; margin-right: 24px; float:left; color: #04A6A9; display: block; font-size: 16px; padding-left: 15px; text-align: right; text-transform: uppercase; width: 100px;}
.header a{float:left; color: #fff; display: block; width: 96px; height:43px; position:relative; margin-left:10px;}
.header div{ background: #04A6A9; color: #fff; display: block; font-size: 16px; width: 96px; height:43px; position:relative;}
.header div img{ position:absolute; top:7px; right:7px;}
.header div p{ position:absolute; bottom:4px; left:7px; margin:0;}

.box-bsc-left{float: left; width: 300px;}
.box-bsc-right{float: right; width: 367px;}

div.box_comentarios_form {
	background: none repeat scroll 0 0 #00A9E0;
	padding: 10px;
	position: relative;
	width: 347px;
	margin: 8px 0 0;
	float: right;
}

div.box_comentarios_form h1{
	background: url("../img/layout/bt_comentar.png") no-repeat scroll left 0 transparent;
	float: left;
	font-size: 18px;
	padding-left: 27px;
	width: 300px;
	margin: 0;
}

div.box_comentarios_form h1 a {color:#fff; text-decoration:none;}

textarea.input_comentario {
    border: 1px solid #15589C;
    height: 100px;
    margin: 10px 0 0;
    outline: medium none;
    width: 100%;
}

div#limitecaracter {
    color: #FFFFFF;
    position: absolute;
    right: 15px;
    top: 15px;
}

div.box_comentarios_txt {
    background: none repeat scroll 0 0 #00A9E0;
    float: right;
    margin-top: 17px;
    padding: 20px 0 43px 20px;
    position: relative;
    width: 347px;
}

div.box_foto_comentario {
    text-align: center;

	float:left;
	margin-right: 20px;
}

div.box_right_comentarios {
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    line-height: 18px;
    margin-right: 20px;
    width: 188px;
}

div.box_left_comentarios {
    float: left;
}

.ultimos_comentarios h1{
	background: url("../img/layout/balao.png") no-repeat scroll left 3px transparent;
	float: left;
	font-size: 18px;
	padding-left: 27px;
	width: 300px;
	padding-bottom:15px;
	margin:0;
}

.ultimos_notificacoes h1{
	background: url("../img/layout/flag2.png") no-repeat scroll left -2px transparent;
	float: left;
	font-size: 18px;
	padding-left: 27px;
	width: 300px;
	padding-bottom:15px;
	margin:0;
}

.nenhum-comentario{background:none repeat scroll 0 0 #00A9E0; width:367px; float:left; margin-top:15px;}
.nenhum-comentario div{width:50%; margin:20px auto 0; height:112px;}
.nenhum-comentario div span{float:left; font-size:90px;}
.nenhum-comentario div img{float:left;}
.nenhum-comentario p{width:347px; margin:30px 10px; font-size:30px;}

.usuario-comentario{color:#023F76; background: none repeat scroll 0 0 #8AE1FD; padding: 10px; width: 93px;}

.foto-usuario-comentario{float:left; width:94px;}

.curtir{float: left;
    text-align: center;
    width: 113px;}

.curtir div{background: url("../img/layout/curtir.png") no-repeat scroll right 0 transparent;
    float: left;
    margin: 10px 0 0 17px;
    width: 41px;}

.curtir span{float: left; margin:4px 0 0 16px; text-align: center;}
.curtir span a{color:#fff;}

div.bt_responder_comentario {
    bottom: 10px;
    margin-top: 10px;
    position: absolute;
    right: 20px;
	width:97px;
}

div.bt_responder_comentario a{
	color: #ffffff;
	text-decoration: none;
}

div.bt_responder_comentario img{
	float: left;
	padding-right: 5px;
}

.resposta{bottom: 10px;
    color: #FFFFFF;
    height: 20px;
    left: 70px;
    position: absolute;
    text-decoration: none;
    width: 105px;}


.respsota-comentario{ background: none repeat scroll 0 0 #FFFFFF; float: left; padding: 15px; width: 669px;}

.img-comentario{float:left;}

.autor-post{position: relative; float: left; width: 471px; margin-left: 10px; background: #00A9E0; height: 44px; color: #fff;}
.autor-post .nome-autor{ float:left; margin:14px;}
.autor-post .num-repostas{float:right; margin:14px;}

a.voltar-comentarios{ background: url("../img/layout/outros-comentarios.jpg") no-repeat scroll right -5px #e2c801; color:#fff; text-decoration:none; display: block; float: right; padding: 7px 50px 7px 7px; width: 76px;}
a.voltar-comentarios span.font-peq{font-size:11px;}


.box-comentarios-left{width: 324px; float:left;}

.area-comentario{padding:10px 10px 40px 10px; background:none repeat scroll 0 0 #00A9E0; height:201px; width:304px;margin-top:10px; float:left; position:relative}

.quadro-usuario{padding:10px; float:left; background:#8ae1fd;}
.quadro-usuario span{width:100%; text-align:center; font-size:12px; color: #135899; display:block; margin-top:7px;}

.conteudo-comentario{width:190px; float:right;}
.conteudo-comentario h3{color: #fff; font-size: 11px; line-height: 18px; font-weight:bold; width:100%;}
.conteudo-comentario p{color: #fff; font-size: 11px; line-height: 18px; width:100%;}

.foto-usuario-comentario .avaliacao{width:94px; float:left;}
.foto-usuario-comentario .avaliacao p{}
.foto-usuario-comentario .avaliacao div.quantidade{ background: url("../img/layout/curtir.png") no-repeat scroll right center transparent; display: block; font-size: 18px; margin: 5px auto 0; padding-right: 18px; text-align: right; width: 38px;}
.foto-usuario-comentario .avaliacao label{float:none !important; text-align:center; margin:0; width:100%; line-height:21px; display:block}
.foto-usuario-comentario .avaliacao label a{color: #fff;}

.mais-comentarios{ background: url("../img/layout/balao.png") no-repeat scroll right 0 transparent; bottom: 10px; color: #FFFFFF; height: 20px; padding-right: 28px; position: absolute; right: 10px; text-decoration: none; text-transform: uppercase;}

.box-comentarios-right{width:327px; float:right;}

.outros-comentarios{padding:40px; font-size:25px; float:left; margin-top:10px; background:url("../img/layout/outros-comentarios.jpg") no-repeat scroll 264px 26px #e2c801; padding:40px 68px 40px 30px;}
.outros-comentarios a{color:#fff; text-decoration:none;}

.area-resposta{ background: none repeat scroll 0 0 #00A9E0; float: right; margin: 10px 0 0; padding: 10px; position: relative; width: 307px;}
.area-resposta .responder{ background: url("../img/layout/bt_comentar.png") no-repeat scroll left 0 transparent; float: left; font-size: 15px; margin: 0; cursor:pointer; padding-left: 27px; border:0; color:#fff;}
.area-resposta .limitecaracter{top:10px;}

.seta{ background: url("../img/layout/icon_seta_box_resp_right.png") no-repeat scroll 0 0 transparent; height: 17px; left: -7px; position: absolute; top: 20px; width: 7px;}/* --- Comentarios BSC --- */
.seta-direita{ background: url("../img/layout/icon_seta_box_resp_left.png") no-repeat scroll 0 0 transparent; height: 17px; right: -7px; position: absolute; top: 20px; width: 7px;}/* --- Comentarios BSC --- */

.paginacao{ float: left; margin: 10px 0; width: 100%;}

.box_comentarios_txt .resposta{left:144px; bottom:7px;}

.bt-formalizar{ bottom: 11px; color: #FFFFFF; height: 20px; left: 20px; position: absolute; text-decoration: none; width: 105px;}

/* Pagina Painel OS */
.painel-pag{background:#59c20d; padding:10px; float:left; position: relative;  width: 410px; height: 192px;}
.painel-pag span.atualizacao{font-size:16px; width:100%; float:left; margin-top:16px;}
.painel-pag span.criticas{font-size:16px; float:left;}
.painel-pag span.data-atua{font-size:20px; float:left; margin-top:15px; width:172px;}
.painel-pag span.num-tarefas{font-size:55px; float:left; margin:0 5px 0 0; width: 140px;}
.painel-pag span.cri-tarefas{font-size:50px; float:right; margin:-10px 0 0 10px;}
.painel-pag span{font-size:16px; float:left;}
.painel-pag span.total-abertos{font-size:16px; float:left; margin-top:15px;}

.painel-pag .icone-painel{top: 10px; right: 10px; position: absolute;}
.painel-pag .mais-plano{bottom: 5px; position: absolute; right: 12px; display:none;}
.icone-total{bottom: 12px; float: left;  position: absolute; right: 5px; width: 35px;}

.painel-pag table{ border: 0 none; width: 245px; text-align:center; float:right; margin-top:17px;}
.painel-pag table thead tr.linha{background:#408e08; height:26px; color:#fff; text-align:center; font-size:14px;}
.painel-pag table th{border: 1px solid transparent;}

.painel-pag table tbody tr{background:#fff; height:25px; color:#59c20d; text-align:center; font-size:14px;}
.painel-pag table tbody td{border:1px solid transparent; }
.painel-pag table tbody td img{border: 0; width:16px; }

.pagina-painel  .qd-utualizacao{width:105px; height:98px; float:left; background: #63c5c6; margin-left: 15px; position:relative;}
.pagina-painel  .qd-utualizacao span.titulo-qd{  color: #FFFFFF; float: left; font-size: 16px; margin:6px 11px 0 6px;}
.pagina-painel  .qd-utualizacao span.data-qd{  color: #FFFFFF; float: left; font-size: 15px; line-height: 19px; margin: 7px 9px 0 6px;}
.pagina-painel  .qd-utualizacao img.icone{ bottom: 5px; position: absolute; right: 5px; width: 25px;}

.pagina-painel  .qd-score{width:105px; height:98px; float:left; background: #63c5c6; margin-left: 15px; position:relative;}
.pagina-painel  .qd-score span.titulo-qd{  color: #FFFFFF; float: left; font-size: 18px; margin:10px 11px 0; width:85px;}
.pagina-painel  .qd-score span.quantidade-qd{ color: #fff; font-size: 29px; float:left; margin:13px 10px 0;}
.pagina-painel  .qd-score span.icone{  background: url("../img/layout/icones.png") no-repeat scroll -56px 0 transparent; bottom: 9px; height: 32px; position: absolute; right: 9px; width: 32px;}

.pagina-painel  .qd-finalizar{ background: none repeat scroll 0 0 #DAC723; float: left; height: 98px; margin: 16px 0 0 15px; position: relative; width: 105px;}
.pagina-painel  .qd-finalizar span.titulo-qd{  color: #FFFFFF; float: left; font-size: 16px; margin:10px 0 0 9px; width:91px;}
.pagina-painel  .qd-finalizar span.icone{ background: url("../img/layout/icone-download.png") no-repeat scroll 0 0 transparent; bottom: 9px; height: 23px; position: absolute; right: 5px; width: 14px;}

.pagina-painel .qd-comentarios{ background: none repeat scroll 0 0 #DAC723; float: left; height: 98px; margin: 16px 0 0 15px; position: relative; width: 105px;}
.pagina-painel  .qd-comentarios span.titulo-qd{  color: #FFFFFF; float: left; font-size: 16px; margin:10px 9px 0; width:85px; line-height:16px;}
.pagina-painel  .qd-comentarios span.quantidade-qd{  color: #FFFFFF; float: left; font-size: 50px; margin: 16px 4px 0;;}
.pagina-painel  .qd-comentarios span.icone{ background: url("../img/layout/icones.png") no-repeat scroll -1px 0 transparent; bottom: 9px; height: 32px; position: absolute; right: 5px; width: 37px;}

.box-detalhes-os{width:100%; float: left; margin-top:20px;}

.painelos-pag{margin-top: 0;}
.painelos-pag h3{width: 671px; height: 27px; font-size: 18px; text-transform: uppercase; text-align: center; background: #52892b; padding-top: 9px; position: relative;}

#selecao-dashboard{ position: absolute; top: 5px; right: 10px; width: 200px;}
.icon-bar{ background-color: #fff; width: 24px; height: 2px; display: block; clear: both; margin: 5px 0 0; }

#selecao-dashboard small{font-size: 12px !important; text-transform: none; float: right; margin: 5px 15px 0 0; }
#selecao-dashboard #click-drop-menu{float: right;}

#selecao-dashboard ul {display:none; list-style: none; background-color: #00a9e0; padding: 0; width: 100px; position: absolute; right: 0; top:5px; z-index: 9;}
#selecao-dashboard ul li{font-size: 13px; padding: 4px 10px;}

#selecao-dashboard ul li:hover{background-color: #8AE1FD;}
#selecao-dashboard ul li:hover a{color: #15589c;}

#selecao-dashboard ul li a{color: #fff; text-decoration: none; text-transform: none;}

.filtro-tabela-painel ol{list-style: none; padding: 0; margin: 0; width: 100%; float: left;}
.filtro-tabela-painel ol li{width: 31%; float: left; margin: 12px 12px 0 0;}
.filtro-tabela-painel ol li label{width: 100%; display: block; color: #000;}
.filtro-tabela-painel ol li select{width:80%; background-position: 92px -63px !important; border: 1px solid #00A9E0; color: #666666; float: left; font-size: 13px; padding: 7px;}


.graficos-painelos{height: 280px; float: left; width: 327px; margin-top: 15px;}
.margin-graficos{margin-left: 15px;}

.filtro-tabela-painel .texto{
	background: #fff !important;
	border: 1px solid #00a9e0 !important;
	padding: 7px 6px;
	font-size:14px;
}

.campos_data{width: 40% !important;}

.base {width: 60% !important;}

.comentario_painelos {margin: 20px 0 0; width: 100%; float: left;}
.comentario_painelos h2{color: #000; margin: 0; font-size: 20px;}
.comentario_painelos .quadro-comentario{ float: left; height: auto !important; width: 100%;}
.comentario_painelos .quadro-comentario textarea{ border: 1px solid #15589C; height: 60px; margin: 0 0 0 10px; outline: medium none; width: 580px;}
.comentario_painelos .quadro-comentario a{ background: #8ae1fd; color:#14579d !important; display:block; float:left; text-decoration:none;padding:10px 8px 10px 9px !important;}
.comentario_painelos .quadro-comentario a:hover{color:#fff !important; background: #00a9e0 !important;}
.comentario_painelos .quadro-comentario img{float:left;}

.comentario_painelos .quadro-comentario span{ float: left; padding-left: 50px; width: 341px;}
.comentario_painelos .quadro-comentario span input.attach{float:left; border: 1px solid #15589C; padding:3px; width:251px;}
.comentario_painelos .quadro-comentario span input.submit{ border: 1px solid #333333; color: #333333; display: block;float: left; margin-left: 5px; padding: 2px 5px;}

.comentario_painelos .area-comentario{ background: none repeat scroll 0 0 #8AE1FD; float: left; height: auto; padding: 10px 20px; width: 94%;}

.comentario_painelos ol{width: 100%; float: left; padding: 0; margin:0; list-style: none;}
.comentario_painelos ol li{margin-top: 15px; width: 100%; float: left; padding-bottom: 15px; border-bottom: 1px solid #000;}
.comentario_painelos ol li p{color: #000; font-size: 14px; margin: 7px 0 0; width: 100%; float: left;}

.btn_down_painelos {background: #00a9e0; border:0; font-size: 14px; margin-top:20px; cursor: pointer; display:block; float:left; padding:10px 18px; margin-right:5px; color:#fff !important; text-decoration:none;}

/* Fim Painel OS */

/* --- Css Abas no link "Alterar" na pagina Painer OS ---*/

div#caixa {display: inline-block; width: 100%; margin-top:20px;}
div#caixa p#abas {display: inline-block; width: 790px; margin: 0 0 0 0; padding: 0; overflow: hidden; vertical-align: bottom;}
div#caixa p#abas a {display: inline-block; background: #00a9e0; display:block; float:left; padding:10px 18px; margin-right:5px; color:#fff; text-decoration:none;}
div#caixa p#abas a:hover {background-color: #8ae1fd; color: #14579d;}
div#caixa p#abas a.selected {background-color: #8ae1fd; color: #14579d;}
div#caixa ul#conteudos {display: inline-block; width: 768px; margin: 0; padding: 0;}
div#caixa ul#conteudos li {display: inline-block; width: 758px; padding: 0;}

#conteudos ol li{ display: block !important; height: 84px !important; width: 33% !important;}

/* --- Css Abas no link "Alterar" na pagina Painer OS ---*/

/*Chamado sistema teleco */

.detalhes-chamado-green{background:#59C20D; float: left; margin: 10px 10px 0 0; padding: 10px; position: relative; width: 134px;}

.detalhes-chamado-red{background:#BF1E4A; float: left; margin: 10px 10px 0 0; padding: 10px; position: relative; width: 134px;}

.detalhes-chamado-red span.atualizacao, .detalhes-chamado-green span.atualizacao{font-size:16px; width:100%; float:left; margin-top:0;}
.detalhes-chamado-red h3, .detalhes-chamado-green h3 { font-size: 13px; margin: 0; padding-bottom: 4px;}
.detalhes-chamado-red span.criticas, .detalhes-chamado-green span.criticas{font-size:16px; float:left;}
.detalhes-chamado-red span.data-atua, .detalhes-chamado-green span.data-atua{ float: left; font-size: 13px; margin-top: 7px; width: 100%;}
.detalhes-chamado-red span.num-tarefas, .detalhes-chamado-green span.num-tarefas{ float: left; font-size: 31px; margin: 3px 5px 0 0;}
.detalhes-chamado-red span.cri-tarefas, .detalhes-chamado-green span.cri-tarefas{font-size:50px; float:right; margin:-10px 0 0 10px;}
.detalhes-chamado-red span, .detalhes-chamado-green span{float: left;font-size: 12px;margin: 5px 0 0;}
.detalhes-chamado-red .icone-painel, .detalhes-chamado-green .icone-painel{top: 10px; right: 10px; position: absolute; display:none;}
.detalhes-chamado-red .mais-plano, .detalhes-chamado-green .mais-plano{bottom: 5px; position: absolute; right: 12px; display:none;}

.icone-total{bottom: 12px; float: left;  position: absolute; right: 5px; width: 35px;}

.detalhes-chamado{float: left; width: 328px;}
/* Fim sistema chamado teleco */

#div_mensagem_perfil_set img{margin:12px 0 0 15px !important;}

.ui-datepicker-trigger{width:20px; margin:16px 0 0 10px !important; height:20px;}

.tableDiv{ float: left;}

.fixedContainer{width:441px !important; float:left;}

.fixedContainer .fixedHead{width:417px !important;}

.fixedHead td{ background: none repeat scroll 0 0 #00A9E0;}

.fixedContainer .fixedTable{width:437px !important;}

.fixedTable {float:left;}
.fixedTable td {background: none repeat scroll 0 0 #ECEDED; color:#07A4A9;}

.fixedContainer .fixedHead td{ height: 58px; padding: 0 4px;}
.fixedContainer .fixedTable td{ height: 39px; padding: 6px 4px;}

.fixedColumn {width:224px !important;}
.fixedColumn .fixedHead {width:100%;}
.fixedColumn .fixedHead td{width:104px !important; height:58px; padding:0 4px;}
.fixedColumn .fixedTable{width:100%;}
.fixedColumn .fixedTable td{width:100px !important; padding:6px; height:39px;}


/* --- Cadastro asv ----- */
.form-cadastro-asv select{padding:6px !important;}

#fotos{width:100%; float:left; margin-top:10px;}
#fotos div.galeria-fotos{ border: 1px solid #00A9E0; float: left; margin:10px 7px 0; padding: 10px; width: 138px;}
#fotos div.galeria-fotos img{float:left;}
#fotos div.galeria-fotos strong{ float: left; padding: 0 0 5px;; text-align:center; color:#333; text-decoration:none; width:100%; float:left;}
#fotos div.galeria-fotos a{ float: left; margin: 8px 8px 0; color:#333; text-decoration:none;}
#fotos div.galeria-fotos a img{width:15px;}


#div-file-fotos{ background: url("../img/layout/bt-file.jpg") no-repeat scroll right top transparent; height:32px; float: left; margin: 7px 0 0; width: 308px; position:relative;}
span.span-anexo{color:#00a9e0 !important; font-size:14px !important; margin-top:15px !important;}

#div-file-fotos #foto1{opacity: 0.0;-moz-opacity: 0.0;filter: alpha(opacity=00);font-size:18px;width:308px}
#div-file-fotos #news_imagem{opacity: 0.0;-moz-opacity: 0.0;filter: alpha(opacity=00);font-size:18px;width:308px} /* file pagina news */

#div-input-falso-foto{position:absolute; top:0; left:0;}

#div-input-falso-foto #file-falso-foto{height: 30px; width: 205px;background:#fff; color:#666666; border:1px solid #00a9e0; padding:0;}

#gravar{ background: url("../img/layout/upload.jpg") no-repeat scroll 0 2px #00A9E0; color: #FFFFFF !important; float: left; font-size: 14px !important; margin: 7px 0; padding: 8px 15px 9px 40px; text-decoration: none;}

.box_curso_info_right .qd-data-news{width:105px; height:98px; float:left; background: #DAC723; margin:16px 0 0 15px; position:relative;}
.box_curso_info_right .qd-data-news span.titulo-qd{ color: #fff;font-size: 19px; margin: 18px 7px 0; float: left;}
.box_curso_info_right .qd-data-news span.titulo-small{ color: #fff; font-size: 17px;margin: 15px 10px 0; float:left;}
.box_curso_info_right .qd-data-news span.quantidade-qd{ color: #fff; font-size: 17px; margin: 11px 7px 0; float: left;}
.box_curso_info_right .qd-data-news span.icone{background: url("../img/layout/icone-calendario.png") no-repeat scroll 0 0 transparent; top: 9px; height: 22px; position: absolute; right: 9px; width: 22px;}

.box_curso_info_right .qd-edicao{width:105px; height:98px; float:left; background: #8AE1FD; margin:15px 0 0 15px; position:relative;}
.box_curso_info_right .qd-edicao span.titulo-qd{ color: #fff; font-size: 16px; margin:11px 10px 0; float:left;}
.box_curso_info_right .qd-edicao span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
.box_curso_info_right .qd-edicao span.icone{  background:url("../img/layout/icones.png") no-repeat scroll -56px 0 transparent; bottom: 9px; height: 32px; position: absolute; right: 5px; width: 37px;}

.box_curso_info_right .qd-item-lido{width:105px; height:98px; float:left; background: #63c5c6; margin:16px 0 0 15px; position:relative;}
.box_curso_info_right .qd-item-lido span.titulo-qd{ color: #fff;font-size: 14px; margin: 18px 7px 0; float: left;}
.box_curso_info_right .qd-item-lido span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
.box_curso_info_right .qd-item-lido span.quantidade-qd{ color: #fff; font-size: 17px; margin: 11px 7px 0; float: left;}
.box_curso_info_right .qd-item-lido span.icone{background: url("../img/layout/icone-certo.png") no-repeat scroll 0 0 transparent;  height: 28px; width: 30px; bottom:9px; position: absolute; right: 9px; }

.box_curso_info_right .qd-item-n-lido{width:105px; height:98px; float:left; background: #63c5c6; margin:16px 0 0 15px; position:relative;}
.box_curso_info_right .qd-item-n-lido span.titulo-qd{ color: #fff;font-size: 14px; margin: 18px 7px 0; float: left;}
.box_curso_info_right .qd-item-n-lido span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
.box_curso_info_right .qd-item-n-lido span.quantidade-qd{ color: #fff; font-size: 17px; margin: 11px 7px 0; float: left;}
.box_curso_info_right .qd-item-n-lido span.icone{background:url("../img/layout/icones.png") no-repeat scroll -113px 0px transparent;  height: 33px; width: 30px; bottom:9px; position: absolute; right: 9px; }

#comentarios{margin:0; list-style:none; padding:0;}
#comentarios li{color:#1F497D;}

.numero-news small{font-size: 13px !important;}
.numero-news h4{margin:0; font-size:20px; font-weight:normal;}
.numero-news span.span-down{margin:2px 0 22px; font-size:17px; line-height:17px;}
.numero-news span.span-total{font-size:16px !important; margin:4px 10px 0 0; line-height:16px;}
.numero-news span.span-icone img{ bottom: 6px; right: 4px; height: 21px; position: absolute; width: 22px;}

/* ---  fim cadastro asv ----- */


/* --- alterar perfil ---- */

.form-alterar-perfil a{color:#00A9E0; text-decoration:none;}

#div_usuario_foto{ border: 1px solid #00A9E0; float: left; margin: 18px 7px 0; padding: 10px; width: 164px;}
#div_usuario_foto img{float:left; margin: 0 12px !important;}
#div_usuario_foto a{ color: #333333; float: left; font-size: 12px; margin: 8px 0 0; text-align: center; text-decoration: none; width: 100%;}
#div_usuario_foto a img{width:15px;}

.quadro-mensagem{ color: #333333; float: right; margin-top: 18px; width: 352px;}

#div_mensagem_perfil_get{ display: block; height: 36px; line-height: 19px; margin-top: 10px;}

#div_usuario_img_crea{ border: 1px solid #00A9E0; float: left; margin: 18px 7px 0 0; padding: 10px; width: 164px;}
/*#div_usuario_img_crea div{float:left; margin: 0 12px !important; width:140px; height:192px;}*/
#div_usuario_img_crea img{float:left; margin:0 !important;}
#div_usuario_img_crea a{ color: #333333 !important; float: left; font-size: 12px; margin: 8px 0 0; text-align: center; text-decoration: none; width: 100%;}
#div_usuario_img_crea a img{width:15px;}
#div_usuario_img_crea span{ font-size: 12px !important; margin: 0 !important; text-align: center; width: 100%;}

#div_usuario_ass_eletronica{ border: 1px solid #00A9E0; float: left; margin: 18px 7px 0 0; padding: 10px; width: 240px;}
#div_usuario_ass_eletronica div{ float: left; width: 164px;}
#div_usuario_ass_eletronica img{float:left; margin:0 !important;}
#div_usuario_ass_eletronica a{ color: #333333 !important; float: left; font-size: 12px; margin: 8px 0 0; text-align: center; text-decoration: none; width: 100%;}
#div_usuario_ass_eletronica a img{width:15px;}
#div_usuario_ass_eletronica span{ font-size: 12px !important; margin: 0 !important; text-align: center; width: 100%;}

/* ---- Biblioteca de arquivos ----- */
/*.menu-left-biblioteca{margin-right:15px;}*/

.box-right-biblioteca{ float: right !important;}

.modal-down h2 a.link-down{ background: url("../img/layout/icone-down-azul.png") no-repeat scroll 0 0 transparent; color: #000000; float: left; padding: 15px 31px 0; text-decoration: none;}
.modal-down h2 a{ color: #000000; float: left; text-decoration: none;}
.modal-down h2 a:hover{ color:#000000; text-decoration:underline;}

.gerar-relatorios a.link-down{ background: url("../img/layout/icone-down-azul.png") no-repeat scroll 0 0 transparent; color: #000000; float: left; padding: 7px 31px 8px; text-decoration: none;}

.menu-biblioteca li ul a{ margin: 7px 0 3px 10px !important; width: 198px; min-height: 33px; display:block;}
.numero-doc small{font-size: 13px !important;}
.numero-doc h4{margin:0; font-size:20px; font-weight:normal;}
.numero-doc span.span-down{margin:5px 0 8px;}
.numero-doc span.span-total{font-size:16px !important; margin:4px 10px 0 0; line-height:16px;}
.numero-doc span.span-icone{ background: url("../img/layout/icone-biblioteca-menu.png") no-repeat scroll 0 0 transparent; bottom: 6px; right: 4px; height: 21px; position: absolute; width: 22px;}


.table-biblioteca span.icone-red{background: url(../img/layout/icone-red.png) no-repeat ;color: #666666; display: block; float: none; height: 8px; margin: 0 auto; position: relative; width: 8px;}
.table-biblioteca span.icone-green{    background: url("../img/layout/icone-green.png") no-repeat ; color: #666666; display: block; float: none; height: 8px; margin: 0 auto; position: relative; width: 8px;}
.table-biblioteca span.icone-amarelo{    background: url("../img/layout/icone-amarelo.png") no-repeat ; color: #666666; display: block; float: none; height: 8px; margin: 0 auto; position: relative; width: 8px;}

.div-input-file{ background: url("../img/layout/bt-file.jpg") no-repeat scroll right top transparent; height:32px; float: left; margin: 7px 0 0; width: 308px; position:relative;}
span.span-anexo{color:#00a9e0 !important; font-size:14px !important; margin-top:15px !important;}

.div-input-file .file-original{opacity: 0.0;-moz-opacity: 0.0;filter: alpha(opacity=00);font-size:18px;}

.div-input-falso{position:absolute; top:0; left:0;}

.div-input-falso #file-falso{height: 30px; width: 205px;background:#fff; color:#666666; border:1px solid #00a9e0; padding:0;}

.azulejos-biblioteca{width: 240px; float: right;}

.azulejos-biblioteca .qd-dt-vigencia{width:105px; height:98px; float:left; background: #63c5c6; margin-left: 15px; position:relative;}
.azulejos-biblioteca .qd-dt-vigencia span.titulo-qd{ color: #fff;font-size: 14px; margin: 18px 7px 0; float: left;}
.azulejos-biblioteca .qd-dt-vigencia span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
.azulejos-biblioteca .qd-dt-vigencia span.quantidade-qd{ color: #fff; font-size: 17px; margin: 11px 7px 0; float: left;}
.azulejos-biblioteca .qd-dt-vigencia span.icone{background: url("../img/layout/icone-calendario.png") no-repeat scroll 0 0 transparent; top: 9px; height: 22px; position: absolute; right: 9px; width: 22px;}

.azulejos-biblioteca .qd-comentarios{width:105px; height:98px; float:left; background: #dac723; margin:0 0 0 15px; position:relative;}
.azulejos-biblioteca .qd-comentarios span.titulo-qd{   color: #FFFFFF; float: left; font-size: 16px; margin: 4px 7px;}
.azulejos-biblioteca .qd-comentarios span.quantidade-qd { bottom: 10px; color: #FFFFFF; float: left; font-size: 50px; left: 0; line-height: 40px; position: absolute;}
.azulejos-biblioteca .qd-comentarios span.icone{  background: url("../img/layout/icones.png") no-repeat scroll -1px 0 transparent; bottom: 9px; height: 32px; position: absolute; right: 5px; width: 37px;}

.azulejos-biblioteca .qd-down{width:105px; height:98px; float:left; background: #dac723; margin:16px 0 0 15px; position:relative;}
.azulejos-biblioteca .qd-down span.titulo-qd{   color: #FFFFFF; float: left; font-size: 16px; margin: 4px 7px;}
.azulejos-biblioteca .qd-down span.quantidade-qd { bottom: 10px; color: #FFFFFF; float: left; font-size: 50px; left: 0; line-height: 40px; position: absolute;}
.azulejos-biblioteca .qd-down span.icone{  background: url("../img/layout/icone-down.png") no-repeat scroll 1px 0 transparent; bottom: 9px; height: 32px; position: absolute; right: 5px; width: 37px;}

.azulejos-biblioteca .qd-item-baixado{width:105px; height:98px; float:left; background: #63c5c6; margin:16px 0 0 15px; position:relative;}
.azulejos-biblioteca .qd-item-baixado span.titulo-qd{ color: #fff;font-size: 14px; margin: 18px 7px 0; float: left;}
.azulejos-biblioteca .qd-item-baixado span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
.azulejos-biblioteca .qd-item-baixado span.quantidade-qd{ color: #fff; font-size: 17px; margin: 11px 7px 0; float: left;}
.azulejos-biblioteca .qd-item-baixado span.icone{background: url("../img/layout/icone-certo.png") no-repeat scroll 0 0 transparent;  height: 28px; width: 30px; bottom:9px; position: absolute; right: 9px; }

.azulejos-biblioteca .qd-item-n-baixado{width:105px; height:98px; float:left; background: #63c5c6; margin:16px 0 0 15px; position:relative;}
.azulejos-biblioteca .qd-item-n-baixado span.titulo-qd{ color: #fff;font-size: 14px; margin: 18px 7px 0; float: left;}
.azulejos-biblioteca .qd-item-n-baixado span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
.azulejos-biblioteca .qd-item-n-baixado span.quantidade-qd{ color: #fff; font-size: 17px; margin: 11px 7px 0; float: left;}
.azulejos-biblioteca .qd-item-n-baixado span.icone{background:url("../img/layout/icones.png") no-repeat scroll -113px 0px transparent;  height: 33px; width: 30px; bottom:9px; position: absolute; right: 9px; }


.div-input-file_1{ background: url("../img/layout/bt_inserir.jpg") no-repeat scroll right top transparent; float: left; margin: 7px 0 0; position: relative;width: 279px;}
.div-input-file_1 #file-original_1{opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:18px;  margin: 0 !important;  width: 277px !important;}
#div-input-falso_1{position:absolute; top:0; left:0;}
#div-input-falso_1 #file-falso_1{height: 25px; width: 210px !important; background:#fff; color:#666666; border:1px solid #00a9e0; padding:0;}

.div-input-file_2{ background: url("../img/layout/bt_inserir.jpg") no-repeat scroll right top transparent; float: left; margin: 7px 0 0; position: relative;width: 279px;}
.div-input-file_2 #file-original_2{opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:18px;  margin: 0 !important;  width: 277px !important;}
#div-input-falso_2{position:absolute; top:0; left:0;}
#div-input-falso_2 #file-falso_2{height: 25px; width: 210px !important; background:#fff; color:#666666; border:1px solid #00a9e0; padding:0;}

.div-input-file_3{ background: url("../img/layout/bt_inserir.jpg") no-repeat scroll right top transparent; float: left; margin: 7px 0 0; position: relative;width: 279px;}
.div-input-file_3 #file-original_3{opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:18px;  margin: 0 !important;  width: 277px !important;}
#div-input-falso_3{position:absolute; top:0; left:0;}
#div-input-falso_3 #file-falso_3{height: 25px; width: 210px !important; background:#fff; color:#666666; border:1px solid #00a9e0; padding:0;}

.divisao-anexo .m_r{margin: 10px 0 0 !important;}
.divisao-anexo .attach{border: 1px solid #00A9E0;float: left; padding: 4px; width: 196px;}

.divisao-anexo .submit{ background: none repeat scroll 0 0 #00A9E0; border: 0 none; float: left; padding: 4px; color:#fff;}

.divisao-anexo{width:700px; float:left; display:block; border-bottom: 1px dashed #CCCCCC; padding-bottom: 18px;}
.divisao-anexo h2 a{color:#000; text-decoration:none}
.divisao-anexo h2 a:hover{color:#000; text-decoration:underline}
.divisao-anexo h2 input{margin-top:0; margin-right:7px;}
.divisao-anexo .editor{margin-top:10px;}

.modulos{width:100%; float:left; margin-top:10px;}

.detalhe{width:100%; float:left; text-align: center; margin-bottom:10px;}

/* ---- Relatorio de Garantia ---- */

#fotos_gar{width:100%; float:left; margin-top:10px;}
#fotos_gar div.galeria-fotos{ border: 1px solid #00A9E0; float: left; margin:10px 7px 0; padding: 10px; width: 138px;}
#fotos_gar div.galeria-fotos img{float:left;}
#fotos_gar div.galeria-fotos strong{ float: left; padding: 0 0 5px;; text-align:center; color:#333; text-decoration:none; width:100%; float:left;}
#fotos_gar div.galeria-fotos a{ float: left; margin: 8px 8px 0; color:#333; text-decoration:none;}
#fotos_gar div.galeria-fotos a img{width:15px;}

.div_img_ral_gar{float:left; padding:6px; border:1px solid #00a9e0; width:146px; margin-right:10px}
.div_img_ral_gar img{margin:0 !important; float:left;}
.div_img_ral_gar p{float:left; text-align:center; margin-top:5px; width:100%;}


span.curso-ativo{ background: url("../img/layout/icon_ativo.png") no-repeat scroll right 0 transparent; font-size: 15px !important; font-weight: normal;  margin: 40px 0 0 !important; padding: 10px 35px 10px 0;}
span.curso-inativo{ background: url("../img/layout/icon_inativo.png") no-repeat scroll right 0 transparent; font-size: 15px !important; font-weight: normal;  margin: 40px 0 0 !important; padding: 10px 35px 10px 0;}


/* ---- Pagina Chamados ----- */

.menu-tabela-chamados{margin-top:10px;}

.modal-detalhes-chamado .quadro-comentario{float:left; width:100%; margin-top:20px;}

.modal-detalhes-chamado .box-left-chamado{width:300px;}

.modal-detalhes-chamado .box-right-chamado .quadro-comentario{ float: left; height: auto !important; width: 429px;}
.modal-detalhes-chamado .box-right-chamado .quadro-comentario textarea{ border: 1px solid #15589C; height: 60px; margin: 0 0 0 8px; outline: medium none; width: 85%;}
.modal-detalhes-chamado .box-right-chamado .quadro-comentario a{ background: #8ae1fd; color:#14579d !important;display:block; float:left; text-decoration:none; font-size: 13px; padding: 10px 6px !important;}
.modal-detalhes-chamado .box-right-chamado .quadro-comentario a:hover{color:#fff !important; background: #00a9e0;}
.modal-detalhes-chamado .box-right-chamado .quadro-comentario img{float:left;}

.modal-detalhes-chamado .box-right-chamado .quadro-comentario span{ float: left; padding-left: 50px; width: 341px;}
.modal-detalhes-chamado .box-right-chamado .quadro-comentario span input.attach{float:left; border: 1px solid #15589C; padding:3px; width:251px;}
.modal-detalhes-chamado .box-right-chamado .quadro-comentario span input.submit{ border: 1px solid #333333; color: #333333; display: block;float: left; margin-left: 5px; padding: 2px 5px;}

.modal-detalhes-chamado .area-comentario{ background: none repeat scroll 0 0 #8AE1FD; float: left; height: auto; padding: 10px 20px; width: 388px;}

.bg-cinza-interacao-chamado li{background-color: #F0F0F0;}
.bg-cinza-interacao-chamado .resp_email{margin-left: 10px;}

.interacao-laranja, .interacao-laranja p{color:#E9731B !important;}
.interacao-verde, .interacao-verde p{color:#59C20D !important;}
.interacao-vermelha, .interacao-vermelha p{color:#BF1E4A !important;}
.interacao-cinza, .interacao-cinza p{color:#666666 !important;}

.modal-resposta .quadro-comentario{width: 403px !important;}
.modal-resposta .quadro-comentario textarea{  border: 1px solid #15589C;  height: 60px; margin: 0 0 0 10px; outline: medium none; width: 82%;}

.modal-resposta .area-comentario{padding:10px 20px; float:left; width:361px; background: #8ae1fd; height: auto !important;}
.modal-resposta .area-comentario img{float:left;}

.modal-resposta .quadro-comentario a{ background: none repeat scroll 0 0 #00A9E0; color: #FFFFFF; display: block; float: left; font-size: 12px; margin-right: 5px; padding: 10px 7px; text-decoration: none;}
.modal-resposta .quadro-comentario a:hover{background: #8ae1fd !important; color:#14579d !important;}

.modal-resposta .quadro-comentario i{background: url(../img/layout/icones-comentarios.png) no-repeat; width:24px; height:24px; display:block; float:left; margin-right:5px;}
.modal-resposta .quadro-comentario span{margin-top:0px; float:left;}

.file-comentarios{ background: url("../img/layout/anexo.jpg") no-repeat scroll right top transparent; height:32px; float: left; margin: 7px 0 0 50px; width: 67px; position:relative;}
span.span-anexo{color:#00a9e0 !important; font-size:14px !important; margin-top:15px !important;}

.file-comentarios #file-original{opacity: 0.0;-moz-opacity: 0.0;filter: alpha(opacity=00);font-size:21px;  margin: 0 !important; width: 101px !important;}

input.anexo {
position: relative;
z-index: 9999;
opacity: 0.0;
-moz-opacity: 0.0;
filter: alpha(opacity=00);
font-size: 21px;
}

#div-campo-falso{position:absolute; top:0; left:0; display:none;}

.div-campo-falso #file-falso{height: 30px; width: 205px !important; background:#fff; color:#666666; border:1px solid #00a9e0; padding:0;}

.mais-filtro{ margin-top:; display:block;}
.mais-filtro img{ float: left; margin: 0 8px 0 0; width: 14px;}

.menu-topo{width:100%; float:left;}
.menu-topo ul{width:100%; float:left; padding:0; margin:0; list-style:none;}
.menu-topo ul li{font-size:16px; float:left; padding:10px 10px 8px 0; color:#15589c;}
.menu-topo ul li a{color:#15589c; text-decoration:none;}
.menu-topo ul li img{float:left; margin:0 5px 0 0; border:0;}
.menu-topo ul li span{float:left; margin-right:5px;}
.menu-topo ul li input{float:left; margin:1px 5px 0 0;}
.menu-topo .total_registro{float:none !important; margin:0 !important;}
/* --- fim chamados -- */



/* --- News --- */

.conteudo-news{ background: none repeat scroll 0 0 #FFFFFF; float: left; margin: 15px 9px; padding: 9px; width: 940px;}

.conteudo-news .left{float:left; width:700px;}
.conteudo-news .left img{float:left;}
.conteudo-news .left .prev-conteudo{float:left; font-size: 12px; width: 265px;}
.conteudo-news .left .prev-conteudo h2{  color: #023F76; font-size: 14px; margin:0;}
.conteudo-news .left .prev-conteudo h2 a{  color: #023F76; text-decoration:none;}
.conteudo-news .left .prev-conteudo ul{list-style:none; margin:14px 0 0; padding:0;}
.conteudo-news .left .prev-conteudo li{font-size:12px; color:#023F76; margin-top:6px;}

.detalhes-news{width:100%; float:left; margin-top:20px;}
.detalhes-news p{ color:#333;}

.box_curso_info_right a{color:#fff; text-decoration:none;}

.conteudo-news  .quadro-comentario{ float: left; height: auto !important; width: 100%;}
.conteudo-news  .quadro-comentario textarea{ border: 1px solid #15589C; height: 60px; margin: 0 0 0 10px; outline: medium none; width: 844px;}
.conteudo-news  .quadro-comentario a{ background: #8ae1fd; color:#14579d !important;display:block; float:left; text-decoration:none;padding:10px 8px 10px 9px !important;}
.conteudo-news  .quadro-comentario a:hover{color:#fff !important; background: #00a9e0;}
.conteudo-news  .quadro-comentario img{float:left;}

.conteudo-news  .quadro-comentario span{ float: left; padding-left: 50px; width: 341px;}
.conteudo-news  .quadro-comentario span input.attach{float:left; border: 1px solid #15589C; padding:3px; width:251px;}
.conteudo-news  .quadro-comentario span input.submit{ border: 1px solid #333333; color: #333333; display: block;float: left; margin-left: 5px; padding: 2px 5px;}

.conteudo-news .area-comentario{ background: none repeat scroll 0 0 #8AE1FD; float: left; height: auto; padding: 10px 20px; width: 95%;}

.news-grid .box_curso_info_right{width: 240px; float: right;}

.news-grid .left .prev-conteudo a{color:#023F76 !important;}
.news-grid .left .prev-conteudo h3{font-size: 14px !important; font-weight: bold; margin: 10px 0 !important;}



.botoes-perfil{ bottom: 20px; position: absolute; right: 20px;}

ol.imgs-perfil{padding-bottom:61px !important;}

.div-file-perfil{ float: left; position:relative;}

.div-file-perfil input{cursor: pointer;}

.div-file-perfil #foto1{-moz-opacity: 0.0; filter: alpha(opacity=00); font-size: 13px; opacity: 0; position: relative; z-index: 9999;}
.div-file-perfil #crea1{-moz-opacity: 0.0; filter: alpha(opacity=00); font-size: 13px; opacity: 0; position: relative; z-index: 9999;}
.div-file-perfil #ass1{-moz-opacity: 0.0; filter: alpha(opacity=00); font-size: 13px; opacity: 0; position: relative; z-index: 9999;}

#div-input-falso-perfil{position:absolute; top:0; left:0; color:#666666; cursor:pointer;}


#assinar{ background: none repeat scroll 0 0 #00A9E0; border: 0 none; color: #FFFFFF; font-weight: bold; padding: 10px 20px; cursor:pointer;}

#envia_email{width:100%; float:left;}


.prev-conteudo-news{float:left; font-size: 12px; width: 700px; }
.prev-conteudo-news h2{ color: #023F76; font-size: 24px; margin:0;}
.prev-conteudo-news h3{ color: #023F76; font-size: 20px; margin:5px 0 0;}
.prev-conteudo-news h2 a{ color: #023F76; text-decoration:none;}
.prev-conteudo-news ul{list-style:none; margin:14px 0 0; padding:0;}
.prev-conteudo-news li{font-size:12px; color:#023F76; margin-top:6px;}

#comentarios li{width:100%; float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #cececf;}

.foto-comentario{float:left;}

.descricao-comentario{float:left; width:90%;}
.descricao-comentario p{float:left; margin:0 0 10px 20px; font-size:15px;}
.descricao-comentario span{ width:100% !important; float:left; margin:0 0 0 20px; padding:0 !important; font-size:12px; color:#666666;}

.descricao-comentario span{}
/* --- News --- */

#passos h2{font-size:20px !important;}

#preview{float:left; width:100%;}

#preview p{margin:10px 0 0; float:left; width:100%;}

#preview  ul.dados-acesso{padding:0; margin:20px 0 0; list-style:none;}

#preview  ul.dados-acesso li {width:33%; float:left; color:#999999;}

#preview  ul.dados-acesso li strong{color:#00A9E0;}

#preview span{}

#preview h3{margin:22px 0 0; float:left; width:100%;}

#preview h4{margin:7px 0 0; float:left; width:100%;}

#preview div.edicao{ border-bottom: 1px dashed #ccc; float: left; margin-top: 10px; padding-bottom: 12px; width: 100%;}
#preview div.edicao a{ float: left; margin-right: 10px; text-decoration: none;}

#boxes_news{width:100%; float:left;}
#conteudo_boxes {width:100%; float:left;}
#permissoes {width:100%; float:left;}

#conteudo_boxes table{ border: 0 none; margin: 15px 0 0 -1px; width: 100%; float: left;}
#conteudo_boxes table thead tr.linha{background:#00a9e0; color:#fff; text-align:center; font-size:11px;}
#conteudo_boxes table th{border: 1px solid #fff; padding:12px 6px;}

#conteudo_boxes table tbody tr.linha{background:#E9E7E8; height:43px; color:#666; text-align:center; font-size:12px;}
#conteudo_boxes table tbody td{border:1px solid #fff; }
#conteudo_boxes table tbody td img{border: 0; width:16px;}

#conteudo_boxes a.link-add{float:left; margin-top:10px; color:#333; text-decoration:underline;}
#conteudo_boxes a.link-add img{float:left; margin-right:5px;}
#conteudo_boxes a.link-add:hover{text-decoration:none;}

#boxes_news table{ border: 0 none; margin: 15px 0 0 -1px; width: 100%; float: left;}
#boxes_news table thead tr.linha{background:#00a9e0; color:#fff; text-align:center; font-size:11px;}
#boxes_news table th{border: 1px solid #fff; padding:12px 6px;}

#boxes_news table tbody tr.linha{background:#E9E7E8; height:43px; color:#666; text-align:center; font-size:12px;}
#boxes_news table tbody td{border:1px solid #fff; }
#boxes_news table tbody td img{border: 0; width:16px;}

#permissoes table{ border: 0 none; margin: 15px 0 0 -1px; width: 100%; float: left;}
#permissoes table thead tr{background:#00a9e0; color:#fff; text-align:center; font-size:11px;}
#permissoes table th{border: 1px solid #fff; padding:12px 6px;}

#permissoes table tbody tr{background:#E9E7E8; height:43px; color:#666; text-align:center; font-size:12px;}
#permissoes table tbody td{border:1px solid #fff; }
#permissoes table tbody td img{border: 0; width:16px;}


.table-faturas-doe{ border: 0 none; margin: 15px 0 0 -1px; width: 100% ; float: left;}
.table-faturas-doe thead tr.linha{background:#00a9e0; color:#fff; text-align:center; font-size:11px;}
.table-faturas-doe th{border: 1px solid #fff; padding:12px 6px;}

.table-faturas-doe tbody tr.linha{background:#E9E7E8; height:43px; color:#666; text-align:center; font-size:12px;}
.table-faturas-doe tbody td{border:1px solid #fff;}

.font-color{color:#333;}

.tabela-faturas td{text-align: center;}

#avaliacao_item{width:100%; float:left;}

#container-auditoria{margin-top: 15px;}
.pg_auditoria .quadro-table{width: 100%}

.quadro-table-auditoria table thead tr.linha{background:#00a9e0; height:30px; color:#fff; text-align:center; font-size:13px;}

.quadro-table-auditoria table tbody tr.linha{background:#eceded; color:#07a4a9; text-align:left; }
.quadro-table-auditoria table tbody tr td{padding:6px;}
.quadro-table-auditoria table tbody tr.linha a{color:#07a4a9;}
.quadro-table-auditoria table tbody tr.even{font-size:12px;}

.modal-down-auditoria h2 a.link-down { background: url("../img/layout/icone-down-azul.png") no-repeat scroll 0 0 transparent; color: #000000; padding: 15px 31px 0; text-decoration: none;}

.gerar-relatorios{width:100%; float:left; color:#333; margin-top:20px;}
.gerar-relatorios ol{margin:0; padding:0; list-style:none; width:100%; float:left; margin-top:10px;}
.gerar-relatorios li a{ color:#333; display: block; padding: 5px 0 0 20px;}
.gerar-relatorios center{ float: left; margin-top: 20px; width: 100%;}
.gerar-relatorios a.btn-relatorio{ background: none repeat scroll 0 0 #00A9E0; color: #FFFFFF; float: right; margin-top: 12px; padding: 13px 10px; text-decoration: none;}

#dialog_relatorio table img.dow{width:30px;}
#dialog_relatorio a.btn-relatorio{ background: none repeat scroll 0 0 #00A9E0; color: #FFFFFF; float: right; margin-top: 12px; padding: 13px 10px; text-decoration: none;}
#dialog_relatorio small{ color: #666666;float: left; margin: 18px 0 0 243px; font-size:14px;}
#dialog_relatorio small img{float:left;}
#dialog_relatorio small span{float:left; margin-top:10px;}

#dialog_relatorio input.texto{font-size:13px; background:#fff; color:#000; width:200px; border:1px solid #00a9e0; padding:7px 6px; margin-top:10px; float:left;}

#dialog_relatorio .gerar_data_revisao label{color:#000000; font-size:15px; margin:20px 0 0 0; float:left; font-weight:normal; width:100%;}
#dialog_relatorio .gerar_data_revisao ol{list-style:none; margin:0; padding:0 0 0 0; width:100%; float:left;}
#dialog_relatorio .gerar_data_revisao ol li{width:100%; float:left;}
#dialog_relatorio .gerar_data_revisao .btn-relatorio{ background: none repeat scroll 0 0 #00A9E0; border:0; color: #FFFFFF; float: left; margin-top: 12px; padding: 10px 13px; cursor: pointer; text-decoration: none; font-size: 13px;}

.gerar_data_revisao{width: 100%; float: left;}

.comentario-relatorio {margin-top: 8px !important;}
.comentario-relatorio li div{background-color:#F0F0F0; padding-left: 10px; padding-bottom: 10px; width: 95% !important;}
.comentario-relatorio p{ white-space: inherit !important; width: 223px !important; padding-right: 10px;}
.comentario-relatorio h3{width: 64px !important;}

.campos_valor_data h2{margin: 17px 0 0 !important; width: 51px !important; clear: both;}

.button{ border:0; background: none repeat scroll 0 0 #00A9E0; color: #FFFFFF; float: right; padding: 13px 10px; text-decoration: none;}

.comentario{color:#333;}

.comentarios-auditoria{margin-top:0 !important;}

#frm_edit h2 a{background: url("../img/layout/icone-down-azul.png") no-repeat scroll 0 0 transparent; color: #000000; float: left; padding: 15px 31px 0; text-decoration: none;}

.margin-header{margin-top:0 !important}




/* ---- auditoria ----- */

.qd-relatorio{margin-top:15px;}
.qd-relatorio img{width:24px !important; height: auto !important; bottom: 7px !important;}

	.qd-avaliacao{width:105px; height:98px; float:left; background:#DAC723; margin:17px 0 0 15px; position:relative;}
	.qd-avaliacao span.qd-titulo{ color: #fff; float: left; font-size: 19px; line-height: 28px; margin: 11px 8px 0;}
	.qd-avaliacao span.titulo-qd{ color: #fff; font-size: 16px; margin:11px 10px 0; float:left;}
	.qd-avaliacao span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
	.qd-avaliacao span.icone{  bottom: 13px; right: 9px; height: 32px; position: absolute; width: 37px;}


/* grid 

div.box_sala_aula {
	position:relative;
	width:940px;
	padding: 5px 15px 15px;
	background: #fff;
	color:#023f76;
	margin-bottom: 15px;
	margin-top:15px;
	float:left;
}

.padding-top{padding-top:5px !important;}

.menu-chamado{width:100%; float:left; padding-bottom:10px;}
.menu-chamado ul{margin:0; padding:0; list-style:none;}
.menu-chamado ul li{float:left; font-size:16px; padding:10px; text-align:center; background:#07a4a9; margin:0 10px 0 0; position:relative; height:18px;}

.menu-chamado ul li a{color:#fff; text-decoration:none; display:block;}

.menu-chamado li ul { position: absolute;	left: -1000em; width: 10em; margin: 0; padding-top:13px;}
.menu-chamado li ul li{width:207px; text-align:left; height:auto; padding: 7px 10px; margin: 0; z-index: 999999;}
.menu-chamado li ul a span{color:#004547; float: right; text-align: left; width: 35px;}
.menu-chamado li ul a:hover{text-decoration:underline;}

.menu-chamado li:hover ul, .menu-chamado li li:hover ul, .menu-chamado li.over ul, .menu-chamado li li.over ul { left: 0;}


.menu-tabela{width:100%; float:left; margin:10px 0 0;}
.menu-tabela ul{width:100%; float:left; background: #15589c; padding:0; margin:0; list-style:none; height:36px;}
.menu-tabela ul li{font-size:16px; float:left; padding:10px 0 8px 10px; color:#fff;}
.menu-tabela ul li a{color:#fff; text-decoration:none;}
.menu-tabela ul li img{float:left; margin:0 5px 0; border:0;}

.menu-tabela ul li a i{background: url(../img/layout/icones-chamado.png) no-repeat; width:17px; height:15px; display:block; float:left; margin-right:5px;}
.menu-tabela ul li a i.icone-chamado{background-position: 2px -4px;}
.menu-tabela ul li a i.icone-extrair{background-position: -19px -4px;}
.menu-tabela ul li a i.icone-imprimir{background-position: -41px -4px;}
.menu-tabela ul li a i.icone-filtro{background-position: -62px -4px;}
.menu-tabela li a i.icone-alterar{background-position: -83px -4px;}
.menu-tabela li a i.icone-envio{background: url("../img/layout/icone-envio.png") no-repeat scroll 1px 2px transparent;}

.table-chamado{float:left;}
.table-chamado th{text-transform: uppercase;}

.table-chamado i{background: url(../img/layout/icones-chamado.png) no-repeat; width:17px; height:20px; display:block;}
.table-chamado i.icone-clip-branco{background-position: -122px 0px; margin:0 auto;}
.table-chamado i.icone-clip-cinza{background-position: -105px 0px; margin:0 auto;}
.table-chamado span.icone-red{background: url(../img/layout/icone-red.png) no-repeat right 3px; position:relative; padding-right:15px; color:#666666;}
.table-chamado span.icone-green{background: url(../img/layout/icone-green.png) no-repeat right 3px; position:relative; padding-right:15px; color:#666666;}
.table-chamado a{color:#666666; text-decoration:none;}

.table{ border: 0 none; margin: 10px 0 0 -4px; width: 948px; float: left;}
.table thead tr.linha{background:#00a9e0; height:43px; color:#fff; text-align:center; font-size:11px;}
.table th{border: 2px solid #fff}
.table th.prim-coluna{border-right:4px solid #fff;}
.table th.dmais-colunas{border-left:4px solid #fff; border-right:4px solid #fff;}
.table th.ulti-colunas{border-left:4px solid #fff; border-right: none;}

.table tbody tr.linha{background:#cacaca; height:43px; color:#666; text-align:center; font-size:12px;}
.table tbody tr.efeito-zebra{background:#E9E7E8;}
.table tbody td{border:2px solid #fff; }
.table tbody td img{border: 0; width:16px;}
*/

/* Home rma form */

.box-right-rma{width:732px !important; margin:0 !important;}
.box-right-rma h3{float:left; font-size:18px; color:#fff; margin:0; font-weight:normal; width:83%; line-height: 18px;}
.box-right-rma a{color:#fff; }

.quadros-home{padding:10px; width:203px; float:left; position: relative;}
.quadros-home span.atualizacao{font-size:16px; width:100%; float:left; margin-top:15px;}
.quadros-home span.data-atua{font-size:20px; width:100%; float:left; margin-top:7px;}
.quadros-home span.num-tarefas{font-size:55px; float:left; margin:30px 5px 0 0;}
.quadros-home span{font-size:15px; float:left; margin-top:33px;}
.quadros-home span.des-tarefa{width:95px; font-size:15px; float:left; margin-top:33px;}

.novo-rma{position: relative;}
.novo-rma img{position:absolute; right:10px; bottom: 15px;}

.quadros-home  .icone{position:absolute; top:10px; right:10px; width:41px;}

.bg-verde{background:#59C20D;}
.bg-amarelo{background:#DAC723;}
.bg-roxo{background:#A300A9;}
.bg-vermelho{background:#BF1E4A;}
.bg-laranja{background:#E9731B;}
.bg-azul{background: #63c5c6;}
.bg-cinza{background-color: #696969;}
.bg-verde-escuro{background: #408e08 !important;}

.quadros-home table{ border: 0 none; margin: 15px 0 0 -4px; width: 245px; text-align:center; float:left;}
.quadros-home table thead tr.linha{background:#408e08; height:26px; color:#fff; text-align:center; font-size:14px;}
.quadros-home table th{border: 1px solid transparent;}

.quadros-home table tbody tr{background:#fff; height:25px; color:#59c20d; text-align:center; font-size:14px;}
.quadros-home table tbody td{border:1px solid transparent; }
.quadros-home table tbody td img{border: 0; width:16px; }

.tabela-os th{width:45px !important;}
.tabela-os td{width:43px;}

/* fim Home rma form */


#tooltip li div{position:relative; float:left; cursor:pointer;}
  
  .tooltip {
    display:none;
    font-size:12px;
    color:#fff;
	z-index:99999;
	 background: none repeat scroll 0 0 #15589C; padding: 6px;
  }


 .btn-painel{background: #15589c; color: #fff; padding: 6px; text-decoration: none;}
 .btn-painel img{}
 .btn-painel span{float: none !important; margin: 0 0 0 6px;}

/* notifica�›es */

.box_geral-not{width:699px; }

.qd-noti{width:105px; height:98px; float:left; background:#dac723; margin-left:15px; position:relative;}
.qd-noti span.titulo-qd{ color: #fff; font-size: 16px; margin:11px 10px 0; float:left;}
.qd-noti span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
.qd-noti span.icone{  background: url("../img/layout/flag2.png") no-repeat scroll 0 0 transparent; bottom: 9px; height: 27px; position: absolute; right: 9px; width: 26px;}

.box_geral-not .prev-conteudo p{font-size: 12px; color: #023F76; margin-top: 6px;}

/* To do List */

.box_geral{margin: 0;}

.painel-todo{width: 700px !important}

.painel-todo h3{margin-top: -30px}

.box-right-todo a, .painel-todo a{color: #FFFFFF;}

.box-right-todo {margin-bottom: 30px}
.box-right-todo .icone{position: absolute; top: 10px; right: 10px;}

.azulejo_todo{height: 229px; margin-bottom: 15px;}

.azulejo_todo .peq{float: right; margin: 38px 5px 0 0;}

.azulejo_todo .peq .tarefas {width: 400px !important; float: right !important;}
.azulejo_todo .peq .tarefas span.num-tarefas{line-height: 55px !important;}
.azulejo_todo .peq .tarefas span.desc{font-size: 16px !important; line-height: 16px; margin: 5px;}
.azulejo_todo .peq table{margin-top: 10px; float: left;}
.azulejo_todo .peq table tbody td{height: 26px; padding: 0;}

.box-right-todo .grid_6{height: auto !important; padding-bottom: 10px;}
.box-right-todo .grid_6 table{margin-left: 10px; width: 94%;}

.box-right-todo .painel-left-blue{background: #00a9e0;}
.quadro_opcoes{float: left; width: 100%;}

/*.md_box{margin-right: 10px}*/

.quadro_opcoes table thead tr.rosa { background: none repeat scroll 0 0 #CF5677; color: #FFFFFF; font-size: 14px; height: 26px; text-align: center;}
.quadro_opcoes table tbody .bg-rosa { background: none repeat scroll 0 0 #EFC7D2; color: #CF5677; font-size: 14px; height: 25px; text-align: center;}

.quadro_opcoes table thead tr.aqua { background: none repeat scroll 0 0 #0790A9; color: #FFFFFF; font-size: 14px; height: 26px; text-align: center;}
.quadro_opcoes table tbody .bg-aqua { background: none repeat scroll 0 0 #C2E9EA; color: #0790A9; font-size: 14px; height: 25px; text-align: center;}

.quadro_opcoes table thead tr.amarelo { background: none repeat scroll 0 0 #DADC00; color: #FFFFFF; font-size: 14px; height: 26px; text-align: center;}
.quadro_opcoes table tbody .bg-amarelo { background: none repeat scroll 0 0 #f6f1c9; color: #DAC723; font-size: 14px; height: 25px; text-align: center;}

.quadro_opcoes table thead tr.azul { background: none repeat scroll 0 0 #0091FF; color: #FFFFFF; font-size: 14px; height: 26px; text-align: center;}
.quadro_opcoes table tbody .bg-azul { background: none repeat scroll 0 0 #8AC6FD; color: #00a9e0; font-size: 14px; height: 25px; text-align: center;}

.quadro_opcoes table { border: 0 none; margin: 15px 0 0; text-align: center; width: 325px;}

.painel_home span.lista {float: right; font-size: 16px; line-height: 16px; margin: 6px 5px 0;}
.painel_home span.cri-lista {float: left; font-size: 55px; margin: 12px 5px 0 0; line-height: 55px;}

.criticas{float: left; width: 165px; margin: 25px 0 0 25px;}

.painel_home span.planejamento {float: left;font-size: 16px; margin: -40px 0 0;}
.painel_home_list{background: none repeat scroll 0 0 #59C20D;
    float: left;
    padding: 10px 10px 40px;
    position: relative;
    width: 680px;}

.prazo{float: left; width: 50%;}
.prazo span.tarefas{float: left; font-size: 50px;  text-align: center; width: 100%;}
.prazo span.servico{float: right; margin: -10px 0 0 10px; text-align: center; width: 100%;}

.opcoes span.quant{float: left; font-size: 55px; line-height:55px; margin-left: 95px;}
.opcoes span.quant-tarefas{float: right; margin: 9px 0 0 10px; line-height: 16px;}

.box_curso_info_right{width: 240px; float: right;}
/* To do List */

/* azulejo home pagina de politica de privacidade nokia */
.margin-box-nokia{/*margin-left: 15px; padding-bottom: 0 !important;*/}

.accordion-nokia li{margin:0 0 10px 0 !important;}
.accordion-nokia .box_accordion{padding-bottom:48px !important;}
.accordion-nokia .link-download{color: #15589c; background: url(../img/layout/icone-down-azul.png) no-repeat -11px -3px;   position: absolute; bottom: 7px; left: 20px; padding: 0 0 6px 23px;}
.accordion-nokia .link-download:hover{color: #fff; background: url(../img/layout/icone-download.png) no-repeat;}

/* NFE 
	=================================
	Backup versao antes Update design
	=================================

		.width-nfe{width:679px !important;}

		.qd-alterar-NFe .titulo-qd{width:70%;}

		.span_meses span{margin: 3px 9px 0 4px !important; font-size: 11px !important;}

		.box-left-NFe {width:40%;}
		.box-left-NFe li{width:100% !important;}

	=================================
	Backup versao antes Update design
	=================================
*/
#container-NFe{margin-top: 15px;}
#container-NFe .box_curso_info_right{width: 240px; float: right;}

.width-nfe{height: 229px}
.width-nfe .dados-atualizacao {width:90%; float: left; margin-left: 10px;}
.width-nfe .dados-atualizacao .atualizacao{ font-size: 16px;}
.width-nfe .dados-atualizacao .data-atua{width:200px !important; margin: 5px 0 18px; font-size:20px;}
.box-right-nfe .total { margin: 50px 0 0 10px; width: 90%; float: left;}
.box-right-nfe .total .des-tarefa{margin: 11px 0 0 5px;}
.box-right-nfe .quadros-home{height: 134px;}
.width-nfe .total{margin-top: 0;}

.quadro-nfe-asv h3{margin:20px 0 0;}
.quadro-nfe-asv .dados-atualizacao {width:100%; float: left;}
.quadro-nfe-asv .dados-atualizacao .atualizacao{width:55px !important; font-size: 16px; margin: 0 0 0 10px;}
.quadro-nfe-asv .dados-atualizacao .data-atua{width:90% !important; margin: 3px 0 0 10px; font-size:20px;}
.quadro-nfe-asv .status_envio { margin: 20px 0 0 10px !important;}
.quadro-nfe-asv .total { margin: 0 0 6px 10px !important;}

.box-right-nfe .quadros-home{padding: 0; height: 229px; margin-bottom: 15px;}
.span_meses span{margin: 3px 9px 0 4px !important; font-size: 11px !important;}

.box-left-NFe {width:40%;}
.box-left-NFe li{width:100% !important;}

.info-nfe ul{margin-top: 0 !important;}

.azulejo-status-NFe{margin-top: 0}
.azulejo-cancelar-NFe{margin-top: 15px; float: right;}

.paginacao_nfe{margin-top: 20px; float: right;}
.form-nfe .div-input-file{ height: auto; background-image: url(../img/layout/bt-arquivo.jpg);}
.form-nfe span.m_r{margin: 21px 0 0 !important;}
.form-nfe .files li{width: 100% !important;}
.form-nfe .files input.attach{border: 1px solid #00a9e0;}
.form-nfe .files input.submit{background-color: #00a9e0; margin-left: 10px; border: 0; color: #fff;}
/* fim Nfe */


/* home faturas 10/07/14 */
.atualizacao-faturas{width: 123px !important; margin: 70px 0 0 10px;}
.total-left{float:left !important; width: 256px !important; margin-top: 66px;}

.total-faturas{width:300px !important; margin-top: 66px;}

.azulejo_faturas{background-color: #fc6d00; height: 229px; margin-bottom: 15px;}
.azulejo_faturas h3{width: 100%;}
.azulejo_faturas .icone{position: absolute; top:10px; right:10px;}

.azulejo_faturas .total span{line-height: 50px;}
.azulejo_faturas .total small{line-height: 16px; font-size: 16px;}

.tabela-laranja {width: 97%; margin: 0 10px; float: left;}
.tabela-laranja table{width: 50%; font-size: 13px; line-height: 18px; margin-left: 10px; margin-top: 15px; float: right;}
.tabela-laranja thead tr{background-color: #fff !important; color:#fc6d00;}
.tabela-laranja thead tr th{font-weight: normal;}
.tabela-laranja tbody tr{ background-color: #e89251 !important; color: #fff !important;}
.tabela-laranja tr th{font-size: 14px; line-height: 22px; text-align: center; }
.tabela-laranja tr td{font-size: 14px; line-height: 22px; text-align: center; }

#dialog .campos_select span.ui-icon{float: right !important; margin: 0 !important;}
#dialog .campos_select span{float: left !important; margin: 0 !important; font-size:14px !important;}
#dialog .campos_select .ui-multiselect{width: 213px !important;}


.faturas-quadro h4{font-size:20px !important;}

.faturas-quadro .total small{margin-left: 0;}
.faturas-quadro .total span{margin-top: 18px; font-size: 27px;} 
.faturas-quadro .total-right small{margin-top: 31px !important; } 

.pagamentos-faturas .dados-atualizacao {width:160px; margin-top: 10px}
.pagamentos-faturas .dados-atualizacao span.atualizacao{font-size:27px; }
.pagamentos-faturas .dados-atualizacao span.atualizacao span{font-size:16px;}

.indice-geral .total span {font-size: 55px; line-height: 55px; margin-bottom: 7px;}
.indice-geral .total small { float: left; margin-left: 10px; font-size: 16px; margin-top: 18px; line-height: 16px;}

.pagamentos-faturas .total{height:46px;}
.pagamentos-faturas .total span {font-size: 40px; line-height: 40px; margin: 13px 0 0 10px;}
.pagamentos-faturas .total small {float: left; margin-left: 10px; font-size: 16px; margin-top: 33px; line-height: 16px;}

.pagamentos-faturas th{background-color: #fff; color: #2f6370;}
.pagamentos-faturas td{background-color: #2f6370;}

.faturas-quadro-home{width:400px;}
.faturas-quadro-home .faturas-home{margin:15px 0; width: 550px;}
.faturas-quadro-home a{color:#fff;}

.faturas-home h3{width:100% !important; float: left;}

.faturas-abertas{width:100%; float: left; margin-top:15px;}
.faturas-abertas span{font-size:32px; float: left;}
.faturas-abertas small{font-size: 12px; margin: 0 0 0 10px; float: left;}

.faturas-vencidas{width:70%; margin-left:30px; float: left; margin-top:7px;}
.faturas-vencidas span{font-size:20px; float: left;}
.faturas-vencidas small{font-size: 10px; margin: 0 0 0 10px; float: left;}

.faturas-valor span{font-size: 32px !important; float: left !important; margin-top:15px;}
.faturas-valor small{font-size: 12px !important; float: left !important; margin: 18px 0 0 10px;}

.faturas-a-fechar small{float: left !important;}

.faturas-quadro .total small{margin-top:11px;}

.pagamentos-faturas{height:229px; margin-bottom: 15px;}
.pagamentos-faturas .icone{position: absolute; top:10px; right:10px;}
.pagamentos-faturas .dados-atualizacao{  margin: 10px 0 0 10px;}

.faturas-quadro{height:229px; margin-bottom: 15px;}
.faturas-quadro .icone{position: absolute; top:10px; right:10px;}

.indice-geral{height:229px; margin-bottom: 15px;}
.indice-geral .icone{position: absolute; top:10px; right:10px;}

.pagamentos-faturas .highcharts-button, .faturas-quadro .highcharts-button, .indice-geral .highcharts-button{display:none;}

.faturas-quadro .dados-atualizacao span{width: 100%; float: left; margin-left: 10px;}

.pagamentos-faturas h3, .indice-geral h3, .faturas-quadro h3{width: 100%;}

/*.pagamentos-faturas .div-table{bottom: 10px; position: absolute; float: left; width: 92%;}*/
.pagamentos-faturas .div-table {width: 92%; margin: 0 10px; float: left;}
.pagamentos-faturas .div-table table{width: 100%; font-size: 13px; line-height: 18px; margin-left: 10px; margin-top: 15px; float: right;}
.pagamentos-faturas .div-table thead tr{background-color: #fff !important; color:#fc6d00;}
.pagamentos-faturas .div-table thead tr th{font-weight: normal;}
.pagamentos-faturas .div-table tbody tr{ background-color: #e89251 !important; color: #fff !important;}
.pagamentos-faturas .div-table tr th{font-size: 14px; line-height: 22px; text-align: center; }
.pagamentos-faturas .div-table tr td{font-size: 14px; line-height: 22px; text-align: center; }

.total-faturas small{margin-top: 31px;}

.pg_faturas .quadro-table{width: 100%;}
.fixedHeader table{width: 688px !important;}
/* home faturas 10/07/14 */

/* chamados */

.azulejos_chamados h4{width:80%; line-height:22px; font-size:22px; margin: 10px; }
.azulejos_chamados h3{width:100%;}
.azulejos_chamados a{color:#fff;}
.azulejos_chamados table{font-size:14px; line-height:14px; text-align: center; width:100%;}

.azulejos_chamados table td, .azulejos_chamados table th { padding:7px 0;position:relative; width:25%; font-weight: normal;}

.azulejos_chamados .total{width:33%; float:left; margin: 39px 10px 0;}
.azulejos_chamados .total span{font-size:55px; float:left !important; line-height: 39px;}
.azulejos_chamados .total small{float: left; margin-left: 10px; font-size: 16px; margin-top: 0px; line-height: 16px; width:27%;}

.azulejos_chamados .total-right{width:46%; margin:3px 11px 0 0; float:left;}
.azulejos_chamados .total-right span{font-size:45px; float:left !important; width:85% !important;}
.azulejos_chamados .total-right small{width:30px; margin:29px 0 0; }


.azulejos_chamados .dados-atualizacao{width:250px; float:left; margin: 21px 0 0 10px;}
.azulejos_chamados span.atualizacao{font-size:16px; width:250px; float:left;}
.azulejos_chamados span.data-atua{font-size:20px; width:250px; float:left; margin-top:7px;}

.azulejos_chamados{padding: 0 !important; height: 228px;}

.table_chamados{width: 92% !important; margin: 15px 10px 0; float: left;}

.chamados_bgvermelho{margin-top:0; background: #bf1e4a; width:681px; color:#fff;}
.chamados_bgvermelho div{width:345px; float:right;}
.chamados_bgvermelho span{float:none; width: auto;}
.chamados_bgvermelho a{color:#bf1e4a;}

.dados-right-bgvermelho .total{width: 45%;}
.dados-right-bgvermelho .total-right{margin-top: 16px;}

.chamados_bgvermelho table thead tr { background:#efc7d2; color:#bf1e4a;}
.chamados_bgvermelho table tbody tr { background: #cf5677;}
.chamados_bgvermelho table tbody tr a{color:#fff;}


.azulejo-meus-chamados{background: #59c20d; float:left; color:#fff;}

/* ajustes float e width */

.azulejo-meus-chamados table thead tr {background: #caebb1; color:#408e08 !important;}
.azulejo-meus-chamados table tbody tr { background: #8bd456;}
.azulejo-meus-chamados table tbody tr a{color:#fff;}

.azulejo-analise-chamado{ background: #dac723;  min-height: 116px; width: 321px; color:#fff; }
.azulejo-analise-chamado table thead tr{ background: #f4eebd; color:#dac723 !important;}
.azulejo-analise-chamado table tbody tr { background: #e5d865;}
.azulejo-analise-chamado table tbody tr a{color:#fff;}

.azulejo-escalonado-chamados{background: #63c5c6;  width: 321px; color:#fff;}
.azulejo-escalonado-chamados table thead tr{ background: #d1eeee; color:#2b9192 !important;}
.azulejo-escalonado-chamados table tbody tr { background: #92d7d7; color:#fff;}
.azulejo-escalonado-chamados table tbody tr a{color:#fff;}

.azulejo-respondido-chamados { background: #e9731b; float:left;  width: 321px; color:#fff;}
.azulejo-respondido-chamados table thead tr{ background: #f8d5bb; color:#e9731b !important;}
.azulejo-respondido-chamados table tbody tr { background: #f09d60; color:#fff;}
.azulejo-respondido-chamados table tbody tr a{color:#fff;}

/* fim ajustes */

/* azulejo responder */

.azulejo-responder-chamado{background: none repeat scroll 0 0 #004d60; color: #fff; width: 321px;}
.azulejo-responder-chamado table thead tr { background:#ccdadd; color:#004d60;}
.azulejo-responder-chamado table tbody tr { background: #19768d;}
.azulejo-responder-chamado table tbody tr a{color:#fff;}

/* fim azulejo responder */


.menu-vertical-chamados{width:100%; margin:0; padding:0; list-style:none;}
.menu-vertical-chamados li{float:left; width:92%; padding:0 10px; margin-top:15px; background:#00a9e0; position:relative;}
.menu-vertical-chamados li div{width:45px; height:43px; float:left; text-align:center;}
.menu-vertical-chamados li div img{margin-top:5px;}

.menu-vertical-chamados li .icone-categorias {width:100%;}
.menu-vertical-chamados li .icone-categorias a{margin:0;}
.menu-vertical-chamados li .icone-categorias div{width:45px; height:43px; float:left; text-align:center;}
.menu-vertical-chamados li .icone-categorias div img{margin-top:5px;}

.menu-vertical-chamados li:hover{ background:#8ae1fd;}
.menu-vertical-chamados li:hover a{color:#15589e;}

.menu-vertical-chamados li img{}
.menu-vertical-chamados li a{float:left; color:#fff; text-decoration:none; font-size:18px; margin:12px 0 0 12px;text-align: left;}
.menu-vertical-chamados li a.relatorio{float:left; color:#fff; text-decoration:none; font-size:15px; margin: 14px 0 0 12px;}
.menu-vertical-chamados li .submenu div { float: left; height: 30px; margin-top: 5px; text-align: center; width: 37px;}
.menu-vertical-chamados li .submenu div img{margin-top:0;}
.menu-vertical-chamados li .submenu a{ font-size: 16px; margin: 10px 0 0; line-height:16px; width:85%;}

/* submenu Menu Vertical */
	.menu-vertical-chamados, .menu-vertical-chamados ul{margin:0; padding:0; list-style:none; float:left;}
	.menu-vertical-chamados ul li{width:255px; margin-top:0px; background:#8ae1fd; border-bottom:1px solid #15589C;}

	.menu-vertical-chamados ul{display:none; position:absolute; left: 255px; top: 0px; z-index: 9999;}
	.menu-vertical-chamados a{display: block;}

	.menu-vertical-chamados li:hover ul, .menu-vertical-chamados li li:hover ul, .menu-vertical-chamados li.over ul, .menu-vertical-chamados li li.over ul {display: block;}
/* submenu Menu Vertical */

#categoria_perfil .box_sala_aula{width:100% !important; padding:0 !important;}



#categoria_perfil .box_sala_aula table{ border: 0 none; margin: 15px 0 0 0;}
#categoria_perfil .box_sala_aula table thead tr{background:#00a9e0; height:43px; color:#fff; text-align:center; font-size:10px;}
#categoria_perfil .box_sala_aula table th{border: 1px solid #fff; width: 20%;}

#categoria_perfil .box_sala_aula table tbody tr{background:#cacaca; height:43px; color:#666; text-align:left; font-size:11px;}
#categoria_perfil .box_sala_aula table tbody td{border:1px solid #fff; width: 20%;}


/* home inventario */

.ferramentas-servico-inventario{background:#bf1e4a; float:left; position: relative; margin-bottom:15px; height:229px;	}
.ferramentas-servico-inventario h3{width: 100%;}
.ferramentas-servico-inventario img{position: absolute; right:10px; width: 41px;}
.ferramentas-servico-inventario div.dados{float:left; width:100%;}

.ferramentas-servico-inventario div.dados-left{float:left; width:279px; margin: 30px 0 0 10px;}
.ferramentas-servico-inventario div.dados-left .tarefas{margin-top: 20px}
.ferramentas-servico-inventario div.dados-left .tarefas span.num-tarefas{font-size: 55px; line-height: 55px;}
.ferramentas-servico-inventario div.dados-left .tarefas span.legenda{font-size: 16px; line-height: 17px; margin: 6px 0 0 10px; display: block; float: left;}


.ferramentas-servico-inventario div.dados-right{float:right; width:400px; margin-top: 50px}
.ferramentas-servico-inventario div.dados-right .tarefas{float:left; width:50%;}
.ferramentas-servico-inventario div.dados-right .tarefas span.num-tarefas{font-size: 55px; line-height: 55px;}
.ferramentas-servico-inventario div.dados-right .tarefas span.legenda{font-size: 16px; line-height: 17px; margin: 6px 0 0 10px; display: block; float: left;}

.ferramentas-servico-inventario .tarefas{width: 100%; float: left;}
.ferramentas-servico-inventario .tarefas span.num-tarefas{font-size:40px; line-height:40px; float:left;}

.ferramentas-servico-inventario table{ border: 0 none; margin: 15px 10px 0 0; width: 400px; text-align:center; float: right;}
.ferramentas-servico-inventario table thead tr.linha{background:#cf5677; height:26px; color:#fff; text-align:center; font-size:14px;}
.ferramentas-servico-inventario table th{border: 1px solid transparent;}

.ferramentas-servico-inventario table tbody .bg-branco{background:#fff; height:25px; color:#bf1e4a; text-align:center; font-size:14px;}
.ferramentas-servico-inventario table tbody .bg-rosa{background:#efc7d2; height:25px; color:#bf1e4a; text-align:center; font-size:14px;}
.ferramentas-servico-inventario table tbody td{border:1px solid transparent; width: 50%;}
.ferramentas-servico-inventario table tbody td img{border: 0; width:16px; }


.ferramentas-servico-inventario-quadrinhos{ float:left; position: relative; margin-bottom:15px; height: 229px;}
.ferramentas-servico-inventario-quadrinhos img{position: absolute; right:10px; width: 41px;}

.ferramentas-servico-inventario-quadrinhos div.dados-right{float:left; width:90%; margin-top: 15px; margin-left: 10px;}
.ferramentas-servico-inventario-quadrinhos div.dados-right .tarefas{float:left; width:100%;}
.ferramentas-servico-inventario-quadrinhos div.dados-right .tarefas span.legenda{font-size: 16px; line-height: 17px; margin: 6px 0 0 10px; display: block; float: left;}

.ferramentas-servico-inventario-quadrinhos .tarefas{width: 100%; float: left;}
.ferramentas-servico-inventario-quadrinhos .tarefas span.num-tarefas{font-size: 55px !important; line-height: 55px; float: left;}

.ferramentas-servico-inventario-quadrinhos table{ border: 0 none; margin: 5px 0 0 10px; width: 91%; text-align: center; float: left;}
.ferramentas-servico-inventario-quadrinhos table thead tr.linha{background:#cf5677; height:26px; color:#fff; text-align:center; font-size:14px;}
.ferramentas-servico-inventario-quadrinhos table th{border: 1px solid transparent;}

.ferramentas-servico-inventario-quadrinhos table tbody td{border:1px solid transparent; width: 50%;}
.ferramentas-servico-inventario-quadrinhos table tbody td img{border: 0; width:16px; }

.grafico-inventario{background:#666; float:left; position: relative; margin-bottom:15px; height:229px;}

/* Inventario */
.menu-inventario span a{margin-top:0 !important;}
.menu-inventario .submenu span a{margin:0 0 0 10px !important;}

.form-cadastro-portal select{padding: 7px !important; height: auto !important;}

.quadro-inventario{ background: #dac723; float:left; color:#fff; margin:0 0 0 15px;}
.quadro-inventario table {width:210px; margin-top:22px;}
.quadro-inventario table thead tr{ background: #f4eebd; color:#dac723 !important;}
.quadro-inventario table tbody tr { background: #e5d865; color:#fff;}
.quadro-inventario table tbody tr a{color:#fff; text-decoration: none;}

.azulejos-inventario{float: right; width: 240px;}

.azulejos-inventario .qd-aprova{width:105px; height:98px; float:left; background: #63c5c6; margin:0 0 0 15px; position:relative;}
.azulejos-inventario .qd-aprova span.titulo-qd{ color: #fff;font-size: 17px; margin: 5px 7px 0; float: left;}
.azulejos-inventario .qd-aprova span.titulo-small{ color: #fff; font-size: 12px; margin:5px 10px 0; float:left;}
.azulejos-inventario .qd-aprova span.quantidade-qd{ bottom: 10px; color: #FFFFFF; float: left; font-size: 40px; left: 10px; line-height: 40px; position: absolute;}
.azulejos-inventario .qd-aprova span.icone{background: url("../img/layout/icone-certo.png") no-repeat scroll 0 0 transparent;  height: 28px; width: 30px; bottom:9px; position: absolute; right: 9px; }

.table-inventario th{border:2px solid #fff !important;}
.table-inventario td{border:2px solid #fff !important;}


.table-com-tooltip td{position: relative;}

.table-com-tooltip td:hover .tooltip-grid{display: block;}

.tooltip-grid{
	position: absolute;
	top: 24px;
	background: #023f76;
	color: #fff;
	padding: 6px;
	z-index: 9;
	display: none;
}
/* inventario */


.bg-laranja-inventario{background-color: #fc6d00;}
.bg-roxo-inventario{background-color: #7e39a3;}
.bg-verde-inventario{background-color: #00cb00;}

.bg-laranja-inventario table thead tr.linha{background:#fff; color: #e89251;}
.bg-laranja-inventario table tbody td{background:#e89251;}

.bg-roxo-inventario table thead tr.linha{background:#fff; color: #9b60bd;}
.bg-roxo-inventario table tbody td{background:#9b60bd;}

.bg-verde-inventario table thead tr.linha{background:#fff; color: #00cb00;}
.bg-verde-inventario table tbody td{background:#A5D69B;}


/* Lista */
.prev-lista .titulo_b{font-size: 21px !important;}

.ol_restituicao{width:100%;}
.ol_restituicao li{width:100% !important;}
.ol_restituicao .files .attach{
	font-size: 13px;
	background: #fff;
	color: #000;
	width: 200px;
	border: 1px solid #00a9e0;
	padding: 7px 6px;
	margin: 0 0 0 -10px;
	float: left;
}
.ol_restituicao .files li{margin-bottom: 5px;}
.ol_restituicao .files .submit{	
	background-color: #00A9E0;
	color: #fff;
	padding: 10px 15px 9px;
	text-decoration: none;
	border: 0;
	margin: 0;
}
.campos-restituicao .texto{width:300px !important;}
.tabela-restituicao .table{margin-top:42px !important;}
.campos-restituicao .table thead th{text-align: left !important;}


.info_restituicao{float: left; margin: 0 0 0 10px;}
.info_restituicao h2 {
	margin: 5px 0 0 !important;
	font-size: 13px !important;
	font-weight: bold !important;
}
.info_restituicao span {margin: 5px 0 0 !important;}

.btn-validar{
	background-color: #00A9E0;
	color: #fff;
	padding: 10px 15px;
	text-decoration: none;
	position: absolute;
	bottom: 24px;
}


.modal_restituicao{width:900px !important;}
.modal_restituicao h1{width:900px !important;}
.modal_restituicao li{width:33% !important;}
.modal_restituicao input.texto{width:90% !important;}

.email_config input.texto{width: 220px; margin: 10px auto 10px; float: none !important; display: block;}
.email_config textarea{width: 220px; margin: 10px auto 10px; float: none !important; display: block;}

.download_restituicao{width: 50% !important;}
.download_restituicao li{width: 100% !important;}

.download_restituicao .linha_azul{background-color: #00A9E0 !important; color: #fff !important;}
.download_restituicao table thead{color: #666 !important;}
.download_restituicao table thead img{float: none !important; margin: 0 !important; display: inline-block;}
.download_restituicao table tbody img{float: none !important; margin: 0 !important;}

.btn_restituicao {width: 220px}
.btn_restituicao img{float: right;}
.btn_restituicao input{float: right; margin-left: 10px;}

.restituicao-azulejos{width: 240px; float: right;}
.restituicao-azulejos .qd-comentarios span.titulo-qd{margin-top: 11px}

.inspecao .titulo_b{font-size:18px;}
.itens-inspecionado .titulo-qd{width:81% !important;}
.itens-inspecionado .quantidade-qd{margin:34px 0 0 10px !important;}
.itens-inspecionado .titulo-small{margin-top:0 !important;}

.inspecao-confirmado .quantidade-qd{position: relative !important; font-size: 21px !important; line-height: 26px !important; margin: 12px 0 13px 9px; bottom: 0 !important;}
.inspecao-confirmado .titulo-qd{position: relative !important; font-size: 12px !important; margin: 11px 0 10px 5px !important; width: 50px !important;}
.inspecao-confirmado .titulo-small{position: relative !important; font-size: 10px !important; margin: 23px 0 0 3px !important; width: 31% !important; float: left;}

.table-lista-defeito{width: 214px; float: left;}
.table-lista-defeito tr{ background: #ccc; border: 1px solid #fff; margin: 0 !important; text-transform: lowercase; color:#333;}
.table-lista-defeito td{padding: 3px;}

.table-lista-defeito a{ display: block; text-align: center;}
.table-lista-defeito img{ margin: 4px 0 0 !important; float: none !important;}

.descricao_obs{color:#ccc; margin-top: 17px;}
.descricao_obs b{color:#777676;}

.confimacao_btn{position: absolute; right:15px; bottom: 15px;}

.fontSizeRestituicao{font-size: 11px !important;}

.ol_restituicao .nicEdit-main{height:200px; overflow: auto !important;}

.tabela_distribuicao {width: 100%;}
.tabela_distribuicao tr{border:0;}
.tabela_distribuicao td{border:0 !important;}
.tabela_distribuicao thead{background-color: #15589c; color: #fff;}

.bg-branco-tb{background-color: #fff;}
.tabela_distribuicao thead td{padding: 3px;}
.tabela_distribuicao tbody td{padding: 3px;}

.menu-tabela{width:100%; float:left;}
.menu-tabela ul{width:100%; float:left; background: #15589c; padding:0; margin:0; list-style:none; /*height:36px;*/}
.menu-tabela ul li{font-size:16px; float:left; padding:10px 0 5px 10px; color:#fff; height:23px;}
.menu-tabela ul li a{color:#fff; text-decoration:none;}
.menu-tabela ul li img{float:left; margin:0 5px 0; border:0;}

.conteudo-tutorial{  background: #fff; padding: 9px; float: left; width: 97%; margin-bottom: 20px; margin-top: 15px; margin-left: 10px;}
/*.conteudo-tutorial img{margin-top:10px; float:left;}*/

.conteudo-tutorial table{width: 958px;}


.desc_prob_chamado{
	font-size: 13px;
	background: #fff;
	color: #666666;
	width: 685px;
	border: 1px solid #00a9e0;
	padding: 7px 6px;
	margin-top: 10px;
	float: left;
	height:200px;
	overflow: auto;
	white-space: pre-wrap;
}

#parametro_lista{
	width: 100%;
	float: left;
	background: #15589c;
	padding: 0;
	margin: 0;
	list-style: none;
}

#parametro_lista li{
	font-size: 16px;
	float: left;
	padding: 10px 0 5px 10px;
	color: #fff;
	width: 178px;

	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 250px;
}

.menu-tabela li{width: auto !important; min-height:20px !important;}

#parametro_lista select.select{width: 162px; padding: 4px; font-size: 13px; background-position: 130px -64px !important;}
#parametro_lista select.select-operador{width: 85px; padding: 4px; font-size: 13px; background-position: 55px -64px !important;}
#parametro_lista select.select-mult	{width: 390px; padding: 4px; font-size: 13px; background:#fff !important; height: 100px; border: 0;}
#parametro_lista select#lista_config_id{width: 162px; padding: 4px; font-size: 13px; background-position: 130px -64px !important;}
#parametro_lista input.texto{width: 138px; padding: 4px; font-size: 13px; border:0; height:  17px; margin:0 !important; float:left !important;}
#parametro_lista li img{margin: 0 0 0 5px !important; float: left;}

#parametro_lista li label{width: 100%; display: block; float:left;}

.table-filtro-relatorio-bi{width: 500px; margin: 0 0 10px 10px;}
.table-filtro-relatorio-bi td{vertical-align: top;}

.menu-tabela-bi{position: relative;}
.menu-tabela-bi ul{position: absolute; top: 16px;}

.count-registros{margin-top: 62px; display: block; float: left;}

.table-bi td{border-width:2px !important;}
.table-bi th{border-width:2px !important;}

/* Relatorio de Garantia */
.quadros-home-relat{ float:left; margin-bottom:  15px; position: relative; height: 229px;}
.quadros-home-relat span.atualizacao{font-size:16px; width:100%; float:left; margin-top:15px;}
.quadros-home-relat span.data-atua{font-size:20px; width:100%; float:left; margin-top:7px;}
.quadros-home-relat span.num-tarefas{font-size:55px; float:left; margin:30px 5px 0 0;}
.quadros-home-relat span{font-size:15px; float:left; margin-top:33px;}
.quadros-home-relat span.des-tarefa{width:95px; font-size:15px; float:left; margin-top:33px;}

.lineHeight{line-height: 39px !important; font-size: 24px !important}

.quadros-home-relat .highcharts-button{display: none !important;}

.quadros-home-relat div.dados-bottom {position: absolute; bottom: 10px; }
.quadros-home-relat div{margin: 20px 10px 0; width: 93% !important;}
.quadros-home-relat div.dados_tecnicos{margin: 20px 10px 0; width: 93% !important; float: left;}
.quadros-home-relat div.dados_tecnicos_homologados{margin-top: 57px !important;}
.quadros-home-relat div span.num-tarefas{font-size:55px; float:left; margin: 0px 5px 0 0; line-height: 55px;}
.quadros-home-relat div span.des-tarefa{width:auto; font-size:16px; line-height: 16px; float:left; margin:5px 0 0 10px;}


.quadros-home-relat  .icone{position:absolute; top:10px; right:10px; }


#div_img_crea{ border: 1px solid #00A9E0; float: left; margin: 18px 0 0; padding: 10px; width: 190px;}
#div_img_crea img{float:none !important; margin: 0 auto !important; display: block;}
#div_img_crea a{ color: #333333; float: left; font-size: 12px; margin: 8px 0 0; text-align: center; text-decoration: none; width: 100%;}
#div_img_crea a img{width:15px;}

#div_img_ass{ border: 1px solid #00A9E0; float: left; margin: 18px 0 0; padding: 10px; width: 190px;}
#div_img_ass img{float:none !important; margin: 0 auto !important; display: block;}
#div_img_ass a{ color: #333333; float: left; font-size: 12px; margin: 8px 0 0; text-align: center; text-decoration: none; width: 100%;}
#div_img_ass a img{width:15px;}

#div_img_crea #div-input-falso-perfil{left:15px;}
#div_img_ass #div-input-falso-perfil{left:15px;}

.item_homologacao{width: 100%;}
.item_homologacao input{ clear: both;}
.item_homologacao input.small{width: 100px !important; clear: both;}
.item_homologacao .btnHomologacao{clear: both; float: left; margin-top: 10px;}
.item_homologacao li{width: auto !important; margin-right: 30px;}
.item_homologacao label{width: 120px !important;}

.tooltip_relatorio{display: none; position: absolute; top: -34px; background-color: #07A4A9; color: #fff; text-decoration: none; left: 10px; width: auto !important; padding: 2px 4px;}

.tb_relatorio .link_relatorio{position: relative;}
.tb_relatorio .link_relatorio:hover div.tooltip_relatorio{display: block;}


/* OS LR */
.date_icon { width: 167px !important;}
.filtro_rnc { width: 50%; float: left;}
.multiple_rnc { height: 200px !important; background-image: none !important;}
.bt_filtrar_rnc { float: left; margin: 168px 0 0 10px;}
.select_nc { width: 300px !important; background: url(../img/select.png) no-repeat 268px -63px #fff !important;}
.detalhes-chamado span { color: #000000;}
.multiple_rnc_small { width: 30% !important; height: 100px !important;}
.bt_acoes_rnc { float: left; margin: 55px 0 0 2px;}

.filtro_gestao_os {width:150px !important;}
.filtro_gestao_os div{width:150px !important;}
.filtro_gestao_os p{font-size: 14px !important;}

.azulejo_triagem{font-size: 15px; margin: 10px; float: left;}
.azulejo_triagem_aparelhos{font-size: 15px; margin: 10px; float: left;}
.azulejo_triagem_qt{font-size:32px; width:auto !important;}
.azulejo_triagem_controle{font-size: 14px; margin: 0 0 0 7px; float: left;}

.modal_gestao_os{width: 800px !important;}
.modal_gestao_os h1{width: 800px !important;}

.modal_gestao_os input.texto{width: 211px !important;}
.modal_gestao_os form{margin:0 !important;}

.listagem-campos-esquerdo{width:70% !important;}
.listagem-campos-direito{width:30% !important;}
.listagem-campos-direito #conteudos{width:100% !important;}
.listagem-campos-direito #conteudos li{width:100% !important;}

.bts-triagem{width:100% !important; float: left;}
.bts-triagem a{float: left;}
.bts-triagem input{float: left; margin-left:10px;}

.modal_gestao_os #abas{width:100% !important;}

.detalhes-tutorial #abas a{display: inline-block; background: #00a9e0; display: block; float: left; padding: 10px 18px; margin-right: 5px; color: #fff; text-decoration: none; margin-bottom: 20px;}
.detalhes-tutorial #abas a.selected {background-color: #8ae1fd; color: #14579d;}

.detalhes-tutorial #conteudos{list-style: none; padding: 0;}

.os-doa-dap .titulo-qd{margin-bottom: 0 !important; margin-top: 5px !important}
.os-doa-dap .icone{right: 0px !important; bottom: 5px !important;}

.imagem_empresa{ width: 138px; height:132px; float: left; }
.imagem_empresa img{ margin: auto; float: none !important; display: block; }

#lista_or {margin-bottom: 20px; float: left;}

#caixa h2{margin-top: 10px !important}
#caixa #conteudos input{margin-top: 8px !important;}
#caixa #conteudos ol li{height: 70px !important;}

#c_regional_triagem_endereco{width: 100%; float: left;}
#area_examinador{width: 50%; float: left;}

#examinador_add_tabela{width: 100%; float: left;}
#examinador_add_tabela li{width: 100% !important; float: left; display: block !important; }

.modal_os_lr{padding-bottom:100px !important;}
.modal_os_lr .botoes-detalhes-os{position: absolute; bottom:10px; right:10px;}

.modal_os_lr .table-modal{width: 101% !important;}

.modal_os_lr #aba1,.modal_os_lr #aba2,.modal_os_lr #aba3,.modal_os_lr #aba4,.modal_os_lr #aba5{width: 100% !important;}

.modal_os_lr .box-right-chamado{width:407px !important;}

.endereco_empresa_aba1{ width: 349px; padding: 10px; background: #eee; font-size: 13px !important; margin: 14px 0 0 0 !important; color: #999 !important;}
.endereco_empresa_aba1 strong{color: #000; font-weight: normal;}

.p_right{float:right !important;}

.endereco_empresa_aba4{ width: 349px; padding: 10px; background: #eee; font-size: 13px !important; margin: 14px 0 0 0 !important; color: #999 !important;}
.endereco_empresa_aba4 strong{color: #000; font-weight: normal;}
/* Tutorial */
.detalhes-tutorial #abas a{display: inline-block; background: #00a9e0; display: block; float: left; padding: 10px 18px; margin-right: 5px; color: #fff; text-decoration: none; margin-bottom: 20px;}
.detalhes-tutorial #abas a.selected {background-color: #8ae1fd; color: #14579d;}

.detalhes-tutorial #conteudos{list-style: none; padding: 0;}

.box-right-metas a{color: #15589c;}

.comentario_meta{ }
.comentario_meta .area-comentario{height: auto !important;}

.comentario_meta .file-comentarios{width: 112px; margin: 0; background: #8ae1fd !important; color:#14579d !important; height: 45px;}
.comentario_meta #div-campo-falso {display: block; padding: 13px;}
.comentario_meta #div-campo-falso #file-falso{display: none;}
.comentario_meta #div-campo-falso i{background: none !important; font-size: 21px; color:#fff;}
.comentario_meta .file-comentarios #file-original{width: 112px !important; font-size: 14px; cursor: pointer; margin-top: 14px !important;}

.comentario_meta ol.files{ float: right !important;}
.comentario_meta ol.files li{border: 0 none !important; margin-bottom: 5px !important;}
.comentario_meta ol.files li #panexo_arquivo_titulo{width: 100px !important; font-size: 10px !important;}
.comentario_meta ol.files li .submit{width: 60px !important; border: 0 none !important; font-size: 11px !important; cursor: pointer !important;}

.anexo-painelOs{width: 321px !important;}
.anexo-painelOs li{margin-top: 5px;}

.anexo-pa {margin: 0;}
.anexo-pa a{color: #15589c !important;}

.azulejos-metas{width: 240px; float: right;}
.azulejos-metas div{margin: 0 0 15px 15px !important;}

.cadastro_meta{width:100%; margin-bottom: 20px; float: left;}
.cadastro_meta li div.opcoes-check img{margin: 0 !important; cursor: pointer;}
.cadastro_meta li .descricao{width: 87% !important}

.ui-accordion-li-fix a{position: relative;}
.ultimo_comentario{ display: none;  color: #fff; font-size: 14px; padding: 10px; background-color: #666666; position: absolute; bottom: 38px; left: 0;}
.ui-accordion-li-fix a:hover .ultimo_comentario{display: block}

.barra-status-planos div{margin: 0 5px !important;}
.barra-status-meta div{margin: 0 16px !important;}

.notificacao_metas{width: 17px; position: absolute; right: 13px; top: 11px;}
.notificacao_metas img{width: 17px;}
.notificacao_metas span{position: absolute; background-color: red; font-size: 9px; padding: 1px 2px; top: -10px; left: 15px;}

.azulejos_metas div{margin: 0 0 15px 15px;}


.count-comentarios-item{position: relative; color: #fff; text-decoration: none;}
.count-comentarios-item span{ position: absolute; background-color: red; font-size: 9px; padding: 1px 2px; top: -10px; left: 15px;}

.modal-avaliar .box-right-chamado p{white-space: normal;}

.barra-status-auditoria div{margin: 0px 32px !important;}
.interacoes_auditoria img{border: 3px solid #8AE1FD; max-width: 32px; float: right; margin: 0 15px 0 0;}

.filtro_auditorias{  float: left; width: 528px !important; background: transparent !important; height: auto !important;}
.filtro_auditorias a {margin: 0 0 10px 9px;}

/* 	Checklist */

.azulejos-checklist .grid_4{height: 229px; padding: 0; margin-bottom: 15px;}
.azulejos-checklist .grid_4 h3{width: 82%;}
.azulejos-checklist .grid_4 span.num-tarefas{line-height: 55px; margin: 30px 0 0 10px !important;}
.azulejos-checklist .grid_4 span.des-tarefa{font-size: 16px; line-height: 17px; margin: 35px 0 0 9px;}

/* Reports & Dashboards */
.reports_dashboard_relatorio h3 { width: 100%; height: 27px; font-size: 18px; text-transform: uppercase; text-align: center; background: #52892b; padding-top: 9px; color: #fff; margin: 0;}
.reports_dashboard_relatorio h3 span{ font-size: 12px; position: absolute; right: 20px;}

.quadros-reports_dashboard {height: 229px; margin-bottom: 15px;}
.quadros-reports_dashboard .dados-atualizacao{margin: 20px 10px 0; width: 93% !important;}
.quadros-reports_dashboard .atualizacao{font-size: 20px; width: 100%; float: left; margin-top: 15px;}
.quadros-reports_dashboard .data-atua{ font-size: 18px; width: 100%; float: left; margin-top: 7px;}
.quadros-reports_dashboard .icone{width: 35px; position: absolute; right: 7px; top: 7px;}

.area-filtro-dashboard {margin-top: 20px; padding: 0 40px;}

.area-filtro-dashboard .campos-filtro{margin-right: 40px; width: 300px; float: left;}
.area-filtro-dashboard .ui-multiselect{background: none !important; color: #000; border-radius: 0; padding: 6px;}

.reports_dashboard_relatorio table {margin: 15px 0 20px; float: left; width: 100%; font-size: 12px; /*border-bottom: 1px dashed; padding-bottom: 19px;*/}
.reports_dashboard_relatorio table thead th{padding: 5px; text-align: center;}
.reports_dashboard_relatorio table .azul{background: #00a9e0; color: #fff;}

.reports_dashboard_relatorio table tbody td a{position: relative;}
.reports_dashboard_relatorio table tbody td a:hover span{display: block}
.reports_dashboard_relatorio table tbody td a span{top: -33px; left:-20px; width:50px; background: black; color:#fff; padding: 5px 10px; position: absolute; display: none;}
.reports_dashboard_relatorio table tbody td a span i {background: url(../img/layout/seta-tooltip.png) no-repeat; width: 20px; height: 20px; display: block; position: absolute; left: 24px; bottom:-14px;}

.reports_dashboard_relatorio table tbody td{padding: 5px; text-align: center; background: #f2f2f2; color: #07a4a9;}
.reports_dashboard_relatorio table tbody td.verde{ background: #99cc66; color: #000;}
.reports_dashboard_relatorio table tbody td.amarelo{background: #ffff66; color: #000;}
.reports_dashboard_relatorio table tbody td.vermelho{background: #ff5050; color: #fff;}

#tables h1{width: 100%; float: left; margin: 15px 0 0; font-size: 20px;}
#tables p{width: 100%; float: left; margin: 5px 0 0; }

.diversos{color: #000; font-weight: bold; text-decoration: none; padding: 0 5px;}

.linha-destaque td{background-color: #cacaca !important; color: #666 !important;}
.align-left{text-align: left !important;}
.tb_fup_distribution thead tr{ background: #00a9e0; color: #fff;}

#abas-cadastro-categoria a{ display: inline-block; background: #00a9e0; display: block; float: left; padding: 10px 18px; margin-top: 20px; margin-right: 5px; color: #fff; text-decoration: none;}
#abas-cadastro-categoria a.selected { background-color: #8ae1fd; color: #14579d;}

.bt-finalizar-categoria { display: inline-block; background: #00a9e0; display: block; float: left; padding: 10px 18px; margin-top: 20px; margin-right: 5px; color: #fff; text-decoration: none;}

.alert{ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; float: left; margin-top: 16px;}
.alert button.close {float: right; font-size: 21px; font-weight: 700; line-height: 0; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;}
.alert button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0;}
.alert h4{margin: 0 0 10px;}

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

.alert ol{width: 100%; float: left;}
.alert ol li{width: 100% !important; margin-top: 15px; }
.alert ol li a{color: green; text-decoration: none;}
.alert ol li a:hover{text-decoration: underline; color: green;}

.azulejo-comentario-todoList{position: relative; float: left;}
.azulejo-comentario-todoList:hover div.tooltip-todoList{display: block !important;}

.tooltip-todoList{ width: 300px; padding: 10px; font-size:11px; background: #000;  position: absolute; top: 17px; left: -320px; display: none; z-index: 99;     box-shadow: 0px 0px 13px 2px #787878;}
.tooltip-todoList img{position: absolute; right: -16px; top: 1px;}
.tooltip-todoList hr{color: #15589c;     border-color: #15589c !important;}