/* RESET PARA OS ESTILOS */

body {
    background-color: #fdfdfd !important;
    margin: 0px;
}

html {
    padding-bottom: 1px;
    width: 100%;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Arial;
}

:focus {
    outline: 0;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

th, td {
    font-weight: normal;
}

img, iframe {
    border: none;
    text-decoration: none;
}

ol, ul {
    list-style: none;
}

hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px;
}

strong {
    font-weight: bold;
}

/* ------------ Estilos ----------- */

#topo {
    background-image: url(../img/topoPagina.png);
    background-repeat: repeat;
    width: 100% !important;
    height: 190px;
}

.topoContainer {
    position: relative;
    margin: 0 auto;
    /*width: 1170px;*/
    width: 90% !important;
}

.logoPrincipal {
    position: relative;
    float: left;
    margin-top: 50px;
}

.textoTopo {
    position: relative;
    float: left;
    margin-top: 68px;
    margin-left: 30px;
}

.logoPrefeituraTopo {
    position: relative;
    float: right;
    margin-top: 54px;
    width: 337px;
    text-align: right;
}
.logoPrefeituraTopo img {
    width:100%;
}
.tituloTopo {
    margin: 0 auto;
    position: relative;
    width: 346px;
    top: -10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 27px;
    color: #FFFFFF;
    text-align: justify;
    letter-spacing: 1px;
}

.tituloTopo2 {
    margin: 0 auto;
    position: relative;
    width: 349px;
    top: -10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #FFFFFF;
    text-align: justify;
    letter-spacing: 1px;
}

.subtituloTopo {
    margin: 0 auto;
    position: relative;
    width: 346px;
    text-align: justify;
    font-family: 'Roboto', sans-serif;
    top: 10px;
    font-weight: 100;
    font-size: 11px;
    color: #FFFFFF;
}

/*.containerFooter {
    background-color: #505050;
    background-repeat: repeat-x;
    height: 115px;
    position: absolute;
    margin-top: 50px;
    clear:both;
    bottom: 0px;
}

.copyright {
    position: relative;
    color: white;
    font-family: 'Swis721CnBTBold';
    padding-top: 50px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
}*/

.linhaDivisoria {
    border-bottom: 2px solid #FFF;
}

.botoes {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFF !important;
    padding: 9px;
    background-color: #e06f09;
    text-decoration: none !important;
    margin-right: 8px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
}

    .botoes:hover {
        background-color: #b35602;
        text-decoration: none !important;
    }

.botaoSalvar {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #FFF !important;
    padding: 14px 24px;
    background-color: #2cc89c;
    text-decoration: none !important;
    margin-right: 8px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 7px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .botaoSalvar:hover {
        background-color: #24a27e;
        text-decoration: none !important;
    }

    .botaoSalvar:before {
        font-family: FontAwesome;
        content: "\f064" !important;
        color: white;
        margin-right: 10px;
    }

.botaoCancelar {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #FFF !important;
    padding: 14px 24px;
    background-color: #c1c1c1;
    text-decoration: none !important;
    margin-right: 8px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 7px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .botaoCancelar:hover {
        background-color: #999;
        text-decoration: none !important;
    }

    .botaoCancelar:before {
        font-family: FontAwesome;
        content: "\f00d" !important;
        color: white;
        margin-right: 10px;
    }

.botaoPesquisar {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #FFF !important;
    padding: 14px 24px;
    background-color: #2cc89c;
    text-decoration: none !important;
    margin-right: 8px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 7px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .botaoPesquisar:hover {
        background-color: #24a27e;
        text-decoration: none !important;
    }

    .botaoPesquisar:before {
        font-family: FontAwesome;
        content: "\f002" !important;
        color: white;
        margin-right: 10px;
    }


.BtnLateral {
    position: relative;
    display: inline-block;
    top: 0px;
    background: #12949d;
    padding: 3px 13px 0 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    height: 39px;
    line-height: 32px;
}

    .BtnLateral:hover {
        background: #0f868e;
    }

.BtnBuscar:before {
    font-family: FontAwesome;
    content: "\f002" !important;
    color: white;
}

gridview .BtnBuscar {
    font-family: FontAwesome;
    content: "\f002";
    color: white;
}

.container {
    position: relative;
    /*width: 1200px;*/
    width: 90% !important;
    margin: 0 auto;
    counter-reset: section;
    list-style-type: none;
}

p {
    font-size: 15px;
    font-weight: 400;
    color: #505050;
    margin-bottom: 15px;
    padding: 0px 0px 0px 24px;
}

.containerH1 {
    position: relative;
    margin-top: 0px !important;
    margin-bottom: 30px !important;
    padding-top: 8px;
    height: 78px;
    z-index: -1 !important;
    padding-right: 50px;
    /*width: 1170px;*/
    width: 90% !important;
    margin: 0 auto;
}

.bgH1 {
    position: relative;
    background-color: #f1f1f1;
    z-index: 10;
}

h1 {
    font-family: 'Swis721CnBTBold' !important;
    font-weight: 700;
    font-size: 24px !important;
    text-transform: uppercase !important;
    color: #e06f09;
    padding: 0px 0px 20px 0px;
}

    h1:before {
        /*font-family: FontAwesome;
        content: '\f138';*/
        content: url('../img/h1.png');
        padding-right: 10px;
        color: #e06f09;
        font-size: 24px;
        padding-left: 15px;
    }

h2 {
    position: relative;
    width: 100%;
    font-family: 'Swis721CnBTBold' !important;
    font-size: 18px !important;
    color: #0f7c84 !important;
    padding: 10px 20px 10px 0px;
    text-transform: uppercase !important;
    margin: 40px 0px 30px 0px !important;
    color: #000;
    border: 1px solid #4bb8bf;
    border-top: 1px solid #4bb8bf;
}

    h2 span {
        font-family: 'Swis721CnBTBold' !important;
        font-size: 18px !important;
        color: #0f7c84 !important;
        font-weight: 300 !important;
    }


    h2:before {
        font-family: FontAwesome;
        content: '\f078';
        font-size: 20px;
        background-color: #0f7c84;
        padding: 12px 13px 13px 14px !important;
        margin-right: 10px !important;
        color: #fff !important;
    }

/*h3 {
    position: relative;
    width: 100%;
    font-family: 'Swis721CnBTBold' !important;
    font-size: 18px;
    color: #0f7c84 !important;
    padding: 10px 20px 10px 0px;
    text-transform: uppercase !important;
    margin: 40px 0px 30px 0px !important;
    color: #000;
    border: 1px solid #4bb8bf;
    border-top: 1px solid #4bb8bf;
}

    h3 span {
        font-family: 'Swis721CnBTBold' !important;
        font-size: 18px !important;
        color: #0f7c84 !important;
        font-weight: 300 !important;
    }

    h3:before {
        counter-increment: section;
        content: counters(section, ".") " ";
        background-color: #0f7c84;
        padding: 12px 13px 12px 19px !important;
        margin-right: 10px !important;
        color: #fff !important;
    }*/

h3 {
    border-bottom: solid 1px #d1d1d1;
    color: #656565 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-family: 'Swis721CnBTBold' !important;
    padding-bottom: 4px;
    margin-bottom: 40px;
    margin-top: 40px;
}

    h3:before {
        content: " ";
        width: 30px;
        height: 3px;
        background-color: #0f7c84;
        border-radius: 30px;
        position: absolute;
        display: inline-block;
        margin-top: 24px;
    }

h4 {
    position: relative;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #7f75b0;
    padding: 30px 0px 15px 0px;
}

.rotulo {
    font-family: 'Swis721CnBTBold';
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color: #848484;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
}

.rotuloEspecial {
    font-family: 'Swis721CnBTBold';
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    margin-top: 35px;
    text-transform: uppercase;
    background-color: #14aa95;
    padding: 5px 15px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.campo {
    width: 100%;
    font-family: 'Swis721CnBTRoman';
    font-size: 13px;
    color: #707070;
    text-transform: uppercase;
    background: #fbfbfb;
    text-transform: uppercase;
    padding: 11px 8px 8px 8px;
    outline: none;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

td input[disabled] {
    border: 1px solid #f1f1f1 !important;
    background-color: #fdfdfd !important;
}

.campoLabel {
    width: 100%;
    font-family: 'Swis721CnBTRoman';
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    background: #f7f7f7;
    padding: 11px 8px 8px 8px;
    outline: none;
    display: inline-block;
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.RadioContent {
    width: 100%;
    font-family: 'Swis721CnBTRoman';
    font-size: 13px;
    color: #707070;
    text-transform: uppercase;
    background: #fbfbfb;
    padding: 8px 8px 4px 8px;
    outline: none;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

.especialContent {
    width: 100%;
    font-family: 'Swis721CnBTRoman';
    font-size: 13px;
    color: #707070;
    text-transform: uppercase;
    background: #fdfdfd;
    padding: 8px 8px 10px 8px;
    outline: none;
    border: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf !important;
    /*border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #d8d8d8;*/
    display: inline-block;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

.mensagemAtencao {
    background-color: #eef5fc;
    border: 1px dashed #88abd0;
    color: #014a98;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding: 15px;
    margin-top: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

    .mensagemAtencao a {
        text-decoration: none;
        color: #00346c;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
    }


/* ------------ LOGIN ------------ */

.backgroundLogin {
    background-image: url(../img/bgLogin.png);
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0px;
    background-position: left top;
}

.containerLogin {
    position: relative;
    width: 428px;
    height: 217px;
    margin: 0 auto;
    background-image: url(../img/bg-login.png);
    padding: 260px 0px 0px 58px;
    margin-top: 120px;
}

.containerFormLogin {
    position: relative;
    width: 130px;
    float: left;
}

.containerFormSenha {
    position: relative;
    width: 144px;
    float: left;
    left: 25px;
}

.ContainerFormBotao {
    position: relative;
    float: left;
    top: 18px;
    left: 45px;
}

.botaoForm1 {
    background-color: #2daea5;
    padding: 5px 9px 5px 9px;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    opacity: 0.90;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
}

    .botaoForm1:hover {
        opacity: 0.99;
        filter: alpha(opacity=99);
        -moz-opacity: 0.1,9;
    }



#containerUsuario {
    position: absolute;
    color: #fffaca !important;
    width: 200px;
    padding: 10px;
    text-align: right;
    z-index: 11;
    /* margin-top: -50px; */
    margin-top: 30px;
    font-size: 12px;
    right: 100px;
    top: 217px;
    font-size: 12px;
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);*/
}

    #containerUsuario a {
        color: #fff;
        font-weight: bold;
    }



.menuPrincipal {
    position: absolute;
    background-color: rgba(3,27,49,0.51);
    right: 0px;
    top: 170px;
    z-index: 4;
    border-radius: 6px;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

    .menuPrincipal li {
        position: relative;
        float: left;
        margin-left: 14px;
    }

        .menuPrincipal li:first-child {
            font-family: 'Roboto Condensed', sans-serif;
            margin-left: 0px;
        }

    .menuPrincipal a {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        color: #fff;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        .menuPrincipal a:hover {
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: bold;
            color: #4facda;
        }

.menuContent {
    position: relative !important;
    margin: 0 auto !important;
    /*width: 1170px;*/
    width: 90% !important;
}


.clearLeft {
    clear: left;
}

.textInfo {
    position: relative;
    margin-top: 45px;
    margin-bottom: 30px;
}

    .textInfo span {
        display: inline-block;
        top: -5px;
        position: relative;
        font-size: 16px;
    }

    .textInfo i {
        font-size: 30px;
        color: #023d58;
    }

.dataTables_wrapper {
    margin-top: 30px;
}

TABLE.gridview {
    background-color: #fff !important;
    border: solid 1px #fff;
    font-family: Arial Narrow;
    font-size: 12px;
    margin-top: 15px !important;
    width: 100%;
    text-transform: uppercase;
}

    TABLE.gridview TR {
        background-color: #eef6f7;
        border: solid 1px #fff !important;
        color: #000;
        font-size: 13px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

        TABLE.gridview TR a {
            color: #000;
            font-weight: bold;
            text-decoration: none;
        }

            TABLE.gridview TR a:hover {
                color: #d2e8ea !important;
                text-decoration: none;
                font-weight: bold;
            }

            TABLE.gridview TR a:visited {
                color: #4f728e !important;
                text-decoration: none;
                font-weight: bold;
            }

        TABLE.gridview TR:hover {
            background-color: #d8e9ea;
            color: #204177 !important;
        }


TABLE tr.gridviewAmarelo {
    background-color: #ffffed;
    border: solid 1px #fff !important;
    color: #000;
    font-size: 13px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    TABLE tr.gridviewAmarelo a {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

        TABLE tr.gridviewAmarelo a:hover {
            color: #f1ee78 !important;
            text-decoration: none;
            font-weight: bold;
        }

        TABLE tr.gridviewAmarelo a:visited {
            color: #4f728e !important;
            text-decoration: none;
            font-weight: bold;
        }

    TABLE tr.gridviewAmarelo:hover {
        background-color: #f7f361;
        color: #204177 !important;
    }


TABLE tr.gridviewVermelho {
    background-color: #fff0f0;
    border: solid 1px #fff !important;
    color: #000;
    font-size: 13px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    TABLE tr.gridviewVermelho a {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

        TABLE tr.gridviewVermelho a:hover {
            color: #f1ee78 !important;
            text-decoration: none;
            font-weight: bold;
        }

        TABLE tr.gridviewVermelho a:visited {
            color: #4f728e !important;
            text-decoration: none;
            font-weight: bold;
        }

    TABLE tr.gridviewVermelho:hover {
        background-color: #ff9191;
        color: #204177 !important;
    }



TABLE tr.gridviewVerde {
    background-color: #e9f5e8;
    border: solid 1px #fff !important;
    color: #000;
    font-size: 13px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

    TABLE tr.gridviewVerde a {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

        TABLE tr.gridviewVerde a:hover {
            color: #81ff90 !important;
            text-decoration: none;
            font-weight: bold;
        }

        TABLE tr.gridviewVerde a:visited {
            color: #4f728e !important;
            text-decoration: none;
            font-weight: bold;
        }

    TABLE tr.gridviewVerde:hover {
        background-color: #81ff90;
        color: #204177 !important;
    }






TABLE.gridview TH {
    background: #50b0b7;
    color: #FFFFFF;
    padding: 7px 10px 7px 10px;
    font-weight: bold;
    background-image: url(img/barra_tabela.png);
    font-size: 11px;
    text-align: center;
}

TABLE.gridview TD {
    border: solid 1px #fff !important;
    padding: 5px 10px 5px 10px;
    height: 18px;
    text-align: center;
    color: #505a71;
    white-space: break-spaces;
    font-size: 11px;
}

TABLE.gridview TR .total {
    background-color: #d3e3e6 !important;
    padding: 5px 10px 5px 10px;
    height: 25px;
    text-align: center;
    color: #586668;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}




.botaoPrint {
    background-color: #157fa3;
    padding: 14px 18px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    opacity: 1;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    border-radius: 4px;
    float: left;
    margin-top: 30px;
}

.containerComprovanteInscricao {
    padding: 25px 30px;
    border: dashed 1px #a9a9a9;
    border-radius: 6px;
    margin-top: 40px;
    width: 600px;
}

.subTituloComprovante {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: #1fcc44;
    font-size: 24px;
    margin-bottom: 30px;
}

.tituloComprovante {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: #006eae;
    font-size: 24px;
    border-bottom: dashed 1px #ccc;
    margin-bottom: 30px;
    text-align: center;
    padding-bottom: 10px;
}

.containerComprovanteInscricao .rotulo {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
    color: #4c4c4c;
}

.containerComprovanteInscricao .labels {
    font-size: 18px;
    font-weight: normal;
    color: #737373;
}

.iconBuscar {
    color: #1f4a79 !important;
}

    .iconBuscar:hover {
        color: #33649a !important;
    }

    .iconBuscar:before {
        content: '\f002';
        font-family: FontAwesome;
        color: #1f4a79 !important;
    }

.iconSelecionar:before {
    font-family: FontAwesome;
    content: '\f00c';
    padding-right: 5px;
    color: #049016;
    font-size: 16px;
}

.iconLeito:before {
    font-family: FontAwesome;
    content: url('../img/hospital.png');
    padding-right: 5px;
}

.iconDesfecho:before {
    font-family: FontAwesome;
    content: url('../img/sair.png');
    padding-right: 5px;
}

.iconExcluir:before {
    font-family: FontAwesome;
    content: '\f00d ';
    padding-right: 5px;
    font-size: 16px;
    font-style: normal;
    color: #c75353;
}

.iconAtivado {
    color: #0d9fc1 !important;
}

    .iconAtivado:hover {
        color: #0d9fc1 !important;
    }

    .iconAtivado:before {
        content: '\f205';
        font-family: FontAwesome;
        color: #0d9fc1 !important;
    }

.gridview .iconAtivado {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconAtivado:hover {
        font-size: 18px;
        color: #274779 !important;
    }

.iconDesativado {
    color: #8a8a8a !important;
}

    .iconDesativado:hover {
        color: #696969 !important;
    }

    .iconDesativado:before {
        content: '\f204';
        font-family: FontAwesome;
        color: #8a8a8a !important;
    }

.gridview .iconDesativado {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal;
}

    .gridview .iconDesativado:hover {
        font-size: 18px;
        color: #696969 !important;
    }

.iconEditar {
    color: #ff7800 !important;
    font-weight: normal !important;
}

    .iconEditar:hover {
        color: #ff7800 !important;
    }

    .iconEditar:before {
        content: '\f14b';
        font-family: FontAwesome;
        color: #ff7800 !important;
    }

.gridview .iconEditar {
    font-size: 18px;
    font-style: normal;
}

    .gridview .iconEditar:hover {
        font-size: 18px;
        color: #ff7800 !important;
    }

a[disabled].iconEditar {
    color: beige;
    /* background: black !important; */
    opacity: 0.35;
}

input[type='radio'] {
    width: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 10px !important;
}

input[type='checkbox'] {
    width: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 10px !important;
}

.containerRodape {
    position: relative;
    margin: 0 auto;
    /*width: 1200px;*/
    width: 90% !important;
    border-top: 1px solid #000000;
    margin-top: 100px;
    margin-bottom: 30px;
}

.rodapeTexto {
    float: left;
    position: relative;
    padding: 10px 0px 0px 20px;
    font-family: 'Swis721CnBTRoman';
    font-size: 11px;
    padding: 30px;
}

.rodapeLogos {
    float: right;
    position: relative;
    padding: 15px 10px;
}

.iconSelect {
    color: #016f2c !important;
}

    .iconSelect:hover {
        color: #088b19 !important;
    }

    .iconSelect:before {
        content: '\f058';
        font-family: FontAwesome;
        color: #016f2c !important;
        font-size: 16px;
    }

.tituloHome {
    position: relative;
    width: 450px;
    margin-top: 100px;
    font-size: 36px;
    font-family: 'swis721_blkcn_btblack';
}

.textoHome {
    position: relative;
    width: 450px;
    margin-top: 30px;
    font-size: 21px;
    font-family: 'Swis721CnBTRoman';
}

@media print {
    #topo {
        display: none;
    }

    .rodapeMarcas {
        display: none;
    }

    #rodape {
        display: none;
    }

    .botaoPrint {
        display: none;
    }

    .containerComprovanteInscricao {
        padding: 25px 30px;
        margin-top: 0px;
    }
}


/*------------------------------COLORBOX----------------------------------*/

/*////////////////////////////////////////////////////////// POPUP COM TÍTULO AZUL PEQUENO ///////////////////////////////////////////////////////////////////*/


.colorboxAzul {
    font-family: 'Swis721CnBTRoman' !important;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    /*padding: 30px 20px 20px 20px;*/
    text-align: justify;
}

    .colorboxAzul .tituloPrincipal {
        position: relative;
        height: 100px;
        line-height: 102px;
        background-color: #12949d;
        width: 100%;
        color: #fff;
        font-family: 'Swis721CnBTBold' !important;
        font-size: 26px;
        text-transform: uppercase;
        padding: 0px 0px 0px 22px;
        background-repeat: no-repeat;
        margin-bottom: 0px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxAzul .tituloSecundario {
        position: relative;
        margin-bottom: 10px !important;
        margin-top: 15px !important;
        font-family: 'Swis721CnBTRoman';
        font-weight: 600;
        font-size: 18px;
        text-transform: uppercase;
        color: #0c848c;
        padding: 10px 10px 7px 10px !important;
        background-color: #f4f4f4;
        border-radius: 6px;
    }

        .colorboxAzul .tituloSecundario:before {
            font-family: FontAwesome;
            content: "\f078";
            margin-right: 10px;
        }

    .colorboxAzul .contentColorbox {
        position: relative;
        padding: 40px 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .colorboxAzul p {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .colorboxAzul .botaoCB, .colorboxTituloAzul p .botaoCB {
        position: relative;
        background-color: #abc4e0;
        color: #fff !important;
        text-decoration: none;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    .colorboxAzul .botao:hover, .colorboxTituloAzul p .botao:hover {
        position: relative;
        background-color: #adc8e6;
        color: #fff !important;
        text-decoration: none !important;
        font-weight: bold;
        padding: 8px 10px;
        display: inline-block;
        margin-right: 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .colorboxAzul .subtitulo {
        position: relative;
        color: #4e82bb;
        display: block;
        margin-top: 30px;
        margin-bottom: 10px;
        font-family: Swis721CnBTBold;
        font-size: 17px;
    }
/*
#cboxClose {
    right: 46px !important;
    top: 36px !important;
}

        #cboxClose:hover {
            background-color: #fff;
            border-radius: 4px;
        }

        #cboxClose:before {
            content: "\f00d";
            font-family: FontAwesome;
            font-size: 22px;
            font-weight: normal !important;
        }




#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}

#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxTopLeft {
    width: 0px !important;
    height: 0px !important;
    background: none !important;
}

#cboxTopRight {
    width: 0px !important;
    height: 0px !important;
    background: none !important;
}

#cboxBottomLeft {
    width: 0px !important;
    height: 0px !important;
    background: none !important;
}

#cboxBottomRight {
    width: 0px !important;
    height: 0px !important;
    background: none !important;
}

#cboxMiddleLeft {
    width: 0px !important;
    background: none !important;
}

#cboxMiddleRight {
    width: 0px !important;
    background: none !important;
}

#cboxTopCenter {
    height: 0px !important;
    background: none !important;
}

#cboxBottomCenter {
    height: 0px !important;
    background: none !important;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/*
#cboxOverlay {
    background: #fff;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

#colorbox {
    outline: 0;
}

#cboxContent {
    margin-top: 32px;
    overflow: visible;
    background: #fff;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    background: #fff;
    padding: 1px;
}

#cboxLoadingGraphic {
    background: url(../img/colorbox/loadingColorboxResponsive.gif) no-repeat center center;
}

#cboxLoadingOverlay {
    background: #000;
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000;
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
}
*/
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
/*
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(../img/colorbox/controlsColorboxResponsive.png) no-repeat 0 0;
}
*/

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
/*
    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
        outline: 0;
    }

#cboxPrevious {
    background-position: 0px 0px;
    right: 44px;
}

    #cboxPrevious:hover {
        background-position: 0px -25px;
    }

#cboxNext {
    background-position: -25px 0px;
    right: 22px;
}

    #cboxNext:hover {
        background-position: -25px -25px;
    }

#cboxClose {
    background-position: -50px 0px;
    right: 0;
}

    #cboxClose:hover {
        background-position: -50px -25px;
    }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
    right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px;
}

    .cboxSlideshow_on #cboxSlideshow:hover {
        background-position: -100px -25px;
    }

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 44px;
}

    .cboxSlideshow_off #cboxSlideshow:hover {
        background-position: -75px -25px;
    }


    */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

/*

#colorbox {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    #colorbox:before,
    #colorbox:after {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999996;
    overflow: hidden;
    outline: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#cboxOverlay {
    z-index: 9999;
    position: fixed;
}
*/
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/*
#cboxOverlay {
    background: url(../img/colorbox/overlay-home-vida-colorbox.png) repeat 0 0;
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(../img/colorbox/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(../img/colorbox/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(../img/colorbox/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(../img/colorbox/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(../img/colorbox/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(../img/colorbox/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(../img/colorbox/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(../img/colorbox/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../img/colorbox/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxPrevious:hover {
        background-position: -75px -25px;
    }

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(../img/colorbox/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

    #cboxNext:hover {
        background-position: -50px -25px;
    }

#cboxLoadingOverlay {
    background: url(../img/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(../img/colorbox/loading.gif) no-repeat center center;
}

#cboxClose {
    position: absolute;
    top: 35px;
    right: 43px;
    background-image: url(../img/colorbox/fecharColorbox.png);
    width: 42px;
    height: 42px;
    border: none;
    outline: none;
    background-color: #4D70A2;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

     */
/*#cboxClose:hover{background:url(img/ciente-fecha2.jpg)}*/

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
/*
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft {
    background: url(../img/colorbox/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
    background: url(../img/colorbox/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
    background: url(../img/colorbox/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
    background: url(../img/colorbox/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
    background: url(../img/colorbox/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
    background: url(../img/colorbox/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
    background: url(../img/colorbox/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
    background: url(../img/colorbox/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}




.classeColorbox #cboxClose {
    position: absolute;
    top: inherit;
    bottom: 13px !important;
    right: 13px;
    /* background-image: url(../img/fechar-carna.png); */
    background-image: none !important;
    width: 34px;
    height: 34px;
    border: none;
    outline: none;
    background-color: #285e9a;
    border-radius: 4px;
    color: #fff;
}

    .classeColorbox #cboxClose:hover {
        background-color: #245388;
        border-radius: 4px;
    }

.campoObrigatorio {
    border: 1px dashed #11da96 !important;
    border-radius: 3px;
}

    .campoObrigatorio .select2-choice {
        border: none !important;
    }

.campoObrigatorioAdministracao .select2-choice {
    border: none !important;
}

.camposObrigatorios {
    left: 0 !important;
    border-left: none !important;
}

    .camposObrigatorios.campoData, .camposObrigatorios.campo {
        background-image: url('../img/campo_obrigatorio.png');
        background-repeat: no-repeat !important;
        background-position: left !important;
        padding-left: 13px !important;
    }

.camposObrigatoriosRadio .select2-container--default .select2-selection--single {
    background-image: url('../img/campoObrigatorioSelect2.png') !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    left: 0 !important;
    padding-left: 5px !important;
    border-left: 1px solid transparent !important;
}

.camposObrigatorios .select2-chosen {
    padding-left: 4px;
}

.camposObrigatorios.RadioContent, .camposObrigatorios.ContainerRadio, .camposObrigatorios.CheckContent {
    border-left: 5px solid #11da96 !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    left: 0 !important;
}

/*.camposObrigatorios.especialContent {
    border-left: 5px solid #11da96 !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 4px !important;
    left: 0 !important;
}*/


.subtituloDestacado {
    font-family: 'Swis721CnBTBold';
    font-weight: 400;
    font-size: 18px;
    color: #ff9800;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
    text-transform: uppercase;
    border-bottom: solid 1px;
    margin-top: 35px;
}

    .subtituloDestacado:before {
        font-family: FontAwesome;
        content: "\f078" !important;
        font-size: 15px;
        margin-right: 5px;
        top: -2px;
        position: relative;
    }

.subtituloDestacadoSecundario {
    font-family: 'Swis721CnBTBold';
    font-weight: 400;
    font-size: 15px;
    color: #ff9800;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
    text-transform: uppercase;
    border-bottom: solid 1px;
    margin-top: 25px;
}

    .subtituloDestacadoSecundario:before {
        font-family: FontAwesome;
        content: "\f067" !important;
        font-size: 11px;
        margin-right: 4px;
        top: -1px;
        position: relative;
    }

.btnAdicionar {
    font-family: 'Swis721CnBTBold';
    font-size: 13px;
    font-weight: 400;
    color: #FFF !important;
    padding: 5px 8px 2px 9px;
    background-color: #2cc89c;
    text-decoration: none !important;
    margin-right: 0px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 0px;
    float: right;
}

    .btnAdicionar:before {
        font-family: FontAwesome;
        content: "\f067" !important;
        color: white;
        font-size: 13px;
        margin-right: 5px;
    }

.RadioContentSimplificado {
    width: 100%;
    font-family: 'Swis721CnBTRoman';
    font-size: 12px;
    color: #707070;
    text-transform: uppercase;
    background: #ffffff;
    padding: 8px 8px 8px 0px;
    outline: none;
    border-bottom: 1px solid #e0e0e0;
    display: inline-block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

    .RadioContentSimplificado label {
        top: -2px;
        position: relative;
        margin-left: 1px;
        margin-right: 6px;
        font-size: 11px;
    }

.validaInclusaoLeito {
    color: #dc4d4d;
    font-weight: bold;
    font-size: 14px;
    margin-top: 8px;
}



.rotuloLogin {
    font-family: 'Swis721CnBTBold';
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color: #74bbbb;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
}


/*----------ESTILO DO BOOTSTRAP PARA PÁGINA LOGIN-----------*/

:root {
    --input-padding-x: .75rem;
    --input-padding-y: .75rem;
}

html,
body {
    height: 100%;
}



.btn-info {
    color: #fff;
    background-color: #3aad8a !important;
    border-color: #2c9373 !important;
}

    .btn-info:hover {
        color: #fff;
        background-color: #2a9977 !important;
        border-color: #208566 !important;
    }

.form-signin {
    width: 100%;
    max-width: 500px;
    padding: 15px;
    margin: 0 auto;
}

.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}

    .form-label-group > input,
    .form-label-group > label {
        padding: var(--input-padding-y) var(--input-padding-x);
    }

    .form-label-group > label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        margin-bottom: 0; /* Override default `<label>` margin */
        line-height: 1.5;
        color: #495057;
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: all .1s ease-in-out;
    }

    .form-label-group input::-webkit-input-placeholder {
        color: transparent;
    }

    .form-label-group input:-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-moz-placeholder {
        color: transparent;
    }

    .form-label-group input::placeholder {
        color: transparent;
    }

    .form-label-group input:not(:placeholder-shown) {
        padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
        padding-bottom: calc(var(--input-padding-y) / 3);
    }

        .form-label-group input:not(:placeholder-shown) ~ label {
            padding-top: calc(var(--input-padding-y) / 3);
            padding-bottom: calc(var(--input-padding-y) / 3);
            font-size: 12px;
            color: #777;
        }

.card {
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
    transition: all .2s;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(26,54,126,0.1);
    padding: 30px 25px;
    margin-top:30px;
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2.50rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .card-deck .card {
        margin-bottom: 15px
    }

@media (min-width:576px) {
    .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

        .card-deck .card {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .card-group > .card {
        margin-bottom: 15px
    }

@media (min-width:576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .card-group > .card {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:first-child {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
                    border-bottom-left-radius: 0
                }

            .card-group > .card:only-child {
                border-radius: .25rem
            }

                .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
                    border-top-left-radius: .25rem;
                    border-top-right-radius: .25rem
                }

                .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
                    border-bottom-right-radius: .25rem;
                    border-bottom-left-radius: .25rem
                }

            .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
                border-radius: 0
            }

                .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
                    border-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.containerLeitos {
    display: flex;
    flex-direction: row;
}

.containerTotalLeitos {
    display: flex;
    border: 1px solid rgb(255,255,255);
    width: 60%;
    background-color: #46979d;
    margin-right: 60px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-direction: column;
}

.classeTextoInternoTotalLeitos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: x-large;
}

.classeTextoInternoParcialLeitos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    margin-top: -30px;
}

.classeTextoInternoParcialLeitosVerde {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

.classeTextoInternoParcialLeitosLaranja {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    margin-top: -42px;
}

.containerLeitosParciais {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 90px;
}

.infoTotaldeLeitos {
    display: inline-block;
    width: auto;
    font-size: 100px;
    font-weight: bold;
    color: #ffffff;
}

.containerInfoLeitoMenorVerde {
    background-color: #6ac5bc;
    border: 1px solid rgb(255,255,255);
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 210%;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
}

.infoLeitoMenorVerde {
    display: flex;
    color: #ffffff;
    font-size: 45px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-weight: bold;
}

.containerinfoLeitoMenorCinza {
    border: 1px solid rgb(255,255,255);
    background-color: #f38d8d;
    color: #ffffff;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 210%;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 11.5px;
}

.infoLeitoMenorVermelho {
    display: flex;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    font-weight: bold;
    font-size: 45px;
}


.containerInfoLeitoMenorCinza {
    display: flex;
    border: 1px solid rgb(255,255,255);
    background-color: #a1acad;
    height: 110px;
    flex-direction: column;
    justify-content: center;
    width: 210%;
    border-radius: 10px;
    margin-bottom: 1px;
    text-align: center;
    font-weight: bold;
}

.infoLeitoMenorCinza {
    display: flex;
    color: #ffffff;
    border-radius: 5px;
    font-size: 45px;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    font-weight: bold;
}

.containerLeitosParciais span:nth-child(2) {
    color: #fff;
    font-size: 11.5px;
}


.tituloChart {
    font-family: 'Swis721CnBTBold' !important;
    color: grey;
    font-size: 18px;
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 5px;
    margin-bottom: 15px;
    text-transform:uppercase;
}
    .tituloChart:before {
        content: "\f0d7" !important;
        color: grey;
        font-family: FontAwesome;
        font-size: 21px;
        margin-right: 10px;
    }

.card.minHeight465 {
    min-height: 465px;
}

.card.minHeight700 {
    min-height: 700px;
}

.graficoBarraTresColunas {
    width: 100% !important;
    height: 100% !important;
    padding-top: 50px !important;
}
.graficoPizzaTresColunas {
    width: 70% !important;
    height: 70% !important;
    margin: 0 auto;
}

.graficosUmaColuna {
    width: 95% !important;
    max-height: 400px !important;
    margin: 0 auto;
}

@media (min-width: 3800px) {
    body {
        background-color: #e0f1ef !important;
    }
    .container {
        width: 97% !important;
    }
    .containerLeitos {
        min-height: 1042px;
    }
    .containerTotalLeitos {
        width: 99rem;
        margin-right: 14px;
        border-radius: 0px !important;
        border-top-left-radius: 80px !important;
        border-bottom-left-radius: 80px !important;
    }
    .infoTotaldeLeitos {
        font-size: 26rem;
        font-family: "Reddit Mono", monospace !important;
        font-weight: 900;
    }
    .classeTextoInternoTotalLeitos span.legendaTotal {
        line-height: 5rem;
        font-size: 5rem !important;
        font-family: 'Rubik' !important;
        font-weight: 400;
        padding: 0px 10px;
    }
    .classeTextoInternoTotalLeitos {
        font-size: 5rem;
        margin-top: -20px;
    }
    .containerInfoLeitoMenorVerde, .containerinfoLeitoMenorCinza, .containerInfoLeitoMenorCinza {
        height: 340px;
        width: 50rem;
        border-radius: 0px !important;
    }

    .containerInfoLeitoMenorVerde {
        border-top-right-radius: 80px !important;
    }

    .containerInfoLeitoMenorCinza {
        border-bottom-right-radius: 80px !important;
    }

    .containerLeitosParciais span:nth-child(2) {
        font-size: 5rem;
        margin-top: -15px;
    }
    .infoLeitoMenorVerde, .infoLeitoMenorVermelho, .infoLeitoMenorCinza {
        font-size: 12rem;
        font-family: "Reddit Mono", monospace !important;
        font-weight: 900;
    }
    .graficoPizzaTresColunas {
        width: 63% !important;
        height: 63% !important;
        padding-top: 10rem;
    }
    .card.minHeight465 {
        min-height: 1242px;
    }
    .graficoBarraTresColunas {
        padding-top: 20rem !important;
    }
    .graficosUmaColuna {
        max-height: 900px !important;
    }
    .tituloChart {
        font-size: 5rem;
        font-family: "Rubik", sans-serif !important;
        font-weight: 400;
        padding: 35px 5px;
    }
        .tituloChart:before {
            font-size: 5rem;
            content: " " !important;
        }
    .containerH1{
        width:97% !important;
        padding-left:50px;
    }
    h1 {
        font-size: 8rem !important;
        font-family: "Rubik", sans-serif !important;
        font-weight: 700 !important;
    }
    .bgH1 {
        /*background-color: #1d554f;
        background-image: url('../img/background-header-tv.png');*/
        background: linear-gradient(90deg, rgba(29,85,79,1) 0%, rgba(45,125,116,1) 50%, rgba(38,136,126,1) 94%);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top left;
        color: white;
        min-height: 29rem;
        padding-top: 4.5rem;
    }
    h1:before {
        content: none;
        padding-right: 0px;
        padding-left:0px;
    }
    .card {
        margin-top: 80px;
        border: 1px solid rgb(71 71 71 / 38%);
        border-radius: 8rem;
        padding: 2rem 5rem;
    }
    .containerLeitosParciais span.legenda {
        line-height: 5rem;
        font-size: 4rem !important;
        font-family: 'Rubik' !important;
        font-weight: 400;
        padding: 0px 10px;
    }
    .rodapeTexto {
        font-size: 3rem !important;
        padding: 10px 0px !important;
    }

    .containerRodape {
        width: 96% !important;
    }

    .naoExibirNaTV{display:none;}

}

TABLE.gridview.whiteSpaceNowrap TD {
    white-space: nowrap !important;
}

.card.dashboardBox {
    padding-left: 45px;
}

.dashboardBox .container {
    margin: 0 auto !important;
    display: flex;
    flex-direction: column;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.dashboardBox .item {
    /* O flex: 1; é necessário para que cada item se expanda ocupando o tamanho máximo do container. */
    flex: 1;
    text-align: center;
    font-size: 1.5em;
}


.dashboardBox .row {
    flex-direction: row;
}

.dashboardBox .containerTotal {
    display: flex;
    border: 1px solid rgb(255,255,255);
    width: 95% !important;
    background-color: #46979d;
    margin-right: 60px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-direction: column;
    margin-bottom: 8px;
    min-height: 120px;
}

.dashboardBox .containerVerde {
    background-color: #6ac5bc;
    border: 1px solid rgb(255, 255, 255);
    min-height: 101px !important;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 136%;
    margin-left: -21px;
    padding-top: 0.8rem;
}

.dashboardBox .containerCinza {
    background-color: #a1acad;
    border: 1px solid rgb(255, 255, 255);
    min-height: 101px !important;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 136%;
    margin-left: -21px;
    padding-top: 0.8rem;
}

.dashboardBox .containerVermelho {
    background-color: #f38d8d;
    border: 1px solid rgb(255, 255, 255);
    min-height: 101px !important;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 108%;
    padding-top: 0.8rem;
}

.dashboardBox .containerLaranja {
    background-color: #ffd087;
    border: 1px solid rgb(255, 255, 255);
    min-height: 101px !important;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 118%;
    padding-top: 0.8rem;
}

.dashboardBox .containerAmarelo {
    background-color: #f1e487;
    border: 1px solid rgb(255, 255, 255);
    min-height: 101px !important;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 118%;
    padding-top: 0.8rem;
}

.dashboardBox .legendaTotal {
    text-align: center;
    color: #ffffff;
    font-weight: 300;
    font-size: 1.8rem;
}

.dashboardBox .classeTextoInternoParcial {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    margin-top: -30px;
}

.dashboardBox .classeTextoInternoParcialLeitosVerde {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

.dashboardBox .classeTextoInternoParcialLeitosLaranja {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    margin-top: -42px;
}


.dashboardBox .infoTotal {
    display: inline-block;
    width: auto;
    font-size: 5rem;
    font-weight: 900;
    color: #ffffff;
    line-height: 6rem;
}



.dashboardBox .infoNumeroParcias {
    display: flex;
    color: #ffffff;
    font-size: 4rem;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-weight: 900;
}

.dashboardBox .legendaParciais {
    display: flex;
    color: #ffffff;
    font-size: 1rem;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-weight: 500;
}

.dashboardBox .containerinfoLeitoMenorCinza {
    border: 1px solid rgb(255,255,255);
    background-color: #f38d8d;
    color: #ffffff;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 210%;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 11.5px;
}



.dashboardBox .containerInfoLeitoMenorCinza {
    display: flex;
    border: 1px solid rgb(255,255,255);
    background-color: #a1acad;
    height: 110px;
    flex-direction: column;
    justify-content: center;
    width: 210%;
    border-radius: 10px;
    margin-bottom: 1px;
    text-align: center;
    font-weight: bold;
}


.dashboardBox .containerLeitosParciais span:nth-child(2) {
    color: #fff;
    font-size: 11.5px;
}