@charset "utf-8";
/* RESET */
hr {margin-bottom: 23px;    float: left;    width: 100%;    background: #01A9E8;    height: 1px;    border: none;}
#nd_e506252a6b7649eb9640b54befbe7519_dragger {display: none}
fieldset{margin-top:10px;margin-bottom: 10px;border:solid 2px #009CC4; -moz-border-radius:3px;  -webkit-border-radius: 3px; border-radius: 3px;padding:15px;}
legend{font-size: 16px;text-align: left;    color: #009CC4;    font-weight: bold;padding-right: 5px;padding-left: 5px;}
p{margin:0px;padding:0px;width:100%;}
img{border:none;}
body{margin:0px;padding:0 0 10px 0; width:100%;font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#FFF;text-align:center;height:100%;}
html,  #wrap {height: 99%;}
body > #wrap {height: auto;min-height: 100%;}
ol, ul{list-style:none;margin:0px;padding:0px;}
li{margin:0px;padding:0px;display:block;}
li a{display:block;}
blockquote, q{quotes:none;}
:focus{outline:0;}
.campo_data {width:120px}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing: 0;}
h1{margin:0px;padding:0px;display:block;width:100%; text-align:center;float:left;font-size:18px;margin-top:10px;clear:both;}
h2{margin:0px;padding:0px; font-size:25px;margin-left:30%; clear:both;}
h3{margin:0px;padding:0px;font-size:14px; color:#FFFFFF;margin-left:5px;clear:both;}
a{text-decoration:none;font-weight:normal;color:#00C;}
input, select, textarea{display:block;float:left;}
a:visited {color:#00C;}
label {min-width:75px;display:block;float:left;text-align:left;font-size:12px; font-family:Arial, Helvetica, sans-serif;font-weight: bold;padding-right: 5px;}
.full span {float:left; margin-left:20px;}
span {float:left;}
textarea {width:933px; height: 80px;}
.manutencao {width:80%; color:#000000; text-align:center;float:left;}
.border_white {border:solid 1px #FFF;}
.grey {background:#ECECEC;}
.white {background:#FFF;}
/*table tr {border:solid 1px #FFF;}*/
table td {border:solid 1px #FFF;}
a:focus {text-decoration:underline;}
img {float:left;}
table {font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-align: left;background: whiteSmoke;border: solid 1px white;min-width:400px;}
table td {text-align: left;width: auto;padding: 5px 10px 5px 10px;}
table th {text-align: center;width: auto;padding-top:2px; padding-bottom:2px;border:solid 1px #FFF;background:#D1D1D1;padding:2px}
input, select, textarea{display:block;float:left;font-size:12px; margin-top:0px;padding-left:4px; padding-right:4px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:solid 1px #c9c9c9;}
select {padding-right:0px; height: 20px}
.full {clear:both; width:100%;float:left;margin-top:5px;margin-bottom:5px; text-align: left;}
.erro_centro {width:100%;height: auto; clear: both; margin-top:20px;float:left;}
.erro_centro img {width: 388px; position: relative;left:50%; margin-left:-194px;height: auto;}
.none {display: none}
#altera_pw {width: 100%; height: auto; margin-top: 100px; float:left;}
#altera_pw label {width: 100px; }
/*BOTAO*/
input[type="button"] ,input[type="reset"] , input[type="submit"] {padding:9px; margin-left:20px; text-align:center; background: #3276b1;  color: #ffffff ; border:groove 1px #357ebd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;width: 150px;    text-align: center;    font-weight: bold;-moz-box-shadow: 2px 2px 3px #7e7e7e;
    -webkit-box-shadow: 2px 2px 3px #7e7e7e; box-shadow: 2px 2px 3px #7e7e7e; cursor: pointer}
input[type="button"]:hover ,input[type="reset"]:hover, input[type="submit"]:hover  {background-color: #0a4a82; border-color: #043a69;  color: #fff;}
input[type="button"]:active ,input[type="reset"]:active, input[type="submit"]:active  {background-color: #083e6d; border-color: #043a69;  color: #fff;}

/*INPUTS*/
input[type="text"] ,input[type="date"] ,input[type="password"],input[type="number"],input[type="tel"], input[type="email"], textarea  {background-color:#ffffff;   -moz-border-radius:3px; -webkit-border-radius: 3px;   border-radius: 3px;}
input[type="text"]:focus ,input[type="date"]:focus ,input[type="password"]:focus,input[type="number"]:focus,input[type="tel"]:focus, input[type="email"]:focus, textarea:focus  { outline:2px solid #043a69;-moz-border-radius:3px; -webkit-border-radius: 3px;   border-radius: 3px;}


/*ALL */
.aguardando {background: url("../_img/fundo_escuro.png") repeat; width: 100%; height: 100%;float:left;z-index: 9; position: fixed; display:none}
.aguardando img {width: 100px; height: 100px;float:left;position: relative; left:50%; margin-left:-50px; margin-top:-50px; top:50%;}

.fundo_escuro {background: url("../_img/fundo_escuro.png") repeat; width: 100%; height: 100%;float:left;z-index: 1; position: fixed; display:none}

/*INDEX*/
#login-box {    background: #f5f5f5;
    border: solid 1px #e7e7e7;
    width: 420px;
    float: left;
    margin-left: -210px;
    margin-top: 80px;
    padding: 10px;
    position: relative;
    left: 50%;}
#login-box label{width:100px;float:left; margin-left:125px;font-size:12px;clear:both;}
#login-box img{clear:both; float:left; margin-left:100px;margin-bottom:10px;}
#login-box input[type='password'],#login-box input[type='text']{ float:left; margin-left:125px;width:160px;clear:both;}
#login-box input[type='button']{clear:both; float:left; margin-left: 140px;    margin-top: 10px;}

/*TOPO*/
#full_header {background: #f6f6f6; width: 100%; border-bottom: solid 1px #dddddd;float:left; height: 50px;margin-bottom:20px;}
#central_header {width:980px; position: relative; margin-left:-490px; left:50%; float:left; height: 20px;}
#central_header img{margin-top:7px;float:left;}
#central_header strong { margin-top: 17px; float: left; position: absolute;  width: 230px; margin-left: -115px;  left: 50%; font-size: 16px;}
#central_header span{margin-top:30px;float:right;}
#central_header span img{margin-top:0px;float:right;}
/*
#menu_header {width: 850px; position: absolute; margin-left: -425px;left: 50%;float: left;height: 17px;text-align: left; padding: 5px 10px 2px 10px;background: #f6f6f6; border: solid 1px #dddddd; margin-top:46px; font-weight: bold;}
*/
#menu_lateral {width:180px; height: auto; float:left;background: #f6f6f6;border: solid 1px #dddddd;border-bottom: none;margin-top:100px;position: fixed;}
#menu_lateral ul{list-style-type: none;}
#menu_lateral ul li {border-bottom: solid 1px #dddddd;padding:5px;text-align: left;font-weight: bold; color:#000000}
#menu_lateral #titulo_menu {text-align: center;background:#00aae9;color:#ffffff}
#menu_lateral .menu_principal:hover {background:#CCCCCC}
#menu_lateral .menu_interna {background:#ffffff;padding-left:20px;}
#menu_lateral .menu_interna:hover {background:#CCCCCC;}
#menu_lateral .menu_hidden {display: none}

#central_content {width:1140px; height: auto; float:left;left:20%; position: absolute; margin-left:-150px;  margin-top:100px;}
/*#central_content {width:980px; height: auto; float:left;left:50%; position: absolute; margin-left:-490px;  margin-top:100px;}*/
#central_content #pagina {width:970px; height: auto; float:left;  height: 10px;text-align: left;padding: 5px; border-bottom: solid 1px #dddddd;padding-bottom: 10px;margin-bottom: 20px;}
#central_content #pagina a{color:#000000; font-weight: bold;}
#central_content #pagina img {margin-right: 5px; margin-top:-2px}

/*DIV OCULTAR PARA IR AO TOPO*/
#ir_topo {width:130px; height: 13px; float:left;border: solid 1px #dddddd;position: fixed;text-align: center;background:#00aae9;color:#ffffff; padding:5px;font-weight: bold;margin-left:-70px;left:50%;margin-top:-13px;display: none;cursor: pointer }



/* ---------------------- LISTA TABELA -----------------------------*/
.lista {clear:both;margin-top:10px;float:left;width:100%;margin-bottom: 10px}
.lista table{width:100%;margin-bottom:20px; margin-left:0px;float:left;background: #FFFFFF;}
.lista table tr:hover{background:#ACACAC;}


.lista table input[type='submit']{padding:3px; width:100px;}

.lista table th{border:solid 1px #A8A8A8;background: #01a9e8;padding:5px;color: #ffffff}
.lista table th a{color: #ffffff; font-weight: bold; }
.lista table td{border:solid 1px #BDBDBD;}

/*lista dentro da outra
.lista table tr td table {border:solid 1px #A0A0A0;}
.lista table tr td table th{border:solid 1px #00516F; background: #0077A3;}
.lista table tr td table td{ background: #ECECEC; border:solid 1px #0077A3;}
*/
/*lista dentro da outra da outra
.lista table tr td table tr td table {border:solid 1px}
.lista table tr td table tr td table tr:hover{background: #21cd00;}
.lista table tr td table tr td table th{border:solid 1px #005373; background: #005373;}
.lista table tr td table tr td table td{ background: #CDCDCD; border:solid 1px #005373;}*/


/*lista dentro da outra da outra da outra da outra*/
.lista_interna {background: #FFFFFF}
.lista_interna table tr th{border:solid 1px #003A51; background: #005373;}
.lista_interna table tr:hover{background: #ACACAC;}
.lista_interna table tr td {border:solid 1px #005373;}

.center {text-align: center;}

.lista table td img{float:left; margin-left:-13px; left:50%; position: relative; width:26px;}
.lista table td a img{float:left; margin-left:-13px; left:50%; position: relative; width:22px;}
.lista table td a .img_menor {margin-left: -8px;width: 16px;}
.lista table td .img_zero {width:16px;float:left; margin-left:-8px; left:50%; position: relative; }

/*ZEBRA*/
.lista tr:nth-child(even) {background: #FCFCFC}
.lista tr:nth-child(odd) {background: #ECECEC}

.lista .paginacao {clear:both; float:left; width:199px;}
.lista .paginacao label{min-width:10px;border:solid 1px;padding:4px;margin-top:-1px;}
.lista .paginacao label a{font-weight: bold; color: #222222; }
/**------   MENU GERAL     -------------*/
#box_menu {width: 100%; position: relative; height: 400px;  margin-left: -570px;  left: 50%;  float: left;  margin-top: 30px;}
/*#box_menu {width: 100%; position: relative; height: 400px;  margin-left: -500px;  left: 50%;  float: left;  margin-top: 30px;}*/
.icone_box {width: 196px; height: 120px; margin:12px;float:left;}
.icone_box img{width: 70px; height: 70px; position: relative; margin-left:-35px; left:50%;float:left; }
.icone_box img .inativo {grayscale(100%) }
/*-webkit-filter: grayscale(100%);
.icone_box img:hover{    -webkit-filter: grayscale(0%);}
*/
.icone_box label{width: 100%; clear:both;text-align: center; color: #000000; font-weight: bold;}


.px200 {width:200px !important;}


.lista_g {text-align:left;}
.lista_c {padding-left:20px;background: #2172A7; color:#ffffff; font-weight: bold;}
.lista_d {background: #2172A7; color:#ffffff; font-weight: bold;text-align: center}

/*Descri��o SILOG*/
#descricao_silog {width:100%;float:left;margin-top:5px;margin-bottom:15px;}
#descricao_silog textarea{width:100%;float:left;/*background: #d6d6d6*/}
#nova_estrutura {width:100%; float:left; margin-top:10px; border-top:solid 2px; border-bottom: solid 2px}#nova_estrutura {width:100%; float:left; margin-top:10px; border-top:solid 2px; border-bottom: solid 2px; padding-top:10px; padding-bottom:10px;}
#nova_estrutura h3{width:100%; float:left; margin-bottom:15px;font-size: 14px; font-weight: bold; color:#000000}
.lista h3{text-align:left; color:#000000}
#nova_mask {color:#790202; width: 100%; text-align: center;}

#lista_visual table img {float: left; margin-left: -13px; left: 50%; position: relative;  width: 26px;}
.quals_servicos {float:left;margin-top:20px;}
.quals_servicos label {width:425px; float:left;text-align: left;}


/*IFRAME*/
#iframe {float:left; width: 100%;}
#iframe h3{width:100%; text-align: center;font-size: 16px; color:#000000; background-color:#f6f6f6; border-bottom:solid 1px #dddddd;margin-left: 0px; height: 30px; padding-top: 10px; border-top:solid 1px #dddddd}
.retorno {display:none}
.caracteres {width: 96%;clear: both; float: left;text-align: right;}
/*CHECK*/
  /*
 * Copyright (c) 2013 Thibaut Courouble
 * http://www.cssflow.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */
.switch {
      display: block;
      margin: 12px auto;
  }

.switch {
    left: 50%;
    position: relative;
    margin-left: -38px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 77px;
    height: 20px;
    padding: 3px;
    background-color: white;
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
    background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
    background-image: -o-linear-gradient(top, #eeeeee, white 25px);
    background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}
.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.switch-input:checked ~ .switch-label {
    background: #009918;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
    background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
    background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
.switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    background-image: -webkit-linear-gradient(top, #eeeeee, white);
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -o-linear-gradient(top, #eeeeee, white);
    background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
    left: 59px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
    background: #4fb845;
}

.formacao_codigo{width: 150px;height: 30px;float: left;border:solid 1px #ccc}

.label_margin_versao{margin-left:20px;margin-right: -15px;}

#teste {background: #fff400}

.lista_upload {clear:none;margin-top:10px;float:left;margin-left:20px;margin-bottom: 10px}
.lista_upload table{width:100%;margin-bottom:20px; margin-left:0px;float:left;background: #FFFFFF;}
.lista_upload table tr:hover{background:#ACACAC;}


.lista_upload table input[type='submit']{padding:3px; width:100px;}

.lista_upload table th{border:solid 1px #A8A8A8;background: #01a9e8;padding:5px;color: #ffffff}
.lista_upload table th a{color: #ffffff; font-weight: bold; }
.lista_upload table td{border:solid 1px #BDBDBD;}
.lista_upload table .pt_1 {width:300px;float:left}
.lista_upload table .pt_1 img{width:80px;left:50%; margin-left:-40px; position: relative;    max-height: 77px;}
.lista_upload table .pt_1 span{width:80px;left:50%; margin-left:-40px; position: relative;}
.lista_upload table .pt_2 {width:330px !important;float:left;}
.lista_upload table .pt_3 {width:100px!important;float:left;}

.lista_upload table tbody{float: left;    width: 730px;}


.lista_upload table td.pt_1 {height: 92px;}
.lista_upload table td.pt_2 {height: 92px;}
.lista_upload table td.pt_3 {height: 92px;}
.lista_upload table td.pt_3 .img_acao {width:26px; left:50%; margin-left:-13px; position: relative;margin-top:15px;}


.h3_legend {color: #009CC4;text-align: left; height: 30px; margin-top: -37px; float: left; background: #FFFFFF; padding: 5px; margin-left: 10px; font-size: 15px;}
.td_img_upload {width: 100px !important; max-height: 85px;margin-left:-50px !importante}


.list {
    font-family:sans-serif;
}
td {
    padding:10px;
    border:solid 1px #eee;
}

input {
    border:solid 1px #ccc;
    border-radius: 5px;
    padding:7px 14px;
    margin-bottom:10px
}
input:focus {
    outline:none;
    border-color:#aaa;
}
.sort {
    padding:8px 30px;
    border-radius: 6px;
    border:none;
    display:inline-block;
    color:#fff;
    text-decoration: none;
    background-color: #28a8e0;
    height:30px;
}
.sort:hover {
    text-decoration: none;
    background-color:#1b8aba;
}
.sort:focus {
    outline:none;
}
.sort:after {
    display:inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content:"";
    position: relative;
    top:-10px;
    right:-5px;
}
.sort.asc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content:"";
    position: relative;
    top:4px;
    right:-5px;
}
.sort.desc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    content:"";
    position: relative;
    top:-4px;
    right:-5px;
}

.no_lista table td{ padding: 0px; border:0px;}

#teamviewer {width:320px; position:absolute}
#teamviewer img{ float:left; clear: both;}