* { margin: 0px; padding: 0px; border: none; }
html, body { font:normal 12px "Arial"; }
a:link, a:visited, a:active, a:hover { text-decoration:none; }
a:link, a:visited, a:active { color:#21759B; outline:none; }
a:hover { color:#D54E21; }
a.link { text-decoration:underline; }

h1 { display:none; }
hr { border:none; border-top:solid 1px #ccc;  }

textarea, input[type="text"], input[type="password"], input[type="file"], select {
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    border-style:solid; border-width:1px;
}
input[type=checkbox], input[type=radio], input[type=image] { border:none; background:none; }
input[type=checkbox], input[type=radio] { vertical-align:middle; }

/* Estilos variados */
.ico, .msginline { padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; }
.ok { background-image:url(/adm/frontend/imgs/ok.png); }
.erro { background-image:url(/adm/frontend/imgs/erro.png); }
.alerta { background-image:url(/adm/frontend/imgs/alerta.png); }
.info, .informacao { background-image:url(/adm/frontend/imgs/info.png); }
.hidden { display:none; }

.center { text-align:center; }
.fleft { float:left; }
.fright { float:right; }
.bold { font-weight:bold; }

.red { color:#aa0000; }
.yellow { color:#d2d200; }

.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.resultado_crud p { }
.resultado_crud .ok { font-weight:bold; margin-bottom:4px; }

input[type="text"].campo320px, input[type="password"].campo320px, input[type="file"].campo320px, .campo320px { width:320px; }
select.campo320px { width:330px; }
.campo220px { width:220px; }
select.campo220px { width:230px; }

/* Sem permissao de acesso ao modulo */
.sem_permissao {
    background:url(../imgs/warning_48.png) no-repeat 0 85px; text-shadow:1px 1px rgba(255, 255, 255, 0.5);
    color: #666666; font-size: 14px; font-weight: bold; height: 100px; padding: 100px 0 0 35px; text-align: center;
    width:390px; margin:auto;
}

/* TELA DE LOGIN */
.login { overflow:hidden; background:#ebebeb url(/adm/frontend/imgs/body-bg.png) repeat center; }
.login .form { 
    overflow:hidden; margin:8.5% auto 0 auto; background:none; border:none; width:286px; padding:15px;
    background-repeat: no-repeat; background-position: center top; text-align: center;
}
.login .form .logo img { width: 90%; margin: 10px 0; }
.login .form fieldset { width: 286px; }
.login .form input[type=text], .login .form input[type=password] { width: 275px; font-size: 20px; }
.login div { width:100%; }
.login div.container { padding-top:1px; overflow:auto; }
.login h1 { text-align:center; font-size:14px; }
.login .form label { float:left; width:18%; padding-top:5px; height:18px; clear:both; color: #333; font-weight: bold; }
.login .form h2 { display:none; }
.login .form .digitar_login { 
    font-size:10px; background:#d20000; color:#fff; padding:2px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}
.login .form .esqueci { float: left; margin-top: 8px; }
.login .form .esqueci a { text-decoration: underline; }
.login .form button { float:right; margin: 4px 0 0 0; }
.login .form .info-sistema { margin-top: 30px; }
.login .form .versao { width: 135px; float: left; font-size:10px; clear:both; color:#a4a4a4; padding-top: 5px; }
.login .by { width: 130px; float: right; }
.login .by span { display: block; float: left; padding-top: 5px; color: #A4A4A4; font-size:10px; }
.login .by a { 
    width: 70px; display: block; float: right; 
    -moz-opacity: 0.50; opacity: 0.50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
}
.login .by a img { display: block; max-width: 100%; width: 100% !important; }

/* Formularios com e sem tabela */
.form { width:100%; margin-bottom:15px; }
.form.filtro { border-bottom:1px solid #E1E1E1; }
.form hr { border-top:solid 1px #fff; border-bottom:solid 1px #e1e1e1; margin:5px 0; clear:both; }
.form fieldset {  margin-top:10px; text-align:left; }
.form input, .form textarea, .form select, .fieldBackground {
    margin-bottom:2px; padding:4px; border: 1px solid #B5B8C8; font-size:13px;
}
.form input[type=text], .form input[type=file], 
.form input[type=password], .form textarea, .form select, .fieldBackground {
    background:#fff url(/adm/frontend/imgs/background_fields.gif) repeat-x 0 0;
}
.form textarea { font-size: 1.1em; }
.form .checkbox, .form input[type=checkbox], input[type=radio], input[type=image] { background:none; border:none; }
.form label.information { background-position:right; }
.form .invalido { border: 1px solid #d76157; }
.form .validacao { font-weight:bold; color:#d76157; padding:4px; }
button, .form .button { float:right; }

.form table { border-collapse:collapse; clear:both; width:100%; margin:7px 0px;  }
.form table th { padding:8px; line-height:15px; text-align:left; vertical-align:top; width:160px; font-size:12px; }
.form table td { font-size:12px; margin-bottom:9px; padding:2px 0 5px 2px; }
.form table label { cursor:pointer; padding-left:12px; font-size: 12px; }
.form table th label:first { width: 150px; display: block; } 
.form table th .ui-icon { float: right; margin-top: -2px; }
.form table label.obrigatorio, .form table label.required { background:url(/adm/frontend/imgs/required.gif) no-repeat 0 3px; }
.form table button { float:none; /*outline:none;*/ }
.form table .extra { padding:0px; }
.form label.invalido { border:none; padding:0; }

/* Container Principal do Sistema */
#aplicacao { background: url(/adm/frontend/imgs/body-bg.png) center; }
#aplicacao .barra_topo .titulo { float:left; color:#fff; font-size:12px; font-weight:bold; margin-top:8px; margin-left:4px; }
#aplicacao .barra_topo .saudacao { float:right; color:#fff; font-weight:bold; margin:10px 6px 0 0; }
#aplicacao .home { margin: auto; width: 362px; margin-top: 150px; }
#aplicacao .topo_aplicacao { 
    background: #ebebeb url("/adm/frontend/imgs/body-bg.png") repeat center; z-index: 100;
    height: 65px; width: 100%; position: fixed; top: 0;
    -webkit-box-shadow: 0 2px 6px 0px #ccc;
    -moz-box-shadow: 0 2px 6px 0px #ccc;
    box-shadow: 0 2px 6px 0px #ccc;
}
#aplicacao .topo_aplicacao .logo, #aplicacao .topo_aplicacao .detalhe_logo { 
    position: fixed; top: 0; left: 0; width: 11%; z-index: 10; height: 60px;
    background: #ebebeb url("/adm/frontend/imgs/body-bg.png") repeat center; padding: 0 1% 0 1%;
    border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin: 5px 1% 0 1%;
    
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#aplicacao .topo_aplicacao .logo img { height: auto; max-width: 90%; }
#aplicacao .topo_aplicacao .detalhe_logo { 
    margin-left: 1.11%; padding: 0; width: 12.95%; height: 68px; border: none; 
}
/*#aplicacao .barra_topo { width: 100%; right: 0; left: auto; }*/

#aplicacao .modulo { position: relative; margin: 90px 0 0 0; width: 98%; overflow: auto; padding: 0 1% 20px 1%; float:right; }
#aplicacao .corpo { clear:both; margin-left:0; }
#aplicacao .barra_topo {
    overflow: hidden; position: absolute; height: 30px; border-bottom: 1px solid #ccc; position:fixed;
    top: 0px; right: 0px; left: 0px; bottom: 0px; width: 100%; z-index:7; overflow: hidden;
    
    background: #63a4d8;
    background: -moz-linear-gradient(top,  #63a4d8 2%, #228cc1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#63a4d8), color-stop(100%,#228cc1));
    background: -webkit-linear-gradient(top,  #63a4d8 2%,#228cc1 100%);
    background: -o-linear-gradient(top,  #63a4d8 2%,#228cc1 100%);
    background: -ms-linear-gradient(top,  #63a4d8 2%,#228cc1 100%);
    background: linear-gradient(to bottom,  #63a4d8 2%,#228cc1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a4d8', endColorstr='#228cc1',GradientType=0 );
}
#aplicacao .barra_topo .versao { font-size:10px; font-style:italic; }
#aplicacao .barra_topo .titulo { float:left; color:#fff; font-size:12px; font-weight:bold; margin-top:8px; margin-left: 15.2%; }
#aplicacao .barra_topo .saudacao { font-size: 11px; }
#aplicacao .barra_topo .saudacao a { color: #fff; text-decoration: underline; }
#aplicacao .barra_topo .saudacao a:hover { }

/* MENU TOPO SISTEMA */
#aplicacao .menu { margin:0px; position:fixed; clear:left; width:85%; right: 0; top: 31px; height: 34px; }
#aplicacao .menu ul.sm-clean { border-radius:0; padding: 4px 0; background: none; }
#aplicacao .menu ul li a {
    background-repeat:no-repeat; background-position:2px 4px;
    background-image:url("/adm/frontend/imgs/modulo.png");
}
#aplicacao .menu ul li a:hover { background-color: none; text-decoration: underline; }
ul.sm ul.sm-nowrap > li > a:hover { background-color: none; }
#aplicacao .menu ul li a { 
    width:auto; padding: 5px 6px 4px 22px; 
    font-family: "Roboto"; font-size:13px; text-transform: uppercase; color: #636363;
    background-position: 2px 5px;
}
ul.sm ul.sm-nowrap > li { margin: 3px 6px; } 
.sm-clean-vertical a span.sub-arrow, .sm-clean ul a span.sub-arrow { right: 0 !important; }

#aplicacao .divisao { position:absolute; height: 100%; width:5px; z-index:4; left: 140px; }

#aplicacao .modulo .carregando { font-size:14px; font-weight:bold; text-shadow:1px 1px rgba(255, 255, 255, 0.5); }
#aplicacao .modulo h2 {     
    color:#333; border-bottom:1px solid #E1E1E1; padding-bottom:4px; margin-bottom:4px;
    padding-left: 20px !important; font-family: Roboto; font-size: 17px; text-shadow: none; text-transform: uppercase;
}
#aplicacao .modulo div.desc { position:absolute; right:15px; top:4px; font-size:11px; }

/* GRIDS MODULOS */
.grid table { 
    border:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1; width:100%;
    margin:2px 0; border-collapse:collapse; clear:both;
}
.grid table th { 
    padding:0px 4px; border:solid 1px #e1e1e1; border-bottom:none; height:24px; text-align:left; 
    background:url(../imgs/thead_bg.gif) repeat-x; 
}
.grid table th.center { text-align:center; }
.grid table tr { background:#fff; }
.grid table td { 
    padding:4px 0 4px 4px; border-right:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1; 
    padding-left: 4px; padding-right: 4px; 
}
.grid table td.coluna1, .grid table th.coluna1 { width:70px; }
.grid table td.icone { width:20px; text-align:center; }
.grid table td.icone img { cursor:pointer; }
.grid table tr.sem-marcacao td, .grid table tr.sem-marcacao td img { cursor:default; }
.grid table td img { margin:0 2px; }
.grid table tr:hover, .grid table tr.marcada:hover { background:#EFFAFF; }
.grid table tr.nohover { background:#fff; } 
.grid table tr.itens_lista { background-image:url(/adm/frontend/imgs/lista_itens.png); background-position:6px -1px; background-repeat:no-repeat; }
.grid table tr.sem-marcacao:hover { background:none; }
.grid table tr.marcada { background:#F9F9F9 }
.grid table td.icones { text-align:center; }
.grid table td.severidade { text-align:center; }
.grid table td.severidade div { float:left; width:105px; height:18px; margin:0 0 0 1px; }
.grid table td.nenhum-registro { text-align:center; font-size:13px; font-weight:bold; padding:30px 0; cursor:auto; }
.grid table td.nenhum-registro:hover { background:none; }
.grid .pagination, .grid .opcoes { margin: 2px 1px 2px 1px; padding:3px 0; }

.grid .opcoes { float:left; text-decoration:none; list-style:none; }
.grid .opcoes li { border-right:1px solid #ccc; float:left; margin:0 6px 0 0; padding:2px 6px 2px 0; }
.grid .opcoes .op { padding:2px 8px; }
.grid .opcoes .op.ins { 
    background:url(/adm/frontend/imgs/adicionar.png) no-repeat left center; 
    padding:2px 0 2px 18px; font-weight:bold; text-decoration:underline; 
}
.grid .opcoes .op.ref { background:url(/adm/frontend/imgs/atualizar.png) no-repeat center; }
.grid .opcoes .op.proc { background:url(/adm/frontend/imgs/procurar.png) no-repeat center; }

.titulo_act { }
.titulo_act.ins { background:url(/adm/frontend/imgs/adicionar.png) no-repeat left center; }
.titulo_act.upd { background:url(/adm/frontend/imgs/editar.gif) no-repeat left center; }
.titulo_act.filtro { padding-left:12px; background:url(/adm/frontend/imgs/filtro.png) no-repeat left center; }

/* Estilos que alteram o padrão da jQuery UI */
.ui-widget button, .ui-widget { font-family:Arial; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* css for tabs */
.ui-tabs .ui-tabs-nav li a { padding: 0.3em 0.5em; }

/* CENTRALIZA O LOGO NO TOPO DA APLICACAO */
.Absolute-Center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.Absolute-Center.is-Image { height: auto; }
.Absolute-Center.is-Image img { width: 100%; height: auto; }