﻿
*{padding:0px; list-style:none;
    margin-left: 0px;
    margin-right: 0px;
    }

/* COMUM PARA TODOS */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

@font-face
{
    font-family: 'KlavikaBoldBold';
    src: url('font/klavikaboldbold-webfont.eot');
    src: url('font/klavikaboldbold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/klavikaboldbold-webfont.woff') format('woff'), url('../font/klavikaboldbold-webfont.ttf') format('truetype'), url('../font/klavikaboldbold-webfont.svg#KlavikaBoldBold') format('svg');
    font-weight: normal;
    font-style: normal;}
    
    
.sty-table table th {
border: 1px solid #a6a5a5;
border-collapse: collapse;
padding: 4px 8px;
text-align: left;}

.sty-table table th {
background: #929292;
font-weight: bold;
font-family: arial;
color:#FFF;
font-size:13px}

table table td, .sty-table table th {
border: 1px solid #929292;
border-collapse: collapse;
padding: 4px 6px;
text-align: left;}

.tabelaover tr:nth-last-child(even){
background: #e0e0e0;
}

.tabelaover tr.ativo{ 
background:#c20d2f;
color:#fff;}

.pull-left {
  float: left; }

.pull-right {
  float: right; }
  
.pull-clear {
clear: both; }

.pull-none {
display: none; }

.pull-overflow {
overflow: hidden; }

ul.link-btn li a.pull-auxiliar1 {
margin: 17px 0 -4px 0;}

ul.link-btn li a.pull-margin {
margin:0px; }

ul.link-btn li a.pull-margin2 {
margin-top: -1px; }

  ul.link-btn li a.pull-left2{
  margin-right: 8px;}

.margin-login{
margin: 10px 0;}


.conteiner {
width: 1260px;
height: 760px;
margin: 0 auto;
font-family: Arial;
font-size: 12px;
color: #5c5c5c;
background:url("../img/img-nova/fundo-geral.jpg");
border: 0px solid;}

.content .rows.box {
background: #FFF;
margin: 0px;
padding: 12px 0;}

.content .rows.box.baixo{
padding: 8px;
margin-top: 12px;}

.rows .titulo{
padding: 12px 0 2px 0;
color: #c20d2f;
font-size: 18px;
font-family: Arial;
line-height: 3px;}

.rows .titulo2{
padding: 15px 0 0 0;
color: #c20d2f;
font-size: 18px;
font-family: Arial;
line-height: 3px;
width: 50%;
display: inline-block;}

.rows .titulo2B{
padding: 15px 0 0 0;
color: #c20d2f;
font-size: 18px;
font-family: Arial;
line-height: 3px;
width: 30%;
display: inline-block;}

.rows1 .titulo2A{
float:left;
padding: 15px 0 0 0;
color: #c20d2f;
font-size: 18px;
font-family: Arial;
line-height: 3px;
width: 40%;
display: inline-block;}

.rows .titulo3{
width: 100%;}
    
.conteiner .faixa {
width: 1260px;
height: 26px;
background: url(../img/img-nova/faixa-brasil.png) no-repeat right 1px #004b82;
border-bottom: 1px #ecb32a solid;}

.header {
width: 100%;}

.header .logotipo {
width: 101px;
height: 55px;
float: left;
margin-top: 8px;
text-indent: -9999px;
background: url(../img/img-nova/Logo-Samu.png);}

.header .localidade {
width: 209px;
height: 38px;
text-align: right;
padding-right: 44px;
float: left;
margin: 17px 30px 0 16px;
font-family: 'KlavikaBoldBold';
font-size: 18px;
color: #aaaaaa;
font-weight: lighter;
background: url(../img/img-nova/sus.png) no-repeat right;
text-transform: uppercase;}

.lbl-localidade {
text-align: right;
font-family: 'KlavikaBoldBold';
font-size: 18px;
color: #aaaaaa;
font-weight: lighter;
text-transform: uppercase;}

.header .localidade p{
font-size: 60%;}

.header .cronometro{
float: left;
font-size: 9px;
font-weight: normal;
color: #757575;
padding: 18px 10px 0 0;
border: 0px solid #000;}

.header .cronometro span{
color: #bab8b8;
font-size: 18px;}

.header .data-hora {
position: relative;
height: 44px;
width: 131px;
display: block;
float: left;
padding: 19px 0 0 12px;
color: #bab8b8;
font-size: 18px;}

.header .data-hora span.horario{
color: #bab8b8;
font-size: 18px;}

.header .data-hora span.data{
font-size: 9px;
font-weight: normal;
color: #757575;}

.content.content-full {
background: #dbdbdb;
display: block;
padding: 12px 12px;
position: relative;
height: 549px;}

.header .versao{
float: right;
padding: 10px;
font-size: 87%;
color: #aaaaaa;
font-family: 'KlavikaBoldBold';}


.versaolabel
{
font-size: 87%;
color: #aaaaaa;
font-family: 'KlavikaBoldBold';
}

/* MENU */

.header .barra-tempo {
float: right;}

.header .btns-menu-administrativo{
display:block;
position:relative;
z-index:3 }

.header .btns-menu-administrativo li{
margin:0 3px 0 1px;
float:left;
display:inline;
position:relative;}

.header .btns-menu-administrativo li a{
margin:0 1px 0 1px;
background-image: url("../img/img-nova/sprite-bt.png");
float:left;
padding: 9px 12px;
color: #FFF;
display:inline;
position:relative;
}

.header .btns-menu-administrativo li a.cadastro {
background-position: 0px -0px;
width: 74px;
height: 8px;}

.header .btns-menu-administrativo li a.chat {
background-position: -306px -34px;
width: 55px;
height: 8px;}

.header .btns-menu-administrativo li a.alterarSenha {
background-position: 202px -0px;
width: 100px;
height: 8px;
}

.header .btns-menu-administrativo li a.pesquisa {
background-position: -204px -0px;
width: 75px;
height: 8px;}

.header .btns-menu-administrativo li a.tempoResposta {
background-position: -188px 26px;
width: 100px;
height: 8px;}

.header .btns-menu-administrativo li a.sair {
background-position: 69px -0px;
width: 45px;
height: 8px;}

.header .btns-menu-administrativo li a.contato {
background-position: -393px -35px;
width: 82px;
height: 8px;}


.header .btns-menu-administrativo li.link-submenu .sub-menu{
display:none;
width:96px;
margin:26px 0 0 2px;
position:absolute;
background:url(img/bg-submenu.png) repeat-y #dbdbdb }

.header .btns-menu-administrativo li.link-submenu .sub-menu li{
display:block;
float:none;
width:96px;
margin:2px 0 }

.header .btns-menu-administrativo li.link-submenu.sub-menuequipe{width:96px !important }

.header .btns-menu-administrativo li.link-submenu .sub-menu li a{
font-size:11px;
color:#5c5c5c;
padding: 2px 7px;
border: 0;
display: block;
width: 81px;
text-decoration:none;
font-family:Verdana, Geneva, sans-serif;
background:url(img/bg-submenu.png) repeat-y #dbdbdb }

.header .btns-menu-administrativo li.link-submenu .sub-menu li a:hover {
color:#FFFFFF;
background-color:#c20d2f }

.header .btns-menu-administrativo li.link-submenu .sub-menu.menu-equipe{
right:-111px;
margin: 68px 15px 0 0;}

.breadcrumb ul {
background: url(../img/img01.png) no-repeat right top #dbdbdb;
height: 26px;
padding-top: 10px;
width: 370px;}

.breadcrumb ul li{
display:inline;
margin:0 5px 0;
float:left}

.breadcrumb ul li a{
color: #555555;
font-family: 'KlavikaBoldBold';
font-size: 16px;
text-decoration:none;
font-weight: lighter;
padding: 0 0 2px }

.breadcrumb ul li a.ativo{
color: #c20d2f;
text-transform: uppercase; }


.rows .administrativo-bl-equipe {
width: 50px;
margin: 15px 5px 0 36px;}

.rows .administrativo-bltipo-profissional {
width: 124px;
margin: 15px 5px 0 15px;}

.rows .administrativo-bltipo-profissional {
width: 124px;
margin: 15px 5px 0 15px;}

.rows .administrativo-bl-equipe > div, .rows .administrativo-bltipo-profissional > div, .rows .administrativo-bltipo-profissional > div{
float: left;
text-align: right;
margin: 0px 7px 0 24px;
font-size: 11px;}

.rows .slc-administrativo-equipe {
width: 270px;
float: left;}

.rows select {
height: 25px;
outline: none;}

.rows .filtrar {
width: 78px;
height: 25px;
margin-left: 11px;
border: 0px solid;
background-image: url("../img-nova/img/sprite-bt.png");
background-position: 0 -32px;
text-indent: 999999999px;
cursor: pointer;}

.rows .filtrar:hover{
background-position: 0 -58px;}

.rows .paginacao{
padding: 9px 0 0 0;}

.rows .paginacao a{
border: 1px solid;
padding: 2px 5px;
text-decoration: none;
background-color: #c20d2f;
color: #FFF;}

.rows .paginacao a:hover{
background-color: #929292;}

.sty-table.tabela-adiministrativo table{
	width:1220px }
.tabela-administrativo-scroll{
	width:1220px;
	height:369px }
.box-interno.grande .rows p.paginacao{
	float:left;
	width:1138px;}

.menuColRight{
width: 879px;
height: 40px;}

.menuColRight li{
float: left;
width: 171px;
height: 35px;
margin-right: 5px;
background: url(../img/img-nova/top_menu.png) #aaa no-repeat 159px 0;}
.menuColRight li.ultimo{
margin-right: 0px;}
.menuColRight li:hover, .menuColRight li.ativo{
background: url(../img/img-nova/top_menu.png) #dbdbdb no-repeat 159px 0;}

.menuColRight li a{
display: inline-block;
border: 0px solid;
color: #FFF;
width: inherit;
height: 24px;
text-decoration: none;
font-family: 'KlavikaBoldBold';
font-size: 15px;
padding-top: 10px;}
.menuColRight li a:hover, .menuColRight li a.ativo{
color: #6e6e6e;}


.menuColLeft{
width: 376px;
height: 40px;}

.menuColLeft li{
float: left;
width: 181px;
height: 35px;
margin-right: 7px;
background: url(../img/img-nova/top_menu.png) #aaa no-repeat 169px 0;}
.menuColLeft li.ultimo{
margin-right: 0px;}
.col-left .menuColLeft li:hover, .menuColLeft li.ativo{
background: url(../img/img-nova/top_menu.png) #dbdbdb no-repeat 169px 0;}

.menuColLeft li a{
display: inline-block;
border: 0px solid;
color: #FFF;
width: inherit;
height: 24px;
text-decoration: none;
font-family: 'KlavikaBoldBold';
font-size: 15px;
padding-top: 10px;}
.menuColLeft li a:hover, .menuColLeft li a.ativo{
color: #6e6e6e;}
	
	
.loginBoxs{
background: #FFF;
margin: 0 11px 11px 0;
float: left;
width: 209px;
padding: 32px 33px;;}

.loginBoxs .A1{
color: #5C5C5C;
font-family: arial;
font-size: 16px;
float: left;  }

.loginBoxs .A2{
float: left;
font-size: 34px;
color: #c20d2f;
padding-left: 6px;}
/* ==========================================================================
   FORM PADRÃO  CSS
========================================================================== */
.rows .formulario{
padding: 0px 13px;
width: 687px;
float: left;
border: 10px solid #dbdbdb;}

.rows .formulario2{
padding: 0px 13px;
width: 480px;
float: left;}

.t-g label, .t-m label, .t-p label, .t-g strong{
width: 140px;
padding: 3px 0;
display: inline-block;
float: left;
font-family: Arial;
font-size: 12px;}

.t-m label .complementar, .t-p label.complementar{
width: 40px;
padding: 3px 10px;
display: inline-block;
float: left;}

.t-m{
padding-right:0px;
float:left;
margin: 2px 0;}

.t-m .select2-container{
width:302px}

.t-m input,  .t-m textarea{
width:298px;
}

.t-p{    
float:left;
}
.t-p input{
width:171px;
}

.t-p .checkbox input, .t-m .checkbox input{
width:20px;
padding:0px;
display:inline;
clear:none;
}

.t-p .checkbox , .t-m .checkbox{
display:block;
padding:5px;
font-size:12px;   
width:inherit;
float: left;}

.t-g{
clear: both;
width: 680px
}
.t-g input, .t-g textarea{
width:532px;
}

.t-g .select2-container{
width:538px}

.t-g textarea{
height:87px;
}

.t-p .ok{
border: 1px solid;
padding: 2px 5px;
text-decoration: none;
background-color: #c20d2f;
color: #FFF;
float: left;
width: 100px;}

.t-p.kkok{    margin-left: 240px;}

/* Footer */
.footer{
background: #034060;
height: 42px;
border-top: 1px #ecb32a solid;}

.footer .logotipo {
width: 130px;
height: 30px;
float: right;
margin: 8px 40px 0;
text-indent: -9999px;
background: url("../img/img-nova/sprite-bt.png");
background-position: 0 -98px;}

/* Icones */
.icone{
display: inline-block;
float: left;
margin-left: 5px;
background-image: url("../img/img-nova/sprite-bt.png");}

.icone.ico-cadastro{
background: url(../img/ico-cadastro.png) no-repeat;
width: 27px;
height: 20px;}

.icone.ico-excel{
background: url(../img/ico-excel.png) no-repeat;
width: 45px;
height: 35px;}

.icone.ico-novo{
background-image: url("../img/img-nova/sprite-bt.png");
width: 45px;
height: 32px;
float: right;
background-position: -85px -31px;}

.icone.ico-novo:hover{
background-position: -85px -62px;}    

.icone.ico-PDF{
background: url(../img/ico-PDF.png) no-repeat;
width: 45px;
height: 35px;}

.icone.ico-editar{
width: 25px;
height: 17px;
background-position: -169px -34px;}
.icone.ico-editar:hover{
background-position: -169px -53px;}

.icone.ico-excluir{
width: 25px;
height: 17px;
background-position: -196px -34px;}
.icone.ico-excluir:hover{
background-position: -196px -53px;}

.icone.ico-vizualizar{
width: 25px;
height: 17px;
background-position: -141px -34px;}
.icone.ico-vizualizar:hover{
background-position: -141px -53px;}

.icone.ico-dataHora{
width: 32px;
height: 33px;
background-position: -224px -30px;
margin-right: 5px;}

.icone.ico-cronometro{
width: 32px;
height: 33px;
background-position: -258px -30px;
margin-right: 5px;}

.icone.ico-solicitatne{
width: 21px;
height: 19px;
background-position: -136px -78px;
margin: 0 7px 0 16px;}
.icone.ico-solicitatne:hover, .menuColRight li a:hover .icone.ico-solicitatne, .icone.ico-solicitatne.ativo{
background-position: -136px -99px;}

.icone.ico-avaliacao{
width: 23px;
height: 19px;
background-position: -174px -78px;
margin: 0 7px 0 16px;}
.icone.ico-avaliacao:hover, .menuColRight li a:hover .icone.ico-avaliacao, .icone.ico-avaliacao.ativo{
background-position: -174px -99px;}

.icone.ico-paciente{
width: 15px;
height: 19px;
background-position: -160px -78px;
margin: 0 7px 0 16px;}
.icone.ico-paciente:hover, .menuColRight li a:hover .icone.ico-paciente, .icone.ico-paciente.ativo{
background-position: -160px -99px;}

.icone.ico-conduta{
width: 23px;
height: 19px;
background-position: -194px -78px;
margin: 0 7px 0 16px;}
.icone.ico-conduta:hover, .menuColRight li a:hover .icone.ico-conduta, .icone.ico-conduta.ativo{
background-position: -194px -99px;}

.icone.ico-conclusao{
width: 16px;
height: 19px;
background-position: -220px -78px;
margin: 0 7px 0 16px;}
.icone.ico-conclusao:hover, .menuColRight li a:hover .icone.ico-conclusao, .icone.ico-conclusao.ativo{
background-position: -220px -99px;}


.icone.ico-chamados{
width: 20px;
height: 19px;
background-position: -240px -78px;
margin: 0 7px 0 16px;}
.icone.ico-chamados:hover, .menuColLeft li a:hover .icone.ico-chamados, .icone.ico-chamados.ativo{
background-position: -240px -99px;}

.icone.ico-frota{
width: 22px;
height: 19px;
background-position: -264px -78px;
margin: 0 7px 0 16px;}
.icone.ico-frota:hover, .menuColLeft li a:hover .icone.ico-frota, .icone.ico-frota.ativo{
background-position: -264px -99px;}


.icone.ico-trote{
width: 14px;
height: 19px;
float: right;
background-position: -292px -99px;
margin: -2px -5px 0 3px;}
.icone.ico-trote:hover,  ul.link-btn  li a:hover .icone.ico-trote, .icone.ico-trote.ativo{
background-position: -292px -79px;}


.icone.ico-regulacao{
width: 11px;
height: 19px;
float: right;
background-position: -310px -99px;
margin: -3px -5px 0 3px;}
.icone.ico-regulacao:hover,  ul.link-btn li a:hover .icone.ico-regulacao, .icone.ico-regulacao.ativo{
background-position: -310px -79px;}

.icone.ico-engano{
width: 15px;
height: 19px;
float: right;
background-position: -325px -99px;
margin: -3px -3px 0 4px;}
.icone.ico-engano:hover,  ul.link-btn  li a:hover .icone.ico-engano, .icone.ico-engano.ativo{
background-position: -325px -79px;}

.icone.ico-informacoes{
width: 15px;
height: 19px;
float: right;
background-position: -343px -99px;
margin: -3px -3px 0 4px;}
.icone.ico-informacoes:hover,  ul.link-btn li a:hover .icone.ico-informacoes, .icone.ico-informacoes.ativo{
background-position: -343px -79px;}

.icone.ico-equipeEmbarque{
width: 15px;
height: 19px;
float: right;
background-position: -363px -99px;
margin: -3px -3px 0 4px;;}
.icone.ico-equipeEmbarque:hover,  ul.link-btn li a:hover .icone.ico-equipeEmbarque, .icone.ico-equipeEmbarque.ativo{
background-position: -363px -79px;}

.icone.ico-veiculos2{
width: 15px;
height: 19px;
float: right;
background-position: -421px -99px;
margin: -3px -3px 0 4px;;}
.icone.ico-veiculos2:hover,  ul.link-btn li a:hover .icone.ico-veiculos2, .icone.ico-veiculos2.ativo{
background-position: -421px -79px;}


.icone.ico-item{
width: 15px;
height: 19px;
float: right;
background-position: -380px -99px;
margin: -3px -3px 0 4px;;}
.icone.ico-item:hover,  ul.link-btn li a:hover .icone.ico-item, .icone.ico-item.ativo{
background-position: -380px -79px;}


.icone.ico-mnutencaoFrota{
width: 13px;
height: 19px;
float: right;
background-position: -399px -99px;
margin: -3px -3px 0 4px;;}
.icone.ico-mnutencaoFrota:hover,  ul.link-btn li a:hover .icone.ico-mnutencaoFrota, .icone.ico-mnutencaoFrota.ativo{
background-position: -399px -79px;}

.icone.ico-incluirPaciente{
width: 15px;
height: 19px;
float: left;
background-position: -456px -99px;
margin: -3px -3px 0 4px;;}
.icone.ico-incluirPaciente:hover,  ul.link-btn li a:hover .icone.ico-incluirPaciente, .icone.ico-incluirPaciente.ativo{
background-position: -456px -79px;}


.icone.ico-01{
width: 29px;
height: 24px;
float: left;
background-position: 0px -159px;
margin:0 3px 5px -8px;}
.icone.ico-01:hover,  ul.link-btn li a:hover .icone.ico-01, .icone.ico-01.ativo{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */}

.icone.ico-02{
width: 29px;
height: 24px;
float: left;
background-position: -29px -159px;
margin: 0 3px 5px 0px;}
.icone.ico-02:hover,  ul.link-btn li a:hover .icone.ico-02, .icone.ico-02.ativo{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */}

.icone.ico-03{
width: 29px;
height: 24px;
float: left;
background-position: -57px -159px;
margin: 0 3px 5px 0px;}
.icone.ico-03:hover,  ul.link-btn li a:hover .icone.ico-03, .icone.ico-03.ativo{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */}

.icone.ico-04{
width: 29px;
height: 24px;
float: left;
background-position: -85px  -159px;
margin: 0 3px 5px 0px;}
.icone.ico-04:hover,  ul.link-btn li a:hover .icone.ico-04, .icone.ico-04.ativo{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */}

.icone.ico-05{
width: 29px;
height: 24px;
float: left;
background-position: -113px -159px;
margin: 0px;}
.icone.ico-05:hover,  ul.link-btn li a:hover .icone.ico-05, .icone.ico-05.ativo{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */}

.icone.ico-incluirAvaliacao{
width: 11px;
height: 19px;
float: left;
background-position: -440px -99px;
margin: -3px -3px 0 4px;}
.icone.ico-incluirAvaliacao:hover,  ul.link-btn li a:hover .icone.ico-incluirAvaliacao, .icone.ico-incluirAvaliacao.ativo{
background-position: -440px -79px;}


.icone.ico-Maiss{
width: 15px;
height: 19px;
float: right;
background-position: -381px -99px;
margin: -3px -3px 0 -1px;}
.icone.ico-Maiss:hover,  ul.link-btn li a:hover .icone.ico-Maiss, .icone.ico-Maiss.ativo{
background-position: -381px -79px;}

.icone.ico-acesso{
width: 27px;
height: 19px;
float: left;
background-position: -481px -99px;
margin: -2px 6px 0 17px;}

.icone.ico-local {
width: 16px;
height: 19px;
float: left;
background-position: -485px -80px;
margin: -2px 6px 0 17px;
}

/* Estava na tela ro_Monta_Equipe.aspx */

.box-interno.box-lightox .rows label{
width:130px ;}
.box-interno.box-lightox .rows .slc-lightboxmaior{
margin-right: 11px; }
.box-interno.box-lightox .rows .form-position-3.radiooperador-droplist{
width:342px;
position:relative;}
.box-interno.box-lightox .rows .bt-cadastro-mais{
float:left;
margin:0 0 0 10px;}
.box-interno.box-lightox .rows .form-position-3.radiooperador-droplist .bt-cadastro-mais-select{
width:22px;
height:24px;
display:block;
right:-1px;
top:-1px;
position:absolute;}
.box-interno.box-lightox .rows .radiooperador-droplist .rows .radiooperador-veiculosdisponiveis{
width:342px;
float:left;}
.box-interno.box-lightox .rows .bt-confirma-monta-equipe{
	margin:0 20px 0 0;}
/* Estava na tela ro_Monta_Equipe.aspx*/

 
 .aba {
background: url(../img/img-nova/top_menu.png) #FFF no-repeat 98px 0;
width: 113px;
text-align: center;
margin-right: 3px;
padding: 7px 0;}
.aba.ultimo {margin-right: 0px;}
.aba:hover, .aba.a:hover, .aba.active , .aba.a.active {background: #929292; color: #FFF}

.aba.a{
color: #000;
text-decoration: none;}