/* ========== HTML/Body ========== */

/*
    CORES INDICADORES
    VERMELHO    
    #d3242a
    
    VERDE       
    #00bd66
    
    AZUL        
    #a7bfde

    CINZA       
    #919191

    VERDE ESCURO    
    #1d815d
    
    VERDE CLARO     
    #22976d
    
    VERDE ABACATE   
    #88a451
    
    AMARELO         
    #feffd7

*/


.corVermelho {
    color: #d3242a !important;
}

.corVerde {
    color: #00bd66 !important;
}

.corVerdeEscuro {
    color: #1d815d !important;
}

.corVerdeClaro {
    color: #22976d !important;
}

.corVerdeAbacate {
    color: #88a451 !important;
}

.corAzul {
    color: #a7bfde !important;
}

.corCinza {
    color: #919191 !important;
}

.corAmarelo {
    color: #feffd7 !important;
}

.corBranco {
    color: #FFF !important;
}

.corPreto {
    color: #000 !important;
}

/*BACKGROUND*/
.bgVermelho {
    color: #d3242a !important;
}

.bgVerde {
    background-color: #00bd66 !important;
}

.bgVerdeEscuro {
    background-color: #1d815d !important;
}

.bgVerdeClaro {
    background-color: #22976d !important;
}

.bgVerdeAbacate {
    background-color: #88a451 !important;
}

.bgAzul {
    background-color: #a7bfde !important;
}

.bgCinza {
    background-color: #919191 !important;
}

.bgAmarelo {
    background-color: #feffd7 !important;
}

.bgBranco {
    background-color: #FFF !important;
}

.bgPreto {
    background-color: #000 !important;
}

/*BORDER RADIUS*/
.borderR3 {
    border-radius: 3px !important;
}

.borderR5 {
    border-radius: 5px !important;
}
/*BOX SHADOW*/
.boxShad2 {
    box-shadow: 2px 2px 0 #919191;
}

.boxShad3 {
    box-shadow: 3px 3px 0 #919191;
}

.boxShad5 {
    box-shadow: 5px 5px 0 #919191;
}

.border1Vermelho {
    border: solid 1px #d3242a !important;
}

.border1Verde {
    border: solid 1px #00bd66 !important;
}

.border1VerdeEscuro {
    border: solid 1px #1d815d !important;
}

.border1VerdeClaro {
    border: solid 1px #22976d !important;
}

.border1Abacate {
    border: solid 1px #88a451 !important;
}

.border1Azul {
    border: solid 1px #a7bfde !important;
}

.border1Cinza {
    border: solid 1px #919191 !important;
}

.border1Amarelo {
    border: solid 1px #feffd7 !important;
}

html {
    background-color: #fff;
    background: url(../Images/Background/comportamentoBG.png) no-repeat center center fixed;
    /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover; */
    background-size: cover;
    overflow: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; /* IE 10+ */
    /*overflow: -moz-scrollbars-none; /* Firefox */
}

/*::-webkit-scrollbar {
    width: 0px; Remove o espaço da scrollbar 
    background: transparent; Opcional: faz a scrollbar invisivel 
}*/

body {
    font-size: 0.8em;
    font-family: 'Nunito', sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

    body ul {
        margin: 0;
        -webkit-padding-start: 0;
    }

    body a,
    a:link {
        text-decoration: none;
        font-family: 'Nunito', sans-serif;
    }

        body a:hover {
            text-decoration: none;
        }

    body linkbutton,
    linkbutton:hover {
        text-decoration: none;
    }

linkbutton:visited a:visited {
    text-decoration: none
}

table {
    border-spacing: inherit;
    border-collapse: inherit;
}

    table td {
        padding: 0;
    }

.fieldset {
    border-width: 0;
    margin-bottom: 5px;
}

.input {
    border-radius: 3px;
    text-transform: uppercase !important;
}

.inputEmail {
    border-radius: 3px;
    text-transform: lowercase !important;
}

    .input,
    .inputEmail
    .textarea {
        font-family: 'Nunito', sans-serif;
        font-size: 1em;
        font-weight: 300;
        width: auto;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
        border: none;
        border-radius: 4px;
        background-color: #fff;
        resize: none;
    }

.ajax__html_editor_extender_texteditor {
    overflow: auto !important;
    clear: both !important;
    font-family: 'Nunito', 'sans-serif';
    font-size: 1em;
    font-weight: 300;
    width: 980px;
    box-sizing: border-box;
    border-style: solid;
    border-radius: 0px 0px 4px 4px;
    background-color: #fff;
    resize: none;
    border-color: #ccc !important;
    border-width: 2px !important;
}

.dropdown {
    padding: 5px;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    background-color: #fff;
}

/* ========== MasterPageON ========== */

/* ========== Labels ========== */
.toUpper {
    text-transform: uppercase;
}

.label {
    font-family: 'Nunito', sans-serif;
    font-size: 1.2em;
    font-weight: 900;
    color: #000;
}

.labelModal {
    font-family: 'Nunito', sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    color: #fff;
}

.labelModal2 {
    font-family: 'Nunito', sans-serif;
    font-size: 0.9em;
    font-weight: 500;
    color: #fff;
}


.labelGridVerde {
    font-family: 'Nunito', sans-serif !important;
    font-size: 1.3em !important;
    font-weight: 600 !important;
    color: #062945 !important;
    padding: 5px !important;
}

.labelGridCinza {
    font-family: 'Nunito', sans-serif !important;
    font-size: 1.3em !important;
    font-weight: 600 !important;
    color: #404141 !important;
    padding: 5px !important;
}

.labelGrupoQuestoes {
    font-family: 'Nunito', sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    color: #fff;
    position: absolute;
    text-align: left;
}

.labelModalPreto {
    font-family: 'Nunito', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    color: #000;
}

.labelModalTitulo {
    font-family: 'Nunito', sans-serif;
    font-size: 2.4em;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.labelModalSubTitulo {
    font-family: 'Nunito', sans-serif;
    font-size: 2.4em;
    font-weight: 700;
    color: #1d815d;
    text-align: center;
}

.labelSubTituloCinza {
    font-family: 'Nunito', sans-serif !important;
    font-size: 1.4em !important;
    font-weight: 700 !important;
    color: #919191 !important;
}

.labelModalDes {
    font-family: 'Nunito', sans-serif;
    font-size: 1em;
    font-weight: 500;
    color: #062945; /* Azul Comportamento */
}

.labelAlert {
    font-family: 'Nunito', sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    color: red;
}

.labelPesquisa {
    font-family: 'Nunito', sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    color: #fff;
    margin-right: 5px;
}

.labelTituloAba {
    font-family: 'Nunito', sans-serif;
    font-size: 2.0em;
    font-weight: 500;
    color: #fff;
}

.labelSubTituloAba {
    font-family: 'Nunito', sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    color: #fff;
}


.cliquedescricao {
    font-family: 'Nunito', sans-serif;
    font-size: 1.2em;
    font-weight: 900;
    color: #062945; /* Azul Comportamento */
}

/* ========== Controls ========== */

.linkbutton {
    font-size: 1.2em;
    font-weight: 700;
    text-decoration: none;
    color: #000;
}

.linkButtonDefault {
    font-size: 1em;
    text-decoration: none;
    color: #fff;
    position: relative;
}

.linkButtonBlack {
    font-size: 1.2em;
    font-weight: 700;
    text-decoration: none;
    color: #000;
    position: relative;
}

.vermelho {
    color: #d3242a;
}


.verde {
    color: #00bd66;
}

.azul {
    color: #a7bfde;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
}

nav {
    margin: 0 auto;
    /*text-align: center;*/
}

    nav ul {
        background: #009171; /* Verde mais escuro */
        /*padding: 0 20px;*/
        border-radius: 5px;
        list-style: none;
        position: relative;
        display: inline-table;
    }

        nav ul:after {
            content: "";
            clear: both;
            display: block;
        }

        nav ul li {
            float: left;
        }

            nav ul li a {
                display: block;
                padding: 10px;
                /*padding: 15px 20px;*/
                color: #fff;
                background: #009171; /* Verde mais escuro */
                text-decoration: none;
            }

                nav ul li a:hover {
                    background: #fff;
                    color: #009171; /* Verde mais escuro */
                }

        nav ul ul {
            background: #009171; /* Verde mais escuro */
            border-radius: 0px;
            padding: 0;
            position: absolute;
            z-index: 1000;
            top: 100%;
        }

            nav ul ul li {
                float: none;
                position: relative;
                width: 150px;
            }

                nav ul ul li a:hover {
                    background: #fff;
                    color: #009171; /* Verde mais escuro */
                }

            nav ul ul ul {
                position: absolute;
                left: 100%;
                top: 0;
            }

#menuUnidade {
    text-align: center;
    text-decoration: none;
    list-style: none;
}

    #menuUnidade ul {
        list-style: none;
        margin: 0;
    }

    #menuUnidade li {
        float: left;
        margin-left: 20px;
    }

.btn {
    font-family: 'Nunito', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    padding: 10px;
    /*cursor: pointer;*/
    display: inline-block;
    text-decoration: none;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
}

.btn2 {
    font-family: 'Nunito', sans-serif;
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    padding: 10px;
    /*cursor: pointer;*/
    display: inline-block;
    text-decoration: none;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
}

.btn-laranja {
    background: #062945; /* Azul Comportamento */
    color: #fff;
    box-shadow: 0 0px 0 #042332; /* Azul meio escuro */
}

    .btn-laranja:hover {
        background: #009171;
        box-shadow: 0 3px 0 #ccc; /* Azul mais escuro */
        border: solid 0px #FFF;
    }

    .btn-laranja:active {
        position: relative;
        top: 5px;
        box-shadow: none;
    }

/* ========== Divs Painel Local ========== */

#wrapper {
    display: table;
    width: 100%;
}

#row {
    display: table-row;
}

#esquerda {
    display: table-cell;
    width: 50%;
}

#direita {
    display: table-cell;
    width: 50%;
}

/* ========== Tabela Agenda ========== */

#tabelaAgenda {
    border: 1px solid rgba(255, 255, 255, 0);
}

    #tabelaAgenda tr td {
        font-family: 'Nunito', sans-serif;
        font-size: 1em;
        font-weight: 900;
        color: #000;
        border: none;
    }

    #tabelaAgenda tr a:link {
        color: #000;
        text-decoration: none;
    }

    #tabelaAgenda td a:link {
        color: #000;
        text-decoration: none;
    }

    #tabelaAgenda span {
        text-align: center;
    }

.tabelaAgendaDia {
    border: none;
}

/* ========== Header ========== */

.divHeaderLogin {
    width: 100%;
    height: 80px;
    background-color: #fff;
    top: 0;
    position: fixed;
    z-index: 5000;
}

.divLogo {
    height: 40px;
    width: 100%;
    position: fixed;
    top: 20px;
    background-color: #fff;
}

.divLogoRelatorio {
    height: 90px;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    background-color: #fff;
}


#imgLogoTipo {
    top: 1px;
    position: fixed;
    z-index: 10000;
    height: 80px;
}

#imgLogoTipoOFF {
    top: 1px;
    position: fixed;
    z-index: 10000;
    height: 180px;
    text-align: center;
}

.divMenuBarMain {
    background-color: #009171; /* Verde mais escuro */
    position: fixed;
    width: 100%;
    height: 38px;
    top: 80px;
    z-index: 10000;
}

.divMenuItens {
    width: 100%;
    color: #fff;
    padding: 10px 0;
}

    .divMenuItens ul {
        list-style: none;
        display: inline-flex;
    }

/* ========== Content ========== */

.divMainContent {
    padding: 0px 3px 0px 3px;
    /*padding: 10px;*/
    bottom: 0px;
    /*height: 92%;*/
}

.divCab {
    padding-top: 100px;
}

.divPesquisa {
    padding: 5px;
    background-color: #00a581;
}

.loginBox {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: absolute;
    z-index: 69001;
    top: 40%;
    left: 41%;
    border-radius: 5px;
}

.loginForm {
    order: 1;
    flex: 0 1 auto;
    background-color: #00a581; /* Verde Comportamento */
    padding: 20px;
    border-radius: 5px;
}

.inputLogin {
    font-family: 'Nunito', sans-serif;
    font-size: 1em;
    font-weight: 300;
    width: auto;
    height: auto;
    padding: 5px;
    margin: 5px 0;
    width: 16em;
    box-sizing: border-box;
    border: none;
    border-radius: 3px;
    background-color: #fff;
    resize: none;
}

.divisoria {
    border-bottom: 1px solid #fff;
    margin: 10px 0;
}

.tableBotoes {
    width: 100%;
}

.rowBotoes {
    float: right;
}


/*TABLES*/
.aLeft {
    text-align: left !important;
}

.aRight {
    text-align: right !important;
}

.aCenter {
    text-align: center !important;
}

.mTop5 {
    margin-top: 5px !important;
}

.mTop10 {
    margin-top: 10px !important;
}

.mBott5 {
    margin-bottom: 5px !important;
}

.posTop120 {
    margin-top: 120px !important;
}

.posTop240 {
    margin-top: 245px !important;
}

.posTop260 {
    margin-top: 260px !important;
}

.posTop270 {
    margin-top: 270px !important;
}

.posTop280 {
    margin-top: 280px !important;
}

.posTop285 {
    margin-top: 285px !important;
}

.posTop295 {
    margin-top: 295px !important;
}

.posTop480 {
    margin-top: 485px !important;
}

.posFixo {
    position: fixed !important;
}


/* #region WIDTH E HEIGHT */
.w1r {
    width: 1rem !important;
}

.w15r {
    width: 1.5rem !important;
}

.w2r {
    width: 2rem !important;
}

.w25r {
    width: 2.5rem !important;
}

.w3r {
    width: 3rem !important;
}

.w35r {
    width: 3.5rem !important;
}

.w4r {
    width: 4rem !important;
}

.w45r {
    width: 4.5rem !important;
}

.w5r {
    width: 5rem !important;
}

.w25 {
    width: 25% !important;
}

.w33 {
    width: 33% !important;
}

.w10 {
    width: 10% !important;
}

.w50 {
    width: 50% !important;
}

.w75 {
    width: 75% !important;
}

.w100 {
    width: 100% !important;
}

.wAuto {
    width: auto !important;
}

.h1r {
    height: 1rem !important;
}

.h15r {
    height: 1.5rem !important;
}

.h2r {
    height: 2rem !important;
}

.h25r {
    height: 2.5rem !important;
}

.h3r {
    height: 3rem !important;
}

.h35r {
    height: 3.5rem !important;
}

.h4r {
    height: 4rem !important;
}

.h45r {
    height: 4.5rem !important;
}

.h5r {
    height: 5rem !important;
}

.h15 {
    height: 15rem !important;
}

.h25 {
    height: 25% !important;
}

.h35 {
    height: 35% !important;
}

.h50 {
    height: 50% !important;
}

.h75 {
    height: 75% !important;
}

.h100 {
    height: 100% !important;
}

.hAuto {
    height: auto !important;
}

.mw100 {
    max-width: 100% !important;
}

.mh100 {
    max-height: 100% !important;
}
/* #endregion */

/* #region MARGIN */

.m0 {
    margin: 0 !important;
}

.mt0, .my0 {
    margin-top: 0 !important;
}

.mr0, .mx0 {
    margin-right: 0 !important;
}

.mb0, .my0 {
    margin-bottom: 0 !important;
}

.ml0, .mx0 {
    margin-left: 0 !important;
}

.m1 {
    margin: 0.25rem !important;
}

.mt1, .my1 {
    margin-top: 0.25rem !important;
}

.mr1, .mx1 {
    margin-right: 0.25rem !important;
}

.mb1, .my1 {
    margin-bottom: 0.25rem !important;
}

.ml1, .mx1 {
    margin-left: 0.25rem !important;
}

.m2 {
    margin: 0.5rem !important;
}

.mt2, .my2 {
    margin-top: 0.5rem !important;
}

.mr2, .mx2 {
    margin-right: 0.5rem !important;
}

.mb2, .my2 {
    margin-bottom: 0.5rem !important;
}

.ml2, .mx2 {
    margin-left: 0.5rem !important;
}

.m3 {
    margin: 1rem !important;
}

.mt3, .my3 {
    margin-top: 1rem !important;
}

.mr3, .mx3 {
    margin-right: 1rem !important;
}

.mb3, .my3 {
    margin-bottom: 1rem !important;
}

.ml3, .mx3 {
    margin-left: 1rem !important;
}

.mlAtividade {
    margin-left: 5.5rem !important;
}

.m4 {
    margin: 1.5rem !important;
}

.mt4, .my4 {
    margin-top: 1.5rem !important;
}

.mr4, .mx4 {
    margin-right: 1.5rem !important;
}

.mb4, .my4 {
    margin-bottom: 1.5rem !important;
}

.ml4, .mx4 {
    margin-left: 1.5rem !important;
}

.m5 {
    margin: 3rem !important;
}

.mt5, .my5 {
    margin-top: 3rem !important;
}

.mr5, .mx5 {
    margin-right: 3rem !important;
}

.mb5, .my5 {
    margin-bottom: 3rem !important;
}

.ml5, .mx5 {
    margin-left: 3rem !important;
}

.mAuto {
    margin: auto !important;
}

.mtAuto, .myAuto {
    margin-top: auto !important;
}

.mrAuto, .mxAuto {
    margin-right: auto !important;
}

.mbAuto, .myAuto {
    margin-bottom: auto !important;
}

.mlAuto, .mxAuto {
    margin-left: auto !important;
}
/* #endregion */

/* #region PADDING */

.p0 {
    padding: 0 !important;
}

.pt0, .py0 {
    padding-top: 0 !important;
}

.pr0, .px0 {
    padding-right: 0 !important;
}

.pb0, .py0 {
    padding-bottom: 0 !important;
}

.pl0, .px0 {
    padding-left: 0 !important;
}

.p1 {
    padding: 0.25rem !important;
}

.pt1, .py1 {
    padding-top: 0.25rem !important;
}

.pr1, .px1 {
    padding-right: 0.25rem !important;
}

.pb1, .py1 {
    padding-bottom: 0.25rem !important;
}

.pl1, .px1 {
    padding-left: 0.25rem !important;
}

.p2 {
    padding: 0.5rem !important;
}

.pt2, .py2 {
    padding-top: 0.5rem !important;
}

.pr2, .px2 {
    padding-right: 0.5rem !important;
}

.pb2, .py2 {
    padding-bottom: 0.5rem !important;
}

.pl2, .px2 {
    padding-left: 0.5rem !important;
}

.p3 {
    padding: 1rem !important;
}

.pt3, .py3 {
    padding-top: 1rem !important;
}

.pr3, .px3 {
    padding-right: 1rem !important;
}

.pb3, .py3 {
    padding-bottom: 1rem !important;
}

.pl3, .px3 {
    padding-left: 1rem !important;
}

.p4 {
    padding: 1.5rem !important;
}

.pt4, .py4 {
    padding-top: 1.5rem !important;
}

.pr4, .px4 {
    padding-right: 1.5rem !important;
}

.pr45, .px45 {
    padding-right: 2rem !important;
}

.pb4, .py4 {
    padding-bottom: 1.5rem !important;
}

.pl4, .px4 {
    padding-left: 1.5rem !important;
}

.p5 {
    padding: 3rem !important;
}

.pt5, .py5 {
    padding-top: 3rem !important;
}

.pr5, .px5 {
    padding-right: 3rem !important;
}

.pb5, .py5 {
    padding-bottom: 3rem !important;
}

.pb8, .py8 {
    padding-bottom: 8rem !important;
}

.pl5, .px5 {
    padding-left: 3rem !important;
}
/* #endregion */

/* #region Text-Align */

.taL {
    text-align: left;
}

.taR {
    text-align: right;
}

.taC {
    text-align: center;
}

.vaT {
    vertical-align: top;
}

.vaC {
    vertical-align: middle;
    vertical-align: central;
}

.vaB {
    vertical-align: bottom;
}

/* #endregion*/


/* ========== Gridview ========== */
.divGridUnidade {
    width: 99.9%;
    max-height: 100%;
    min-height: 100%;
    overflow: auto;
    position: relative;
}

.mGrid {
    width: 99.9%;
    margin: 5px 0px 0px 0px;
    padding-top: 5px;
    border: solid 1px transparent;
    border-collapse: collapse;
    text-decoration: none;
    color: #00a581; /* Verde Comportamento */
    /*box-shadow: 0 0 10px #333333;
    opacity: 0.90;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);*/
}

    .mGrid tr {
        background-color: #cccccc;
    }

    .mGrid th {
        padding: 4px 2px;
        background-color: #00a581; /* Verde Comportamento */
        border-bottom: solid 1px transparent;
        border-left: solid 1px transparent;
        border-right: solid 1px transparent;
        font-size: 1.1em;
        font-weight: 300;
        text-decoration: none;
        text-decoration-color: none;
        text-decoration-line: none;
    }

        .mGrid th a {
            text-decoration: none;
        }

            .mGrid th a:hover {
                color: #76cfd7;
            }

    .mGrid td {
        padding: 2px;
        border-bottom: solid 1px transparent;
        border-left: solid 1px transparent;
        border-right: solid 1px transparent;
        color: #000;
        font-size: 1.1em;
        font-weight: 300;
        text-decoration: none;
        line-height: 1em;
    }

    .mGrid .alt {
        background-color: #e6e6e6;
    }

    .mGrid .pgr {
        background-color: #00a581; /* Verde Comportamento */
    }

        .mGrid .pgr table {
            margin: 5px 0;
        }

        .mGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-bottom: solid 1px transparent;
            border-left: solid 1px transparent;
            border-right: solid 1px transparent;
            font-weight: 300;
            /* color: #559398; */
            line-height: 12px;
            text-decoration: none;
            background-color: #062945;
            color: red;
            text-align: left;
            font-size: 1.1em;
        }

        .mGrid .pgr a {
            color: #062945;
            text-decoration: none;
        }

            .mGrid .pgr a:hover {
                text-decoration: none;
            }

.gridFontCod {
    /*position: absolute;*/
    width: 60px;
    color: #000;
    font-weight: 700;
    font-size: 1.2em;
    color: #062945;
}

.gridFont {
    width: 500px;
    color: #000;
    font-weight: 600;
    font-size: 1.1em;
}

.displayNone {
    display: none !important;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap;
}

.pnlFixoTopo {
    position: absolute !important;
    top: 0 !important;
    transform: translate(-50%,0);
    left: 50%;
}

.divModal {
    background-color: #00a581; /* Verde Comportamento */
    padding: 10px;
    width: 98.6%;
    /*max-height: 95%;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.divModalTransparent {
    background-color: transparent; /* Verde Comportamento */
    padding: 10px;
    width: auto;
    max-height: 95%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.modalBackground {
    background: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    opacity: .5;
}

.imgAltEmp {
    max-width: 150px;
    max-height: 150px;
    background-color: #fff;
}

.tdAltEmp {
    width: 150px;
    height: 150px;
    padding-left: 30px;
    vertical-align: bottom;
}

.divOuter {
    padding-top: 40px;
    position: relative;
    width: 100%;
}

.divInner {
    left: 50%;
    margin-left: -100px; /* A metade de sua largura */
    position: absolute;
    width: 300px; /* O valor que você desejar */
}

.divFooterContent {
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    font-size: 0.8em;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #00a581; /* Verde Comportamento */
    color: #fff;
    text-align: center;
    /*padding: 5px;*/
    border-top: 3px;
    border-top-color: white;
    padding: 0, 3px, 0, 3px;
}

#logoRodape {
    width: 15px;
}

/* #region LOADING */
.loadingFora {
    position: fixed;
    z-index: 100002;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000; /* Preto */
    opacity: .5;
}

.loadingDentro {
    position: fixed;
    z-index: 100003;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .loadingDentro p {
        font-family: PublicaPlay-Regular, sans-serif;
        font-size: 1.6rem;
        color: #FFF;
    }

    .loadingDentro img {
        width: 6rem;
    }

/* #endregion */
.divAvaliadores {
    /*padding: 0;*/
    /*position: fixed;*/
    /*margin: 0;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%; /*tela com f11*/
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    /*height: 428px; tela sem f11   */
    /*background-color: #fff;*/
}

/* #region Frame */
div.DivPessoaVinculos.frame {
    border: 2px solid #009171;
    border-radius: 10px;
    margin: 20px 0;
}

div.DivPessoaVinculos .titulo {
    margin: 0 10px;
    font-family: 'Nunito', sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    color: #fff;
    position: relative;
    top: -13px;
    padding: 0 10px;
    background-color: #00a581;
    display: inline-block;
}

div.DivPessoaVinculos .corpo {
    margin: 0 10px 10px;
    display: flex;
    flex-wrap: wrap;
}

div.DivPessoaVinculos .item {
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* #endregion */


.modal-dialog {
    box-sizing: border-box;
    max-height: 100%;
}

.modal-content {
    /* 80% of window height */
    max-height: 100%;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
}

.modal-title {
    margin: 0;
}

.modal-body {
    position: relative;
    padding-right: 15px;
    /* 100% = dialog height, 120px = header + footer */
    /* max-height: calc(100% - 100px); */
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-footer {
    padding: 15px;
    text-align: right;
}