.principal {
    width: 1330px;
    margin: 0 auto;
}

.tit_princ, .subtit {
    font-family: 'semibold',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 26px;
    line-height: 1;
    color: #363636;
    display: block;
    margin-bottom: 20px;
    margin-top: 40px;
}

.subtit {
    font-size: 22px;
    color: #363636;
}

    .subtit.II {
        margin-top: 0;
    }

.table {
    color: #4d4f53;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #ccd1dc !important;
}
    /*.table th.I, .table td.I{
	max-width:60px;
}
.table th.II, .table td.II{
	max-width:40px;
}*/
    .table th [class*="icon_"] {
        position: relative;
        left: 8px;
        top: 0;
        font-size: 9px;
    }

    .table th a {
        color: #fff;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }

        .table th a:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
            -moz-opacity: 0.7;
            opacity: 0.7;
        }

    .table td a {
        color: #48B1E4;
        text-decoration: underline;
    }

        .table td a:hover {
            color: #59cfff;
        }

    .table td, .table th {
        padding: 10px;
        border-bottom: 1px solid #e4e7ea;
        text-align: left;
    }

    .table tr:nth-child(even) {
        background-color: #fff;
    }

    .table tr:nth-child(odd) {
        background-color: #f8f9fb;
    }

    .table thead tr {
        background-color: #636872 !important;
    }

    .table .status_aberto {
        color: #0b9f00;
    }

    .table .status_novo {
        color: #0604a0;
    }

    .table .status_pendente {
        color: #e3b000;
    }

    .table .status_fora {
        color: #e10000;
    }

.icon_search {
    font-size: 20px;
    color: #b0b0b0;
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 12px;
    text-decoration: none;
}

    .icon_search:hover {
        color: #000;
    }

.box_campo.pesquisa {
    width: 300px;
    margin-bottom: 15px;
}

.reg_controles {
    font-size: 14px;
    line-height: 1;
    background-color: #eff0f4;
    border: 1px solid #ccd1dc;
    position: relative;
}

.campo_pag {
    font-size: 13px;
    line-height: 1;
    width: 40px;
    border: 1px solid #d0d0d0;
    text-align: center;
    margin: 0 5px;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.reg_controles .bts_nav {
    width: 212px;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

    .reg_controles .bts_nav a {
        padding: 13px;
        position: relative;
        top: 2px;
    }

        .reg_controles .bts_nav a.off {
            color: #c1c3c6;
        }

            .reg_controles .bts_nav a.off:hover {
                color: #c1c3c6;
            }

        .reg_controles .bts_nav a:hover {
            color: #ffb922;
        }

.reg_controles .itens {
    padding: 10px 20px;
}

.box_erro {
    text-align: center;
    max-width: 580px;
    margin: 0 auto;
    margin-top: 300px;
    font-size: 24px;
    line-height: 1.2;
}

    .box_erro .fa-exclamation-triangle {
        display: block;
        font-size: 60px;
        text-align: center;
        margin-bottom: 30px;
    }

.box_painel.home a {
    display: block;
}

.clickable-row {
    cursor: pointer;
}

/*________________________________________________________________________ Login Home */

body.index {
    background: url(../imagens/index.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.container_home {
    width: 100%;
    height: 100%;
    position: fixed;
}

.box_home {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 453px;
    top: 50%;
    margin-top: -273px;
}

    .box_home .tit {
        font-size: 22px;
        line-height: 1;
        color: #fff;
        padding: 10px 0;
        border-top: 2px solid #48B1E4;
        background-color: rgba(0,0,0,0.7);
        text-align: center;
        text-transform: uppercase;
        display: block;
    }

    .box_home .logo, .box_home .wrap_bt {
        text-align: center;
        padding: 20px 0;
        background-color: rgba(255,255,255,0.94);
    }

        .box_home .logo img {
            display: inline-block;
            max-width: 273px;
        }

    .box_home .campos {
        background-color: #f3f6f9;
        padding: 30px;
    }

.erro_msg {
    background-image: url(../imagens/icon_erro.gif);
    padding: 5px 5px 5px 33px;
    font-size: 14px;
    line-height: 1.2;
    display: block;
    background-color: #dc0000;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    margin-top: 20px;
}

.OK_msg {
    background-image: url(../imagens/icon_ok2.png);
    padding: 5px 5px 5px 33px;
    font-size: 14px;
    line-height: 1.2;
    display: block;
    background-color: #0b9c00;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    margin-top: 20px;
}

.box_home .campos a {
    font-family: 'light',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: #1a9bd0;
    display: inline-block;
    text-decoration: underline;
    margin-top: 5px;
    height: 19px;
}

    .box_home .campos a:hover {
        color: #46c9ff;
    }

.box_home .logo img, .wrap_bt .botao {
    display: inline-block;
}

#campo_unidade_login {
    display: none;
}

/*________________________________________________________________________ Internas */

.bg_branco {
    padding: 30px;
    background-color: #fff;
}

    .bg_branco + .bg_branco {
        margin-top: 6px;
    }

.dados_cab {
    font-family: "semibold","Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #7a7a7a;
    text-align: center;
}

    .dados_cab span {
        font-family: "bold","Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-size: 28px;
        display: block;
        color: #000;
        padding-top: 10px;
    }

    .dados_cab + .dados_cab {
        margin-left: 50px;
    }

.anexos {
    width: 660px;
}

    .anexos a {
        text-decoration: underline;
    }

        .anexos a:hover {
            color: #ffb505;
        }

    .anexos td {
        padding: 10px;
        border-bottom: 1px dotted #c5c5c5;
        border-top: 1px dotted #c5c5c5;
    }

.txt_anexo {
    border: 0;
    font-family: "regular","Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 14px;
    line-height: 1;
    width: 100%;
    margin-left: 10px;
}

.box_txt_anexo {
    padding-bottom: 20px;
    padding-top: 15px;
    height: 60px;
    width: 0;
}

    .box_txt_anexo.anexado_ok {
        height: 60px;
        width: 270px;
    }

.anexado {
    display: none;
    margin-right: 15px;
}

.anexo_nome_arquivo {
    margin-left: 1%;
}

    .anexo_nome_arquivo + .botao {
        margin-left: 1%;
    }

.box_foto1 {
    width: 75%;
}

.box_foto2 {
    width: 20%;
    margin-left: 5%;
}

    .box_foto2 img {
        max-width: 156px;
        display: block;
        margin: 10px 0;
    }

.coluna_painel {
    /*width:31%;*/
    width: 49%;
}

    .coluna_painel + .coluna_painel {
        margin-left: 2%;
    }

.box_painel {
    font-size: 14px;
    line-height: 1.2;
    padding: 20px;
    border: 2px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: -1px 4px 5px -4px rgba(0,0,0,0.50);
    -moz-box-shadow: -1px 4px 5px -4px rgba(0,0,0,0.50);
    box-shadow: -1px 4px 5px -4px rgba(0,0,0,0.50);
    background-color: #fff;
}

    .box_painel h1 {
        font-weight: normal;
        font-size: 26px;
        margin-bottom: 0;
    }

    .box_painel h3 {
        font-family: "semibold","Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 0;
        margin-top: 15px;
        padding-bottom: 5px;
        color: #333 !important;
        border-top: 1px dotted rgba(0,0,0,0.2);
        padding-top: 10px;
    }

    .box_painel h1, .box_painel h3 {
        line-height: 1;
        color: #000;
    }

    .box_painel + .box_painel {
        margin-top: 20px;
    }

/*________________________________________________________________________ Campos */

.label {
    line-height: 1;
    color: #999;
    display: block;
    position: absolute;
    top: 23px;
    margin-top: -7px;
    left: 15px;
    z-index: 1;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    right: 79px;
    width: auto;
}

    .label.anexos {
        top: 18px;
    }

    .label.erro {
        color: #dc0000;
    }

.campo:focus + .label, .campo.foco + .label {
    font-size: 9px;
    top: 5px;
    color: #999;
    margin-top: 0;
}

.box_campo {
    background-color: #fff;
    position: relative;
    margin-bottom: 20px;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    display: block;
    border: 1px solid #dce6ef;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: -1px 4px 5px -4px rgba(210,222,234,1);
    -moz-box-shadow: -1px 4px 5px -4px rgba(210,222,234,1);
    box-shadow: -1px 4px 5px -4px rgba(210,222,234,1);
}

    .box_campo.erro {
        border: 1px solid #dc0000;
    }

.box_historico {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.cab_hist {
    font-size: 16px;
    line-height: 1.2;
    background-color: #f8f8f8;
    margin: 5px;
}

    .cab_hist img {
        width: 44px;
        margin: 3px 20px 3px 3px;
    }

    .cab_hist .data_hora {
        font-size: 14px;
        text-align: right;
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 8px;
    }

    .cab_hist .nome {
        font-family: "semibold","Lucida Sans Unicode", "Lucida Grande", sans-serif;
        margin-top: 10px;
        height: 19px;
        width: 416px;
    }

.txt_hist {
    padding: 20px;
}

.campo {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    font-family: "regular","Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #545454;
    width: 100%;
    background-color: transparent;
    padding: 15px 7px 7px 11px;
    z-index: 2;
    position: relative;
    height: 48px;
    top: 0px;
    left: 0px;
}

    .campo.anexos {
        padding: 10px 7px 7px 11px;
        height: 38px;
    }

    .campo.pesq {
        height: auto;
        padding-top: 15px;
        padding-bottom: 4px;
        padding-right: 40px;
    }

    .campo.erro {
        color: #dc0000 !important;
    }



.box_campo.size75 {
    width: 74.7%;
}

.box_campo.size50 {
    width: 49.2%;
}

.box_campo.size48 {
    width: 47.7%;
}

.box_campo.size45 {
    width: 44.2%;
}

.box_campo.size33 {
    width: 32.66%;
}

.box_campo.size25 {
    width: 24.2%;
}

.box_campo.size20, .marginleft.size20 {
    width: 19.25%;
}

.box_campo.size15 {
    width: 14.25%;
}

.box_campo.size10 {
    width: 9.25%;
}

.box_campo.left + .left, .panel.left + .left {
    margin-left: 1%;
}

.panel .box_campo.left + .left {
    margin-left: 4%;
}

.left.marginleft {
    margin-left: 1%;
}

.dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../imagens/seta_drop.png) no-repeat transparent;
    background-position: right 15px center;
    padding-right: 40px;
}

select.dropdown::-ms-expand {
    display: none;
}

.multi {
    height: 188px;
}

    .multi.II {
        height: 85px;
    }

.botao {
    font-family: "semibold","Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    padding: 15px 30px;
    background-color: rgba(72,177,228,1);
    border: 2px solid #48B1E4;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .botao:hover {
        color: #48B1E4;
        background-color: rgba(238,117,25,0);
    }

    .botao.II {
        font-family: "regular","Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-size: 15px;
        text-transform: none;
        padding: 15px 20px;
        position: relative;
        top: 5px;
    }

        .botao.II.attach {
            padding: 10px 20px;
        }

    .botao.III {
        top: 30px;
        /*top:-7px;*/
    }

    .botao.II.top0 {
        top: 0;
        left: 0px;
    }

    .botao.cinza {
        color: #fff;
        background-color: #797d7f;
        border-color: #797d7f;
        margin-left: 10px;
    }

        .botao.cinza:hover {
            color: #797d7f;
            background-color: transparent;
        }

.contato .subtit .icons {
    font-size: 18px;
    color: #ef7414;
}

.botao.pequeno {
    font-size: 17px;
    padding: 5px 15px;
    border: 2px solid #48B1E4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.botao.right {
    /*position: absolute;
    top: 50%;
    right: 0;*/
    transform: translateY(-100%);
}
