body {
    margin: 0px;
    background: #EEEEEE;
    height: 100%;
}

.divAbasContainer {
    width: 100%;
    float: left;
    margin-top: -20px;
    padding-right: 40px;
    margin-left: -20px;
    background-color: #11629D;
    height: auto;
}

#fusohorario {
    display: inline-block;
    width: 21px;
    height: 33px;
    background: url(../imagens/clock.png);
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: text-top;
}

#fusohorario:hover {
    opacity: 0.50;
    -moz-opacity: 0.50;
    filter: alpha(opacity=50);
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.31s, 0.31s, 0.31s;
    cursor: pointer;
}

#tabela h2 {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    margin-left: 5px;
    color: #6A6A6A;
}

.h2_titulo {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #6A6A6A;
}

#alterarusuario {
    cursor: pointer;
    margin-top: 5px;
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
}

#alterarusuario:hover {
    cursor: pointer;
    margin-top: 5px;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.avisoTopo {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 200;
    text-align: center;
    vertical-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 6.5px
}

.avisoTopo p {
    padding: 0px !important;
    margin: 0px !important
}

.botaoredondominiconfig {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_config.png);
    background-repeat: no-repeat;
    background-position: -20px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominiconfig:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

#foto_login {
    height: 180px;
    width: 180px;
    background: url(../imagens/fotoPadrao.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin-top: 20px;
    margin-right: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: none;
    position: relative;
    display: inline-block;
    box-shadow: 2px 2px 1px #084673;
    -webkit-box-shadow: 2px 2px 1px #084673;
    -moz-box-shadow: 2px 2px 1px #084673;
}

#login-usuario {
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    background: #FFF;
    background-image: url(../imagens/usuariologin.jpg);
    background-repeat: no-repeat;
    background-position: 0px;
    color: #3D3D3D;
    width: 100%;
    max-width: 250px;
    padding: 14px;
    padding-left: 50px;
    border: none;
    font-size: 15px;
    margin-right: 0px;
}

#login-senha {
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    background: #FFF;
    background-image: url(../imagens/usuariosenha.jpg);
    background-repeat: no-repeat;
    background-position: 0px;
    color: #3D3D3D;
    width: 100%;
    width: 250px;
    padding: 14px;
    padding-left: 50px;
    border: none;
    font-size: 15px;
    margin-top: 5px;
    margin-right: 0px;
}

#login-entrar {
    vertical-align: top;
    border: none;
    display: inline-block;
    height: 45px;
    width: 45px;
    background: #3391DF;
    margin-left: 0px;
    margin-top: 5px;
    background-image: url(../imagens/seta_login.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#login-entrar:hover {
    cursor: pointer;
    background: #52A8F0;
    background-image: url(../imagens/seta_login.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#caixa-login {
    width: 560px;
    height: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -125px;
    margin-left: -280px;
}

#login_rodape {
    width: 100%;
    position: absolute;
    padding-top: 10px;
    padding-bottom: 10px;
    bottom: 0;
    text-align: center
}

.legenda {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #BFBFBF;
}

.legendabranca {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
}

#barraTopo {
    width: 100%;
    min-height: 50px;
    height: auto;
    background-color: #0063B1;
    color: #FFF;
    z-index: 50;
}

#divMenu {
    overflow-x: hidden;
    position: fixed;
    background-color: #016CBA;
    max-width: 250px;
    width: 100%;
    height: 100%;
    overflow: auto;
    width: 0px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.31s, 0.31s, 0.31s;
}

#divNovosFiltros {
    text-align: center;
    overflow: hidden;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.61s, 0.61s, 0.61s;
    position: fixed;
    height: 0px;
    width: 100%;
    background-color: #4C5566;
    background: #F3F5F9;
}

#iconeMenu {
    background-color: #0063B1;
    vertical-align: top;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 50px;
    border-right: 1px solid #066AB3;
    border-bottom: 1px solid #066AB3;
    background-image: url(../imagens/menu.png);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 3;
    position: relative;
}

#iconeMenu:hover {
    background-color: #11629D;
}

#logoKurzy {
    vertical-align: top;
    cursor: pointer;
    display: inline-block;
    padding-top: 35px;
    height: 15px;
    width: 140px;
    background-image: url(../imagens/logo_cabecalho.png);
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: bottom;
    font-size: 10px;
    text-align: center;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
}

#logo {
    vertical-align: top;
    cursor: pointer;
    display: inline-block;
    padding-top: 35px;
    height: 15px;
    width: 110px;
    background-image: url(../imagens/kurzy.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px;
    vertical-align: bottom;
    font-size: 10px;
    text-align: center;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
}

#barraFerramentas {
    vertical-align: top;
    min-height: 41px;
    width: auto;
    display: inline-block;
}

#foto_menu {
    vertical-align: top;
    float: right;
    height: 43px;
    width: 43px;
    background: url(../imagens/fotoPadrao.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 1px 1px 1px #084673;
    -webkit-box-shadow: 1px 1px 1px #084673;
    -moz-box-shadow: 1px 1px 1px #084673;
}

textarea {
    resize: none;
}

.foto_diario {
    vertical-align: top;
    height: 60px;
    width: 60px;
    background: url(../imagens/fotoPadrao.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    /*box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;
-moz-box-shadow: 1px 1px 1px #000;*/

    border: 3px solid;
    border-color: #FFF;
}

.foto_diario_reposicao {
    border: 3px solid;
    border-color: #FFD800;
}

.foto_diario_falta {
    border: 3px solid;
    border-color: #FF1C21;
}

.foto_diario_presenca {
    border: 3px solid;
    border-color: #0C0;
}

#nome_user {
    max-width: 160px;
    margin-top: 11px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: middle;
    white-space: pre-wrap;
    overflow: hidden;
    line-height: 17px;
}

#div_nome_user {
    vertical-align: text-bottom;
    float: right;
    height: 50px;
    min-width: 248px;
    color: #FFF;
    text-align: right;
    padding-right: 4px;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
}

#barraFerramentasPesquisa {
    width: 330px;
    background: rgb(255, 255, 255);
    background-image: url(../imagens/lupaFerramentas.png);
    background-repeat: no-repeat;
    background-position: left center;
    box-sizing: border-box;
    color: #999;
    cursor: text;
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    line-height: 1.4;
    margin-bottom: 0px;
    margin-left: 3px;
    margin-right: 0px;
    margin-top: 0px;
    overflow: hidden;
    padding-bottom: 8px;
    padding-left: 33px;
    padding-right: 10px;
    padding-top: 8px;
    white-space: nowrap;
    word-wrap: break-word;
    border: none;
    vertical-align: middle;
}

.combo_cinza_ferramentas {
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    line-height: 1.4;
    margin-bottom: 0px;
    margin-left: 3px;
    margin-right: 0px;
    margin-top: 0px;
    overflow: hidden;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    white-space: nowrap;
    word-wrap: break-word;
    border: none;
}

.botaoredondominipesquisa {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_lupa.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominipesquisa:hover {
    background-position: 2.5px 5.7px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominivalidar {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_validar.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominivalidar:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominieditar {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_editar.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominieditar:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominiredistribuir {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_distribuir.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominiredistribuir:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}


.botaoredondominimoodle {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_moodle.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominimoodle:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}


.botaoredondominicarregando {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/botaocarregando.gif);
    background-repeat: no-repeat;
    background-position: 5px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominianteriorAzul {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_anteriorazul.png);
    background-repeat: no-repeat;
    background-position: 2.5px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #0063B1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominianteriorAzul:hover {
    background-position: -19px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominianterior {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_anterior.png);
    background-repeat: no-repeat;
    background-position: 2.5px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominianterior:hover {
    background-position: -19px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominifollow {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_follow.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominifollow:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominiproximoAzul {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_proximoazul.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #0063B1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominiproximoAzul:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominiproximo {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_proximo.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominiproximo:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominicancelar {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_cancelar.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominicancelar:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominipagar {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_pagar.png);
    background-repeat: no-repeat;
    background-position: -20px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominipagar:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominicopiar {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_copiar.png);
    background-repeat: no-repeat;
    background-position: -18px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominicopiar:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominigeraexcel {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_excel.png);
    background-repeat: no-repeat;
    background-position: -20px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominigeraexcel:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaofundobarraferramentas {
    font-size: 14px;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    width: 120px;
    height: 41px;
    text-align: center;
    padding-top: 9px;
    display: inline-block;
    vertical-align: middle;
}

.botaofundobarraferramentas:hover {
    cursor: pointer;
    background-color: #11629D;
}

.botaoredondomininovo {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_novo.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondomininovo:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominireordenar {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_reordenar.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominireordenar:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominiatualizar {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_atualizar.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominiatualizar:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

#divPagina {
    width: 100%;
    text-align: center;
}

.quadroComissao {
    color: #FFF;
    vertical-align: top;
    display: inline-block;
    width: 230px;
    padding: 20px;
    margin: 10px;
    padding-top: 50px;
    min-height: 360px;
    background: #287abf url(../imagens/comissaofundo.png) no-repeat -110px bottom;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    -webkit-box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
}

.quadroComissao h1 {
    font-family: 'PT Sans', RobotoBlack, RobotoCondensed, Arial, Helvetica, sans-serif;
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.quadroComissaov2 {
    display: inline-block;
    width: 230px;
    padding: 20px;
    margin: 20px;
    padding-top: 50px;
    min-height: 350px;
    background: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    -webkit-box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
}

.comissaoEngrenagem {
    width: 100%;
    height: 20px;
    background-image: url(../imagens/engrenagem.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center center;
}

.comissaoFoto {
    display: inline-block;
    width: 110px;
    height: 110px;
    border: #256fae 3px solid;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.comissaoVendedor {
    background: #256fae url(../imagens/comissao_vendedor.svg);
}

.comissaoSecretaria {
    background: #256fae url(../imagens/comissao_secretaria.svg);
}

.comissaoTelemarketing {
    background: #256fae url(../imagens/comissao_telemarketing.svg);
}

.comissaoStreet {
    background: #256fae url(../imagens/comissao_street.svg);
}

.comissaoDivulgador {
    background: #256fae url(../imagens/comissao_divulgador.svg);
}

.comissaoOutros {
    background: #256fae url(../imagens/comissao_outros.svg);
}

.comissaoVendedor {
    background: #256fae url(../imagens/comissao_vendedora.svg);
}

.comissaoProfessor {
    background: #256fae url(../imagens/comissao_professora.svg);
}

.comissaoCampos {
    min-height: 120px;
    padding-top: 10px;
}

.comissaoCampos label {
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.comissaoCampos select {
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: none;
    padding: 22px;
    height: 30px;
    width: 220px;
    background: #3882c0;
    color: #FFF;
    margin-bottom: 3px;
}

.comissaoCampos input[type=number],
.comissaoCampos input[type=text] {
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: none;
    padding: 7px;
    margin-bottom: 3px;
    background: #3882c0;
    color: #FFF;
    width: 100px;
}

.comissaoCampos input[type=checkbox] {
    border: none;

}

.comissaorotuloCampo {
    vertical-align: middle;
    display: inline-block;
    min-width: 60px;
    text-align: left;
    margin-bottom: 3px;
}

.comissaoBotao {
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border: 1px solid #FFF;
    padding: 6px;
    padding-left: 12px;
    padding-right: 12px;
    width: auto;
    display: inline-block;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.comissaoBotao:hover {
    cursor: pointer;
    border: 1px solid #FFF;
    background: #FFF;
    color: #256fae;
}

.comissao_formatarMoeda::placeholder {
    color: white;
    opacity: 0.5;
}

.comissao_formatarMoeda::-moz-placeholder {
    color: white;
    opacity: 0.5;
}

.comissao_formatarMoeda::-webkit-input-placeholder {
    color: white;
    opacity: 0.5;
}

#relatorio {
    overflow: auto;
    text-align: left;
    width: 98%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    -webkit-box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    min-height: 100px;
    background: #FFF;
    display: inline-block;
    margin: 1%;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#cadastro {
    padding: 20px;
    overflow: auto;
    text-align: left;
    width: auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    -webkit-box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    background: #FFF;
    display: inline-block;
    margin: 0.5%;
}

.divcontainer {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    color: #484848;
    font-weight: bold;
    font-size: 13px;
    font-family: 'PT Sans', RobotoBlack, RobotoCondensed, Arial, Helvetica, sans-serif;
}

.textbox_cinzafoco {
    width: 100%;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    color: #333;
    cursor: text;
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    line-height: 1.4;
    margin-bottom: 7px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    overflow: hidden;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    /*white-space:nowrap;
word-wrap:break-word;*/
    border-bottom-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #ddd;
    border-top-style: solid;
    border-top-width: 1px;
    border-radius: 4px;
    box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.1);
    min-height: 31px;
}

#sair {
    display: inline-block;
    width: 18px;
    height: 33px;
    background: url(../imagens/saida.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: text-top;
}

#sair:hover {
    opacity: 0.50;
    -moz-opacity: 0.50;
    filter: alpha(opacity=50);
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.31s, 0.31s, 0.31s;
    cursor: pointer;
}

#troca-unidade {
    display: inline-block;
    width: 18px;
    height: 33px;
    background: url(../imagens/escolas.png);
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: text-top;
}

#troca-unidade:hover {
    opacity: 0.50;
    -moz-opacity: 0.50;
    filter: alpha(opacity=50);
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.31s, 0.31s, 0.31s;
    cursor: pointer;
}

#ajuda {
    display: inline-block;
    width: 18px;
    height: 33px;
    background: url(../imagens/ajuda.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: text-top;
}

#ajuda:hover {
    opacity: 0.50;
    -moz-opacity: 0.50;
    filter: alpha(opacity=50);
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.31s, 0.31s, 0.31s;
    cursor: pointer;
}

.combo_cinzafoco {
    width: 100%;
    background: #F5F5F5;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    line-height: 1.4;
    margin-bottom: 7px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    overflow: hidden;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    white-space: nowrap;
    word-wrap: break-word;
    border-bottom-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #ddd;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #ddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #ddd;
    border-top-style: solid;
    border-top-width: 1px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: inset 0 0 1px 1px #fff, 0 2px 1px -1px rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    height: 31px;
}


.combo_cinzafoco select {
    background: transparent;
    -webkit-appearance: none;
}

.botao_azul_kz {
    width: auto;
    white-space: nowrap;
    background-color: #0063B1;
    font-size: 14px;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: bold;
    line-height: 1.54;
    margin: 0px;
    margin-left: 4px;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 5px;
    padding-left: 9px;
    padding-top: 5px;
    padding-right: 9px;
    text-align: center;
    text-decoration: none;
}

.botao_azul_kz:hover {
    background-color: #11629D;
}

#foto_menu_grande {
    display: none
}

.divcontainer50 {
    vertical-align: top;
    display: inline-block;
    width: 49.5%;
    color: #484848;
    font-weight: bold;
    font-size: 13px;
    font-family: 'PT Sans', RobotoBlack, RobotoCondensed, Arial, Helvetica, sans-serif;
}

#principal_quadro_A {
    box-sizing: border-box;
    width: 282px;
    min-height: 394px;
    display: inline-block;
    vertical-align: middle;
    background: #2B579A;
}

#principal_quadro_B {
    box-sizing: border-box;
    width: 627px;
    display: inline-block;
    min-height: 400px;
    text-align: left;
    margin-left: 8px;
    vertical-align: middle;
}

#principal_quadros {
    width: 510px;
    display: inline-block;
    min-height: 500px;
    text-align: left;
    margin-left: 8px;
    vertical-align: top
}

#principal_quadro_B2 {
    width: 485px;
    display: inline-block;
    min-height: 500px;
    text-align: left;
    margin-left: 8px;
    vertical-align: top
}

#principal_quadro_C {
    width: 253px;
    text-align: left;
    display: inline-block;
    min-height: 500px;
    vertical-align: top
}

.divProdutoFoto {
    width: 200px;
    padding-bottom: 10px;
}

.divFuncionarioFoto {
    width: 200px;
    padding-bottom: 10px;
}

.divProdutoComponentes {
    max-width: 775px;
    padding-top: 10px;
}

.divProdutoComponentesFuncionario {
    max-width: 750px;
    padding-top: 25px;
}

.menu_block {
    width: 100%;
    cursor: pointer;
    display: block;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #FFF;
    z-index: 1
}

.pintaFundoV1 {
    cursor: pointer;
    background-color: #FFF;
    color: #1E1E1E;
}

.pintaFundoV1:hover {
    background-color: #3273A2;
    color: #FFF;
}

.pintaFundoV2 {
    cursor: pointer;
    background-color: #ebebeb;
    color: #1E1E1E;
}

.pintaFundoV2:hover {
    background-color: #3273A2;
    color: #FFF;
}

.pintaFundoR1 {
    cursor: pointer;
    background-color: #FFF;
    color: #1E1E1E;
}

.pintaFundoR1:hover {
    background-color: #b71c1c;
    color: #FFF;
}

.pintaFundoR2 {
    cursor: pointer;
    background-color: #ebebeb;
    color: #1E1E1E;
}

.pintaFundoR2:hover {
    background-color: #b71c1c;
    color: #FFF;
}

.tabela_azul_kz tr {
    color: #1E1E1E;
}

.tabela_azul_kz tr:nth-child(even) {
    background-color: #FFF;
}

.tabela_azul_kz tr:nth-child(odd) {
    background-color: #ebebeb;
    color: #1E1E1E;
}

.tabela_azul_kz tr:hover {
    background-color: #11629D;
    color: #FFF;
}

.tabela_azul_kz tr:hover > .conteudoVermelho {
    color: #FFF;
}

.tabela_azul_kz tr:hover > .conteudoAzul {
    color: #FFF;
}


.nenhumresultado {
    position: relative;
    margin-top: 25px;
    text-align: center;
    font-size: 18px;
    color: #333333;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
}

#tabela {
    overflow: auto;
    min-height: 100px;
}

.tabela_azul_kz {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    border: none;
    overflow: auto;
    font-size: 10px;
    padding-left: 0px;
    padding-top: 0px;
    width: 100%;
    box-sizing: border-box;
}

.tabela_azul_kz th,
.tabela_azul_kz tfoot td {
    border: none;
    font-size: 13px;
    color: #FFF;
    background: #0063B1;
    box-sizing: border-box;
    /*position: sticky;
    position: -webkit-sticky;
    top: 1px;*/
}

.tabela_azul_kz td {
    border: none;
    font-size: 12px;
    box-sizing: border-box;
}

.diario th,
.diario td {
    border-right: 1px white solid;
    border-bottom: 1px white solid;
}

.diario thead tr:first-child th {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
}

.diario tbody th:first-child {
    position: sticky;
    position: -webkit-sticky;
    left: 0px;
}

.tabela_azul_kz_menor {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    border: none;
    overflow: auto;
    font-size: 10px;
    padding-left: 0px;
    padding-top: 0px;
    width: 100%;
}

.tabela_azul_kz_menor th {
    border: none;
    font-size: 11px;
    color: #FFF;
    background: #0063B1;
}

.tabela_azul_kz_menor td {
    border: none;
    font-size: 11px;
}

.link_cancelar {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-left: 15px;
    color: #666;
    cursor: pointer;
}

.link_cancelar:hover {
    color: #D20000;
}

.tabela_azul_totais {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    border: none;
    overflow: auto;
    font-size: 10px;
    padding-left: 0px;
    padding-top: 0px;
    width: 100%;
}

.tabela_azul_totais th {
    border: none;
    font-size: 14px;
    color: #FFF;
    background: #0063B1;
}

.tabela_azul_totais td {
    border: none;
    font-size: 13px;
    color: #FFF;
    background: #0063B1;
}

.botaoazulsuave_prompt {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #39b3d7;
    background-origin: padding-box;
    border-color: #269abc;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #269abc;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #269abc;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #269abc;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.botaoazulsuave_prompt:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #43A3BF;
    background-origin: padding-box;
    border-color: #269abc;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #269abc;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #269abc;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #269abc;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.botaoazulsuave_prompt:disabled {
    opacity: 0.40;
    cursor: not-allowed;
}

.botaoverdesuave_prompt {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #47a447;
    background-origin: padding-box;
    border-color: #47a447;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #47a447;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #47a447;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #47a447;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.botaoverdesuave_prompt:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #409540;
    background-origin: padding-box;
    border-color: #47a447;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #47a447;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #47a447;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #47a447;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.botaoverdesuave_prompt:disabled {
    opacity: 0.40;
    cursor: not-allowed;
}

.botaovermelhosuave_prompt {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #d2322d;
    background-origin: padding-box;
    border-color: #d2322d;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #d2322d;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #d2322d;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #d2322d;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.botaovermelhosuave_prompt:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #BB3531;
    background-origin: padding-box;
    border-color: #d2322d;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #d2322d;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #d2322d;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #d2322d;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.botaovermelhosuave_prompt:disabled {
    opacity: 0.30;
    cursor: not-allowed;
}

.botaoamarelosuave_prompt {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #f0ad4e;
    background-origin: padding-box;
    border-color: #f0ad4e;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #f0ad4e;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #f0ad4e;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #f0ad4e;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.botaoamarelosuave_prompt:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #E1A857;
    background-origin: padding-box;
    border-color: #f0ad4e;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #f0ad4e;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #f0ad4e;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #f0ad4e;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.botaoamarelosuave_prompt:disabled {
    opacity: 0.40;
    cursor: not-allowed;
}

.botaolaranjasuave_prompt {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #F07C4E;
    background-origin: padding-box;
    border-color: #F07C4E;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #F07C4E;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #F07C4E;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #F07C4E;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.botaolaranjasuave_prompt:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ED6834;
    background-origin: padding-box;
    border-color: #ED6834;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #ED6834;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #ED6834;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #ED6834;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.botaobrancosuave_prompt {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFF;
    background-origin: padding-box;
    border-color: #CCC;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #CCC;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #CCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #CCC;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.botaobrancosuave_prompt:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FAFAFA;
    background-origin: padding-box;
    border-color: #CCC;
    background-repeat: repeat;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #CCC;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #CCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #CCC;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    transition-property: all;
    white-space: nowrap;
}

.div_erro {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: 'RobotoLight';
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.div_erro h4 {
    margin-top: 0;
}

.div_alerta {
    font-family: 'RobotoLight';
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.div_alerta h4 {
    margin-top: 0;
}

.div_sucesso {
    font-family: 'RobotoLight';
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.div_sucesso h4 {
    margin-top: 0;
}

.div_info {
    font-family: 'RobotoLight';
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.div_info h4 {
    margin-top: 0;
}

.botaoredondominicancelarpedido {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_cancelar_pedido.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominicancelarpedido:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominigerarpedido {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_pedido.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominigerarpedido:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominiimprimir {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_print.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominiimprimir:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominiemail {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_email.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominiemail:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.quadroPrincipalPequeno {
    width: 100px;
    background-color: #000;
    display: inline-block;
    color: #FFF;
    vertical-align: bottom;
    text-align: left;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 10px;
    padding-top: 90px;
    margin-top: 4px;
    border: 2px solid #EEEEEE;
    cursor: pointer;
}

.quadroPrincipalGrande3x {
    width: 456px;
    background-color: #000;
    display: inline-block;
    color: #FFF;
    vertical-align: bottom;
    text-align: left;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 10px;
    padding-top: 90px;
    margin-top: 4px;
    border: 2px solid #EEEEEE;
    cursor: pointer;
}

.quadroPrincipalGrande {
    width: 200px;
    background-color: #000;
    display: inline-block;
    color: #FFF;
    vertical-align: bottom;
    text-align: left;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 10px;
    margin-top: 4px;
    padding-top: 90px;
    border: 2px solid #EEEEEE;
    cursor: pointer;
}

.quadroPrincipalGrandebordaAzul:hover {
    border: 2px solid #2B579A;
}

.quadroPrincipalGrandebordaAzulClaro:hover {
    border: 2px solid #0063B1;
}

.quadroPrincipalGrandebordaVermelho:hover {
    border: 2px solid #D24726;
}

.quadroPrincipalGrandebordaRoxo:hover {
    border: 2px solid #80397B;
}

.quadroPrincipalGrandebordaAmarelo:hover {
    border: 2px solid #E77E23;
}

.quadroPrincipalGrandebordaverdeagua:hover {
    border: 2px solid #16A086;
}

.quadroPrincipalGrandebordaCinzaVerde:hover {
    border: 2px solid #7E8C8D;
}

.quadroPrincipalGrandebordaVermelhoClaro:hover {
    border: 2px solid #D24726;
}

.quadroPrincipalGrandebordaRoxoEscuro:hover {
    border: 2px solid #5133AB;
}

.quadroPrincipalGrandebordaVerde:hover {
    border: 2px solid #217346;
}

.quadroPrincipalGrandebordaAzulVivo:hover {
    border: 2px solid #094AB2;
}

.quadroPrincipalGrandebordaVerdeLima:hover {
    border: 2px solid #008272;
}

.quadroPrincipalGrandebordaAzulceu:hover {
    border: 2px solid #2A80B9;
}

.quadroPrincipalMonster {
    background-color: #1E8BC3;
    width: 485px;
    border: 2px solid #EEEEEE;
    height: 466px;
    margin: 0px;
    padding: 10px;
    margin-top: 4px;
    color: #FFF;
    vertical-align: bottom;
    text-align: left;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.quadroPrincipalMonster:hover {
    border: 2px solid #1E8BC3;
}

.quadroPrincipalMonster select {
    color: #FFF;
    background-color: #1E8BC3;
    border: none;
    font-weight: bold;
    padding: 4px;
    font-size: 15px;
}

#principal_titulo {
    text-align: left;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 39px;
    color: #1B1B1B;
}

.h1_titulo {
    text-align: left;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 26px;
    color: #6A6A6A;
}

#principal_subTitulo {
    text-align: left;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 19px;
    color: #333;
    line-height: 36px;
}

.tabela_azul_branca {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    border: none;
    overflow: auto;
    font-size: 10px;
    padding-left: 0px;
    padding-top: 0px;
    width: 100%;
}

.tabela_azul_branca th {
    border: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    font-family: 'MuseoSans-300', Arial, Helvetica, sans-serif;
}

.tabela_azul_branca td {
    border: none;
    font-size: 11px;
}

.pintaFundoAzul1 {
    cursor: pointer;
    background-color: #1E8BC3;
    color: #FFF;
}

.pintaFundoAzul1:hover {
    background-color: #11629D;
    color: #FFF;
}

.pintaFundoAzul2 {
    cursor: pointer;
    background-color: #1780B6;
    color: #FFF;
}

.pintaFundoAzul2:hover {
    background-color: #11629D;
    color: #FFF;
}

.abaAtiva {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 20px;
    background-color: #FFF;
    text-align: center;
    width: auto;
    display: inline-block;
    cursor: pointer;
}

.abaInativa {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 20px;
    color: #FFF;
    background-color: #11629D;
    text-align: center;
    width: auto;
    display: inline-block;
    cursor: pointer;
}

.abaInativa:hover {
    background-color: #0063B1;
}

#divFiltros {
    text-align: center;
    overflow: hidden;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.61s, 0.61s, 0.61s;
    position: fixed;
    height: 0px;
    width: 100%;
    background-color: #4C5566;
    background: #F3F5F9;
}

.divlinhaFiltro1 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    color: #707071;
    font-weight: bold;
    font-size: 14px;
    font-family: 'PT Sans', RobotoBlack, RobotoCondensed, Arial, Helvetica, sans-serif;
    background: #FFF;
    padding: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-right: -20px;
    text-align: left;
}

.divlinhaFiltro2 {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    color: #707071;
    font-weight: bold;
    font-size: 14px;
    font-family: 'PT Sans', RobotoBlack, RobotoCondensed, Arial, Helvetica, sans-serif;
    background: #F5F6F8;
    padding: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-right: -20px;
    text-align: left;
}

.divlinhaFiltro2 label {
    margin-right: 10px;
}

.divlinhaFiltro1 label {
    margin-right: 10px;
}

/*
.rolagemTransparente{
        scrollbar-face-color:#;
        scrollbar-highlight-color:#;
        scrollbar-3dlight-color:#;
        scrollbar-darkshadow-color:#;
        scrollbar-shadow-color:#;
        scrollbar-arrow-color:#;
        scrollbar-track-color:#;
        
         background: buttonface; filter: alpha(opacity=0); -moz-opacity: 0;
        
 
        }
/* BARRA DE ROLAGEM NO INTERNET EXPLORER CHROME E SAFARI */
* {
    scrollbar-face-color: #0065AF;
    scrollbar-highlight-color: #0065AF;
    scrollbar-3dlight-color: #003963;
    scrollbar-darkshadow-color: #003963;
    scrollbar-shadow-color: #0065AF;
    scrollbar-arrow-color: #0065AF;
    scrollbar-track-color: #003963;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background: #343434;
}

::-webkit-scrollbar-thumb {
    background: #A6A6A6;
}

/* FIM BARRA DE ROLAGEM NO INTERNET EXPLORER CHROME E SAFARI */




#produto_grande {
    height: 180px;
    width: 180px;
    background: url(../imagens/semproduto.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: none;
    position: relative;
    display: inline-block;
    box-shadow: 2px 2px 1px #9C9C9C;
    -webkit-box-shadow: 2px 2px 1px #9C9C9C;
    -moz-box-shadow: 2px 2px 1px #9C9C9C;
    /*transition-delay: 0s, 0s, 0s;
  transition-duration: 0.41s, 0.41s, 0.41s;*/
}

#produto_grande:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    background: url(../imagens/alterarfotoproduto.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.produto_grande_hover:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    background: url(../imagens/alterarfotoproduto.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    background-size: auto;
}

#funcionario_grande {
    height: 180px;
    width: 180px;
    background: url(../imagens/fotoPadrao180x180.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: none;
    position: relative;
    display: inline-block;
    box-shadow: 2px 2px 1px #9C9C9C;
    -webkit-box-shadow: 2px 2px 1px #9C9C9C;
    -moz-box-shadow: 2px 2px 1px #9C9C9C;
    /*transition-delay: 0s, 0s, 0s;
  transition-duration: 0.41s, 0.41s, 0.41s;*/
}

#funcionario_grande:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    background: url(../imagens/alterarfotoproduto.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

#subirImagem {
    vertical-align: top;
    height: 180px;
    width: 180px;
    background: url(../imagens/fotoPadrao180x180.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: none;
    position: relative;
    display: inline-block;
    box-shadow: 2px 2px 1px #9C9C9C;
    -webkit-box-shadow: 2px 2px 1px #9C9C9C;
    -moz-box-shadow: 2px 2px 1px #9C9C9C;
    /*transition-delay: 0s, 0s, 0s;
      transition-duration: 0.41s, 0.41s, 0.41s;*/
}

#subirImagem:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    background: url(../imagens/alterarfotoproduto.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.funcionario_grande_hover:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    background: url(../imagens/alterarfotoproduto.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    background-size: auto;
}

.divLabelTopo {
    font-size: 14px;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    width: 120px;
    height: 35px;
    text-align: center;
    padding-top: 15px;
    display: inline-block;
    vertical-align: middle;
}

.divLabelTopo input {
    border: none;
}

.quadroAzulClaro {
    background: #0063B1;
}

.quadroAzulClaro:hover {
    border: 2px solid #0063B1;
}

.quadroVerdeClaro {
    background: #217346;
}

.quadroVerdeClaro:hover {
    border: 2px solid #217346;
}

.quadroAzulEscuro {
    background: #2B579A;
}

.quadroAzulEscuro:hover {
    border: 2px solid #2B579A;
}

.quadroVinho {
    background: #80397B;
}

.quadroVinho:hover {
    border: 2px solid #80397B;
}

.quadroRoxo {
    background: #5133AB;
}

.quadroRoxo:hover {
    border: 2px solid #5133AB;
}

.quadroLaranja {
    background: #D24726;
}

.quadroLaranja:hover {
    border: 2px solid #D24726;
}

.quadroCinza {
    background: #E5E5E5;
}

.quadroCinza:hover {
    border: 2px solid #E5E5E5;
}

.quadroUnidades {
    width: 200px;
    min-height: 90px;
    background-color: #000;
    display: inline-block;
    color: #FFF;
    vertical-align: bottom;
    text-align: left;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    margin: 4px;
    padding: 10px;
    cursor: pointer;
    vertical-align: middle;
}

.quadroUnidades:hover {
    margin: 0px;
    padding: 14px;
}

.quadroUnidades h1 {
    margin: 2px;
    font-size: 21px;
}

.quadroUnidades h2 {
    margin: 0px;
    font-size: 12px;
}

.arredondar {
    height: 120px;
    width: 120px;
    background: url(../imagens/contaspagar.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    display: inline-block;
    box-shadow: 2px 2px 1px #949494;
    -webkit-box-shadow: 2px 2px 1px #949494;
    -moz-box-shadow: 2px 2px 1px #949494;
}

.quadroW8pequeno {
    overflow: hidden;
    width: 100px;
    display: inline-block;
    color: #FFF;
    vertical-align: middle;
    text-align: left;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 4px;
    padding: 10px;
    padding-top: 90px;
    height: 26px;
    cursor: pointer;
}

.quadroW8pequeno:hover {
    margin: 0px;
    padding: 14px;
    padding-top: 94px;
}

.quadroW8grande {
    overflow: hidden;
    width: 200px;
    display: inline-block;
    color: #FFF;
    vertical-align: middle;
    text-align: left;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 4px;
    padding: 10px;
    padding-top: 90px;
    height: 26px;
    cursor: pointer;
}

.quadroW8grande:hover {
    margin: 0px;
    padding: 14px;
    padding-top: 94px;
}

.quadroW8_BlocoA {
    height: 380px;
    display: inline-block;
    color: #FFF;
    vertical-align: middle;
    text-align: left;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 10px;
    cursor: pointer;
}

.textbox_sem-borda {
    margin-right: 0px;
    margin-left: 3px;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;
}

.divbrancaTitulo {
    background: #0063B1;
    color: #fff;
    margin: -20px;
    margin-bottom: 10px;
    padding: 20px;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.divbrancaKurzy {
    line-height: normal;
    font-size: 13px;
    box-sizing: border-box;
    padding: 20px;
    background-color: #FFF;
}

.imagemBotao:hover {
    cursor: pointer;
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
}

.tituloSeparador {
    color: #5484AA;
    font-size: 14px;
}

#matricula_foto_grande,
#cliente_foto_grande,
#matriculaCliente_foto_grande {
    height: 135px;
    width: 135px;
    background: url(../imagens/fotoPadrao.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin-left: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: none;
    position: relative;
    display: inline-block;
    box-shadow: 2px 2px 1px #939393;
    -webkit-box-shadow: 2px 2px 1px #939393;
    -moz-box-shadow: 2px 2px 1px #939393;
}

#imagemFundoAreaAluno {
    height: 295px;
    width: 100%;
    background: url(../imagens/garoto.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 1px solid #eeeeee;
    border-radius: 2%;
    -moz-border-radius: 2%;
    -webkit-border-radius: 2%;
    position: relative;
}


#rede_foto_grande {
    height: 180px;
    width: 180px;
    background: url(../imagens/fotoPadrao.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: none;
    position: relative;
    display: inline-block;
    box-shadow: 2px 2px 1px #939393;
    -webkit-box-shadow: 2px 2px 1px #939393;
    -moz-box-shadow: 2px 2px 1px #939393;
}

#rede_admin_foto_grande {
    height: 180px;
    width: 180px;
    background: url(../imagens/fotoPadrao.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: none;
    position: relative;
    display: inline-block;
    box-shadow: 2px 2px 1px #939393;
    -webkit-box-shadow: 2px 2px 1px #939393;
    -moz-box-shadow: 2px 2px 1px #939393;
}

#componentes-login {
    max-width: 370px;
    display: inline-block;
}

.espacamento {
    height: 10px
}

.diamante {
    z-index: 1100;
    width: 30px;
    height: 30px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.promptMensagemAvisoAzul {
    background: #2A80B9;
    border-style: solid;
}

.promptMensagemAvisoAmarelo {
    background: #E77E23
}

.promptMensagemAvisoVermelho {
    background: #D24726
}

.promptMensagemAvisoVerde {
    background: #217346
}

#promptMensagemAviso {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    position: fixed;
    padding: 20px;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    color: #FFF;
    width: 300px;
    height: auto;
    margin-right: 20px;
    right: 0px;
}

#promptMensagemAviso h1 {
    font-size: 17px;
}

#promptMensagemAviso h2 {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 200;
}

@media screen and (min-width: 0px) and (max-width: 1270px) {
    #principal_quadro_C {
        text-align: center;
        width: 100%;
    }

    .divProdutoComponentes {
        max-width: 670px;
        padding-top: 10px;
    }

    .divProdutoFoto {
        padding-top: 25px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1010px) {
    .divProdutoFoto {
        width: 100%;
        text-align: center;
    }
}

@media screen and (min-width: 0px) and (max-width: 920px) {
    #principal_quadro_A {
        width: 615px;
        text-align: center;
    }

    #principal_quadro_B {
        margin-top: 5px;
        margin-left: 0px;
    }

    .quadroW8_BlocoA {
        width: 85%;
    }
}

@media screen and (min-width: 0px) and (max-width: 640px) {
    #principal_quadro_A {
        width: 96%;
        text-align: center;
    }

    #principal_quadro_B {
        width: 100%;
        margin-top: 5px;
        margin-left: 0px;
        text-align: center;
    }

    .quadroW8_BlocoA {
        width: 85%;
    }

    .quadroW8grande,
    .quadroW8pequeno {
        width: 43%;
        margin: 1%;
    }
}

@media screen and (min-width: 0px) and (max-width: 560px) {
    #componentes-login {
        width: 100%
    }

    #caixa-login {
        width: 100%;
        height: 350px;
        position: absolute;
        left: auto;
        top: 50%;
        margin-top: -200px;
        margin-left: auto;
    }

    #logo_login_img,
    #login_rodape {
        display: none
    }

    #login-entrar {
        width: 36px;
    }
}

@media screen and (min-width: 0px) and (max-width: 500px) {
    .divProdutoFoto {
        width: 100%;
        text-align: center;
    }

    .divcontainer50 {
        width: 100%;
    }

    #cssmenu,
    #menu {
        width: 100%;
    }

    #divMenu {
        height: 100%;
        position: relative;
        background-color: #016CBA;
        overflow: auto;
        width: 0px;
        transition-delay: 0s, 0s, 0s;
        transition-duration: 0.31s, 0.31s, 0.31s;
        z-index: 80;
    }

    #divMenuVertical {
        width: 100%;
        height: 0px;
        display: inline-block;
        overflow: hidden;
        z-index: 80;
    }

    /*#sair {
            position:absolute;
            right:0;
            top:0;
            margin-right:10px;
            margin-top:10px;
    }*/
    #barraFerramentasPesquisa, #barraFerramentasPesquisaTexto {
        margin-bottom: 10px;
        width: 98%
    }

    #div_nome_user {
        min-width: 0px;
        width: auto;
    }

    /*#div_nome_user {
            text-align:center;
            width:100%;
            height:auto;
            font-size:24px;
            margin-bottom:10px;
            z-index:12;
    }*/
    #foto_menu {
        display: none;
    }

    #foto_menu_grande {
        display: none;
        /*vertical-align: top;
                height:80px;
                width:80px;
                background:url(../imagens/fotoPadrao180x180.jpg);
                background-repeat:no-repeat;
                background-position:center center;
                display: block;
                vertical-align:top;
                margin-top:3px;
                margin-left:3px;
                margin-right:3px;
                border-radius:50%;
                -moz-border-radius:50%;
                -webkit-border-radius:50%;
                float:none;
                position:relative;
                display:inline-block;
                box-shadow: 2px 2px 1px #084673;
                -webkit-box-shadow: 2px 2px 1px #084673;
                -moz-box-shadow: 2px 2px 1px #084673;*/
    }

    #nome_user {
        width: auto
    }
}

@media screen and (min-height: 0px) and (max-width: 450px) {
    #principal_quadro_B {
        overflow: hidden;
        width: 100%;
    }

    .quadroW8grande,
    .quadroW8pequeno {
        width: 90%;
    }
}

@media screen and (min-height: 0px) and (max-height: 280px) {
    #login_rodape {
        display: none
    }
}

.linhaFundo {
    background-color: #11629D;
    color: #FFF;
    cursor: pointer;
}

.efeito-apagar {
    opacity: 0.3;
    -moz-opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: pointer;
}

.efeito-apagar:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
}

.tabela_azul_kurzy {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    border: none;
    overflow: auto;
    font-size: 10px;
    padding-left: 0px;
    padding-top: 0px;
    width: 100%;
}

.tabela_azul_kurzy th {
    border: none;
    font-size: 14px;
    color: #FFF;
    background: #0063B1;
    position: absolute;
    width: auto;
}

.tabela_azul_kurzy td {
    border: none;
    font-size: 13px;
    position: relative;
}

.botaoredondominiup {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_enviar.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominiup:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominidown {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_receber.png);
    background-repeat: no-repeat;
    background-position: -20px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominidown:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominifiltros {
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_filtro.png);
    background-repeat: no-repeat;
    background-position: -20px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
    float: none;
    display: inline-block;
}

.botaoredondominifiltros:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.textohoverwhite:hover {
    color: #FFF;
}

#divPaginacao {
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    font-size: 13px;
    text-align: center;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
}

.paginacao {
    display: inline-block;
    cursor: pointer;
    padding: 4px;
    min-width: 15px;
    height: 15px;
}

.paginacaoTexto {
    display: inline-block;
    color: #FFF;
    cursor: pointer;
    padding: 4px;
    min-width: 15px;
    height: 15px;
}

.paginacaoTexto:hover {
    color: #B8C3CB;
}

.paginacaoAtivo {
    display: inline-block;
    color: #11629D;
    cursor: pointer;
    padding: 4px;
    min-width: 15px;
    height: 15px;
    background: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.paginacaoAtivo:hover {
    display: inline-block;
    color: #11629D;
    cursor: pointer;
    padding: 4px;
    min-width: 15px;
    height: 15px;
    background: #6594B6;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.paginacao:hover {
    display: inline-block;
    color: #11629D;
    cursor: pointer;
    padding: 4px;
    min-width: 15px;
    height: 15px;
    background: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.turma_modulos_resultado {
    white-space: nowrap;
    height: 17px;
}

.controle_cobranca_resultado {
    white-space: nowrap;
    height: 17px;
    vertical-align: bottom;
    box-sizing: border-box;
}

.turmaespacomodulo {
    border-top: #666 dotted 2px;
    width: 100%;
    height: 8px;
}

.conteudo_controle_cobranca {
    width: 100%;
    min-height: 12px;
    vertical-align: middle;
    box-sizing: border-box;
}

.divcontrolecobranca {
    width: 100%;
    white-space: nowrap;
    margin-top: 7px;
    box-sizing: border-box;
}

.controle_cobranca_risca_matricula {
    width: 100%;
    border-top: #666 dotted 2px;
}

.divDataRelKurzY {
    overflow: hidden;
    display: inline-block;
    height: 0px;
    width: 0px;
}

.tipoPagamento {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFF;
    background-origin: padding-box;
    border-color: #CCC;
    background-repeat: repeat;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #CCC;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #CCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #CCC;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 22px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 22px;
    transition-property: all;
    white-space: nowrap;
    width: 150px;
}

.tipoPagamento:hover {
    background: #025DA4;
    color: #FFF;
    border-color: #004A85;
}

.tipoPagamento:disabled {
    opacity: 0.40;
    cursor: not-allowed;
}

.tipoPagamentoAtivo {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #025DA4;
    background-origin: padding-box;
    border-color: #004A85;
    background-repeat: repeat;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #004A85;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #004A85;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #004A85;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 22px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 22px;
    transition-property: all;
    white-space: nowrap;
    width: 150px;
}

.tipoPagamentoAtivo:hover {
    background: #004378;
    color: #FFF;
    border-color: #CCC;
}

.tipoPagamentoAtivo:disabled {
    opacity: 0.40;
    cursor: not-allowed;
}

.centralAvisos {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFF;
    background-origin: padding-box;
    border-color: #CCC;
    background-repeat: repeat;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #CCC;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #CCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #CCC;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    outline-color: invert;
    margin-bottom: 0px;
    outline-style: none;
    outline-width: medium;
    padding-bottom: 22px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 22px;
    transition-property: all;
    white-space: nowrap;
}

#foto_relogin {
    height: 180px;
    width: 180px;
    background: url(../imagens/fotoPadrao.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    border: 16px solid #0C74C1;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: none;
    position: relative;
    display: inline-block;
}

#divBlockRelogin {
    z-index: 9998;
    opacity: 0.95;
    -moz-opacity: 0.95;
    filter: alpha(opacity=95);
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.61s, 0.61s, 0.61s;
    width: 100%;
    display: block;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #0063B1;
    background: linear-gradient(0deg, #1cb5e8 10%, #096EBE 51%, #096EBE 75%);
}

#divReloginConteudo {
    z-index: 9999;
    background: url(../imagens/brancotransp.png);
    top: 50%;
    left: 50%;
    height: 400px;
    margin-top: -200px;
    width: 330px;
    margin-left: -165px;
    box-sizing: border-box;
    position: fixed;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    font: 14px 'MuseoSans-100', Arial, sans-serif;
}

.divfotoreloginexterna {
    position: relative;
    width: 250px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center
}

#relogin-senha {
    padding: 12px;
    width: 300px;
    background: #0063B1;
    color: #FFF;
    font-size: 18px;
    border: none;
    text-align: center;
    border-radius: 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#relogin-senha::-webkit-input-placeholder {
    color: #FFF;
}

#relogin-senha:-moz-placeholder {
    /* Firefox 18- */
    color: #FFF;
}

#relogin-senha::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFF;
}

#relogin-senha:-ms-input-placeholder {
    color: #FFF;
}

#relogin-entrar {
    margin-top: 10px;
    padding: 12px;
    width: 300px;
    color: #0063B1;
    background: #FFF;
    font-weight: bold;
    font-size: 18px;
    border: none;
    text-align: center;
    border-radius: 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
}

#relogin-entrar:hover {
    background: linear-gradient(0deg, #DAF9FF 10%, #FFF 51%, #FFF 75%);
}

.chatTopoQtd {
    height: 13px;
    min-width: 15px;
    padding-top: 3px;
    color: white;
    font-family: 'MuseoSans-400';
    font-size: 9px;
    font-weight: 900;
    background: red;
    border-radius: 10px;
    float: right;
    position: relative;
    margin-right: -6px;
    top: -3px;
    text-align: center;
    vertical-align: top;
}

#chatTopo {
    display: inline-block;
    width: 20px;
    height: 33px;
    background: url(../imagens/chat/chat_topo3.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: text-top;
}

#chatTopo:hover {
    opacity: 0.50;
    -moz-opacity: 0.50;
    filter: alpha(opacity=50);
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.31s, 0.31s, 0.31s;
    cursor: pointer;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.him {
    background: #dcdcdc;
    float: left;
    margin-left: 10px;
    padding: 13px;
    clear: both;
    border-radius: 30px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-top: 10px;
    max-width: 60%;
}

.me {
    float: right;
    background: #0063B1;
    color: #fff;
    margin-right: 10px;
    padding: 13px;
    clear: both;
    border-radius: 30px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-top: 10px;
    max-width: 60%;
}

.foto_chat {
    height: 43px;
    width: 43px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.divAnimatedResize {
    vertical-align: top;
    display: inline-block;
    color: #484848;
    font-size: 13px;
    font-family: 'PT Sans', RobotoBlack, RobotoCondensed, Arial, Helvetica, sans-serif;
    margin-top: 5px;
    width: 100%;
    background-color: #EEEEEE;
    overflow: auto;
    transition: all .4s linear;
}

#divParticipantesRmv {
    float: left;
    height: 43px;
    width: 43px;
    vertical-align: middle;
    border-radius: 50%;
    background-size: auto 43px;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#divParticipantesRmv:hover {
    background-image: url(../imagens/chat/chat_lixo.png) !important;
    height: 43px;
    width: 43px;
    vertical-align: middle;
    border-radius: 50%;
    background-size: auto 43px;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#divParticipantesAdd {
    float: left;
    height: 43px;
    width: 43px;
    vertical-align: middle;
    border-radius: 50%;
    background-size: auto 43px;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#divParticipantesAdd:hover {
    background-image: url(../imagens/chat/chat_addGrupo.png) !important;
    height: 43px;
    width: 43px;
    vertical-align: middle;
    border-radius: 50%;
    background-size: auto 43px;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#foto_mini {
    float: left;
    height: 43px;
    width: 43px;
    vertical-align: middle;
    border-radius: 50%;
    background-size: auto 43px;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.foto_mini2 {
    vertical-align: middle;
    height: 43px;
    width: 43px;
    background: url(../imagens/addimg.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    box-shadow: 1px 1px 1px #333;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.foto_mini2:hover {
    opacity: 0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
    cursor: pointer;
}

.tag_online {
    width: 50px;
    height: 14px;
    color: white;
    background-color: green;
    border-radius: 7px;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
}

#graficoDiv {
    width: 860px;
    height: 460px;
}

#graficoCanvas {
    width: 860px;
    height: 460px;
}

.graficoBotao {
    width: 15px;
    vertical-align: bottom;
    opacity: 0.5;
    cursor: pointer;
    z-index: 1;
}

.graficoBotao:hover {
    opacity: 1;
}


.botaoredondominigaleria {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 26px;
    height: 26px;
    background-image: url(../imagens/seta_biblioteca.png);
    background-repeat: no-repeat;
    background-position: -19px 5.5px;
    border-width: 1px;
    border: solid;
    border-color: #FFF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.botaoredondominigaleria:hover {
    background-position: 2.5px 5.5px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}

.fotoaviso {
    margin: 4px;
    vertical-align: top;
    height: 80px;
    width: 80px;
    background: url(../imagens/fotoPadrao180x180.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    vertical-align: middle;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    display: inline-block;
    box-shadow: 2px 2px 1px #9C9C9C;
    -webkit-box-shadow: 2px 2px 1px #9C9C9C;
    -moz-box-shadow: 2px 2px 1px #9C9C9C;
}



select,
.textbox_cinzafoco select {
    min-height: 31px !important;
    height: 31px !important;
}


.divContatoConteudoSelecao {
    width: 100px;
    height: 100px;
    padding: 20px;
    background: #00c2e0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    font-weight: 100;
    text-align: center;
    color: #FFF;
    display: inline-block;
    vertical-align: text-top;
    margin: 5px;
}

.divContatoConteudoSelecao:hover {
    background: #25e2ff;
    cursor: pointer;
}

.setaChamada {
    cursor: s-resize;
    width: 95%;
    margin-left: 10px;
}

label.tooltip {
    text-decoration: underline dotted;
    cursor: help;
}

label.tooltip div {
    display: none;
}

label.tooltip:hover div {
    font-weight: normal;
    display: inline-block;
    position: fixed;
    width: auto;
    width: 250px;
    margin-top: 20px;
    font-size: 12px;
    padding: 15px;
    border: 1px solid #EEEEEE;
    background: #FCFCFC;
    color: #333;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    z-index: 10000 !important;
}

.cabecalhoFixo {
    -webkit-border-horizontal-spacing: 1px;
    -webkit-border-vertical-spacing: 0px;
}

.cabecalhoFixo thead,
.cabecalhoFixo th {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 2;
}

.campo_obrigatorio{
    color:red;

}

.notaTipo{
    box-sizing:border-box;
    padding-top:10px;
    padding-bottom:10px;
    width:100px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    border: 1px dotted #CCC;
    margin-left:4px;
    margin-right:4px;
}
.notaSel{
    background: #3b8acd;
    color:#FFF;
    border: 1px solid #4e96d1;
}

.agenda-table {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: small;
    border-collapse: collapse;
}
.agenda-table th {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
    background: #0063B1;
    border-right: 1px solid darkgrey;
    border-bottom: 1px solid lightgray;
    border-collapse: collapse;
    text-align: center;
    width: 12.5%;
    cursor: none;
    height: 20px;
}
.agenda-table td {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: small;
    border-right: 1px solid darkgrey;
    border-bottom: 1px solid lightgray;
    border-collapse: collapse;
    vertical-align: top;
    padding: 2px;
}

.agenda-hora {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFF;
    background: #0063B1;
    border-right: 1px solid darkgrey;
    border-bottom: 1px solid lightgray;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
    cursor: none;
}
.agenda-coluna {
    overflow: auto;
    text-align: center;
    height: 100%;
    width: 12%;
    display: inline-block;
    margin: 0%;
    padding: 0%;
    border-right: solid;
    border-width: 1px;
    border-color: rgb(2, 2, 2);
    background-color: lightgray;
}

.agenda-agendamento {
    overflow: auto;
    text-align: left;
    width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    -webkit-box-shadow: 0 0 5px rgba(58, 51, 46, 0.26);
    box-shadow: 0 0 5px rgba(47, 46, 58, 0.26);
    display: inline-block;
    padding-left: 2px;
    font-size: smaller;
}

.tabela_cal tr:nth-child(1) {
    border: none;
    font-size: 13px;
    color: #FFF;
    background: #0063B1;
    box-sizing: border-box;
    text-align:center;
}

.tabela_cal tr:nth-child(2) {
    border: none;
    font-size: 13px;
    color: #000;
    background: #abd8fb;
    box-sizing: border-box;
    text-align:center;
}
.tabela_cal tr:nth-child(3) {
    border: none;
    font-size: 13px;
    color: #000;
    background: #ffffff;
    box-sizing: border-box;
    text-align:center;
}

.tabela_cal td:nth-child(7n) {
    font-size: 12px;
    box-sizing: border-box;
    text-align:center;
    background-color: rgb(255, 170, 170);
    cursor: pointer;
}

.tabela_cal {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    border: none;
    overflow: auto;
    font-size: 10px;
    padding-left: 0px;
    padding-top: 0px;
    width: 100%;
    box-sizing: border-box;
}

.graficoBotaov2 {
    width: 15px;
    vertical-align: bottom;
    opacity: 0.5;
    cursor: pointer;
    z-index: 1;
    filter:invert(40%);
}

.graficoBotaov2:hover {
    opacity: 1;
    filter:invert(0%);
}


.conteudoVermelho{
    color:red;
}
.conteudoAzul{
    color:#0042ff
}

.divControleOutros{
    display: inline-block;
    padding: 6px;
    margin-top:19px;
    border-radius: 50%;
    margin-right: 0px !important;
    vertical-align: top;
    margin-left: 4px;
    margin-right: 4px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background: #2464b1;
    background-image: url(../imagens/submenusbranco.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
}

.divControleOutros:hover {
    background-image: url(../imagens/submenusbranco.svg);
    background-size: 20px;
    background-color: #3487eb;
}

#menuSuspensoKurzy {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-top-left-radius: 0px;
    box-sizing: border-box;
    font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: auto;
    height: auto;
    position: absolute;
    z-index: 12;
}
#menuSuspensoKurzy a {
    text-decoration: none;
}
.menuSuspensoKurzyRotulo {
    font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 100;
    display: inline-block;
    vertical-align: middle;
}
#menuSuspensoKurzy {
    background: #fdfcfc;
    color: #333;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
}
#menuSuspensoKurzy a:Hover {
    color: #abe695;
}

.botaoPopUpKurzy {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: auto;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box;
}

.botaoPopUpKurzy {
    color: #333;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    box-sizing: border-box;
}

.botaoPopUpKurzy img {
    width: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.botaoPopUpKurzy label {
    cursor: pointer !important;
}

.botaoPopUpKurzy:hover {
    background: #FFF;
}
.botaoPopUpKurzy:hover img {
    filter: invert(20%);
}
.conteudoVermelho2 {
    color: #ef775d !important;
}
.conteudoVerde {
    color: #a1b968 !important;
}
.conteudoLaranja {
    color: #ffa24c !important;
}
.conteudoAzul {
    color: #00aaff !important;
}
.conteudoAzulClaro {
    color: #40a2a6 !important;
}


.TabelaCrio table  {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    font-weight: 300;
    webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    cursor: pointer;
}
.TabelaCrio table th{
    font: normal 11px / 18px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
    background:#2464b1
}
.TabelaCrio table th td{
    background:#2464b1
}

.TabelaCrio table tr{
    padding-top: 10px;
    padding-bottom: 10px;
}

.TabelaCrio table {
    color: #666;
}
.TabelaCrio table th {
    color: #FFF;
    background: #2464b1;
    border-bottom: 1px solid #e5e5e5;
}

.corCabecalhoTabela{
    color: #aaa;
    background: #2464b1;
    border-bottom: 1px solid #e5e5e5;
}

.TabelaCrio table tr  {
    border-bottom: 1px solid #e5e5e5;
}
.TabelaCrio table tr:hover {
    background: #FFF !important;
}


.iconeTooltipBranco {
    position: relative;
    width: 14px;
    vertical-align: middle;
    display: inline-block;
    filter: invert(100%);
}

.iconeTooltip {
    position: relative;
    width: 14px;
    vertical-align: middle;
    display: inline-block;
    filter: invert(40%);
}
a.tooltip {
    text-decoration: none;
    cursor: help;
}
a.tooltip div {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 12px;
    z-index: 1000 !important;
    padding: 15px;
    position: fixed;
    min-width: 150px;
    height: auto;
    display: none;
}
a.tooltip:hover div {
    display: inline-block;
}

.celulaVermelha{
    background: #d06b3c !important;
    color:#FFF !important;
}

.celulaLaranja{
    background: #ffaa82 !important;
    color:#FFF !important;
}


/*CALENDÁRIO*/

#menuCalendarioKurzy {
    display: inline-block;
    box-sizing: border-box;
    cursor: default;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 15px;
    box-sizing: border-box;
    font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: auto;
    height: auto;
    position: absolute;
    z-index: 52;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
}
#menuCalendarioKurzy {
    text-align: center;
    padding: 30px;
}
#menuCalendarioKurzyTabela {
    width: 100%;
    overflow: hidden;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.41s, 0.41s, 0.41s;
}
#menuCalendarioKurzyTabela table {
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
}
#menuCalendarioKurzyTabela table th {
    opacity: 0.50;
    -moz-opacity: 0.50;
    filter: alpha(opacity=50);
    font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 200;
}
#menuCalendarioKurzyTabela table td {
    border: 1px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}
#menuCalendarioKurzy h1, #menuCalendarioKurzy h2, #menuCalendarioKurzy h3 {
    padding: 0px;
    margin: 0px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
#menuCalendarioKurzy h1 {
    width: auto;
    display: inline-block;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 17px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.19);
}
#menuCalendarioKurzy h2 {
    width: auto;
    display: inline-block;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.50;
    -moz-opacity: 0.50;
    filter: alpha(opacity=50);
}
#menuCalendarioKurzy h1:hover, h2:hover {
    text-decoration: underline;
}
#menuCalendarioKurzyTopo {
    display: inline-block;
    box-sizing: border-box;
    width: 100% !important;
}
.menuCalendarioKurzyDia {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    padding-top: 10px;
    margin-top: 6px;
    margin-bottom: 6px;
}
.menuCalendarioKurzyDia div {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin-top: -2px;
    font-size: 10px;
}
.menuCalendarioKurzyDia:hover, .menuCalendarioKurzyDiaAtual:hover {
    text-shadow: none;
}
#menuCalendarioKurzyTopoAnterior, #menuCalendarioKurzyTopoProximo {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 30px;
    height: 30px;
}
#menuCalendarioKurzyTopoAnterior {
    display: inline-block;
    box-sizing: border-box;
    background-image: url(../imagens/calAnterior.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center center;
    float: left;
}
#menuCalendarioKurzyTopoProximo {
    display: inline-block;
    box-sizing: border-box;
    background-image: url(../imagens/calPosterior.svg);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: center center;
    float: right;
}
#menuCalendarioKurzyTopo img {
    height: 10px;
}
#menuCalendarioKurzyTopo select {
    border: none;
    padding: 10px;
    font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-weight: 600;
    text-align: right !important;
}
#menuCalendarioKurzySelAno, #menuCalendarioKurzySelMes {
    display: inline-block;
    box-sizing: border-box;
    margin-top: 7px;
    width: 100%;
    overflow: hidden;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.41s, 0.41s, 0.41s;
}
#menuCalendarioKurzySelMes li {
    box-sizing: border-box;
    margin-top: 3px;
    font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 15px;
    list-style: none;
    cursor: pointer;
    padding: 13px;
    width: 49%;
    display: inline-block;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}
#menuCalendarioKurzySelAnoText {
    text-align: center;
    background: none;
    border: none;
    font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 44px;
    width: 110px;
    outline: none;
    margin-top: 110px;
}
#menuCalendarioKurzyConteudo {
    height: 344px;
}
.botaoCalendarioKurzyAplicar {
    font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    font-weight: 500;
}
.botaoCalendarioKurzyCancelar {
    font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
    background: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
}
#menuCalendarioKurzy {
    background: #FFF;
    color: #333;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19);
}
#menuCalendarioKurzy {
    background: #328ada;
}
#menuCalendarioKurzyTabela table {
    color: #FFF;
}
#menuCalendarioKurzy h1, #menuCalendarioKurzy h2, #menuCalendarioKurzy h3 {
    color: #FFF;
}
.menuCalendarioKurzyDia {
    border: 1px solid #328ada;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.19);
}
.menuCalendarioKurzyDiaAtual {
    border: 1px solid RGB(255, 255, 255, 0.4);
}
.menuCalendarioKurzyDia:hover, .menuCalendarioKurzyDiaAtual:hover {
    background: #FFF;
    color: #328ada;
}
.menuCalendarioKurzyDia:hover {
    border: 1px solid RGB(255, 255, 255, 0.4);
}
#menuCalendarioKurzyTopoAnterior, #menuCalendarioKurzyTopoProximo {
    border: 1px solid #328ada;
}
#menuCalendarioKurzyTopoAnterior:hover, #menuCalendarioKurzyTopoProximo:hover {
    background-color: #4a98e0;
}
#menuCalendarioKurzySelAno, #menuCalendarioKurzySelMes {
    background: #2b84d5;
}
#menuCalendarioKurzySelAno span {
    color: #FFF;
    filter: opacity(50%);
}
#menuCalendarioKurzySelMes li {
    color: #FFF !important;
}
#menuCalendarioKurzySelMes li:hover {
    background: RGB(255, 255, 255, 0.1)
}
.menuCalendarioKurzySelMesAtivo {
    background: RGB(255, 255, 255, 0.1)
}
#menuCalendarioKurzySelAnoText {
    color: #FFF;
    border-bottom: 1px solid rgb(255, 255, 255, 0.2)
}
.botaoCalendarioKurzyAplicar {
    background: RGB(255, 255, 255, 0.1);
    border: 1px #328ad9 solid;
    color: #FFF;
}
.botaoCalendarioKurzyCancelar {
    border: 1px #328ad9 solid;
    color: #FFF;
}
.botaoCalendarioKurzyCancelar:hover, .botaoCalendarioKurzyAplicar:hover {
    border: 1px #FFF solid;
}
.botaoCalendarioKurzyAplicar:hover {
    color: #328ad9;
    background: RGB(255,255,255);
}
/*FIM CALENDÁRIO*/


.calBarraTopo{
    width:30px;
    height:30px;
    cursor:pointer;
    vertical-align:middle;
    margin-top:-3px;
    margin-left:-27px;
    display:inline-block;
    vertical-align:middle;
}

.permissaoImagemMais, .permissaoImagemMenos {
    vertical-align: middle;
    margin-left: 5px;
    width: 12px;
    display: inline-block;
    cursor: pointer;
    opacity: 0.60;
    -moz-opacity: 0.60;
    filter: alpha(opacity=60);
}
.permissaoImagemMais:hover, .permissaoImagemMenos:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.comboBusca {
    font: normal 12px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 5px;
    padding-left: 10px;
    padding-right: 6px;
    padding-top: 5px;
    border: none;
    min-height: 29px !important;
    height: 29px !important;
    border-radius: 13px;
}
.textoBusca {
    font: normal 12px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 6px;
    padding-left: 10px;
    border: none;
    border-radius: 13px;
}


.dirContinuaTopo {
    background-image: url(../imagens/dircontinuatopox.png);
}
.dirContinua {
    background-image: url(../imagens/dircontinuax.png);
}
.dirCotovelo {
    background-image: url(../imagens/dircotovelox.png);
}
.dirCotoveloContinuo {
    background-image: url(../imagens/dircotovelocontinuox.png);
}
.dirContinuaMeiaTopo {
    background-image: url(../imagens/dirmeialinhax.png);
}

#barraFerramentasPesquisaTexto {
    background: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: left center;
    box-sizing: border-box;
    color: #999;
    cursor: text;
    font-family: RobotoLight, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    line-height: 1.4;
    margin-bottom: 0px;
    margin-left: 3px;
    margin-right: 0px;
    overflow: hidden;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 7px;
    white-space: nowrap;
    word-wrap: break-word;
    border: none;
    margin-top: 10px;
    width:170px;
    border-radius: 15px;
    vertical-align: top !important;
}
.barraClean .botaoredondominipesquisa{
    border-color: RGB(255,255,255,0.2);
}
.barraClean .botaoredondominigeraexcel{
    border-color: RGB(255,255,255,0.2);
}
.barraClean .botaoredondomininovo{
    border-color: RGB(255,255,255,0.2);
}
.versao3 #div_nome_user{
    min-width:initial;
    margin-top: 0px;
}
.versao3 #logoKurzy, .versao3 #nome_user{
    display:none;
}
.versao3 #foto_menu{
    vertical-align: middle;
}
.versao3 #divMenuVertical{
    width:0px;
    height:0px;
    position:fixed;
}
.tabelaKurzy tr {
    color: #1E1E1E;
}
.tabelaKurzy tr:nth-child(even) {
    background-color: #FFF;
}
.tabelaKurzy tr:nth-child(odd) {
    background-color: #f7f7f7;
    color: #1E1E1E;
}
.tabelaKurzy tr:hover {
    background-color: #0063b1;
    color: #FFF;
}
.tabelaKurzy tr:hover a, .tabelaKurzy tr:hover .conteudoVermelho{
    color:#FFF;
}



.tabelaKurzy {
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
    border: none;
    overflow: auto;
    font-size: 10px;
    padding-left: 0px;
    padding-top: 0px;
    width: 100%;
    box-sizing: border-box;
}
.tabelaKurzy th{
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 2;
}
.tabelaKurzy th,
.tabelaKurzy tfoot td {
    border: none;
    font-size: 13px;
    color: #FFF;
    background: #0063B1;
    box-sizing: border-box;
}
.tabelaKurzy td {
    border: none;
    font-size: 12px;
    box-sizing: border-box;
}
.iconeAtivo {
    border-radius: 100%;
    border: 0px;
    width: 10px;
    height: 10px;
}
.corAtivo {
    background: #3dc372;
}
.corInativo {
    background: #f58d85;
}
.iconeTopo:hover {
    cursor: pointer;
    background-size: 24px;
}
.iconeMenu, .iconeRecollherMenu, .iconeFiltro, .iconeNovo, .iconeRepetir, .iconePainel, .iconeSair,.iconePesquisar, .iconeAjuda,.iconeUnidades, .iconeMenuPop {
    height: 50px;
    width: 33px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 20px ;
    transition: all 0.1s linear;
    cursor: pointer;
    vertical-align: top;
}
.iconeNovo {
    background: url(../imagens/maisbranco.svg);
}
.iconeFiltro {
    background: url(../imagens/filtrobranco.svg);
}
.iconePesquisar {
    background: url(../imagens/lupa.svg);
    background-size: 20px !important;
}
.iconeMenuPop {
    background: url(../imagens/menupop.svg);
    background-size: 23px !important;
}
.iconeMenuPop {
    background: url(../imagens/menupop.svg);
    background-size: 23px !important;
}
.iconeAjuda{
    background: url(../imagens/ajudatopo.svg);
    background-size: 26px !important;
}
.iconeUnidades{
    background: url(../imagens/city.svg);
    background-size: 30px !important;

}
#divCarregandoConteudo {
    z-index: 9999;
    top: 50%;
    left: 50%;
    height: 100px !important;
    margin-top: -50px !important;
    width: 200px;
    margin-left: -100px ;
    box-sizing: border-box;
    position: fixed;
    text-align: center;
    cursor: pointer;
    font: 14px 'Quicksand', sans-serif;
}
.carregandoKurzy-animate-svg svg {
    stroke-width: 1px;
    stroke: #fff;
    fill: transparent;
    width: 210px;
    height: 70px;
    stroke-dashoffset: 2900;
    stroke-dasharray: 2900;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-iteration-count: indefinite;
    animation: svganimationcarregando 8s forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 0;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
}
#containerTabela{
    padding-top:0px !important;
    padding-bottom:0px;
    margin-bottom:0px;
    box-sizing:border-box;
}
.versao3 #relatorioControles{
    padding-top: 0px;
}
.versao3 .relatorio_controles{
    padding-top: 2px;
    padding-bottom: 2px !important;
    font-size:17px;
}

.versao3 .divControleOutros{
    display: inline-block;
    padding: 6px;
    margin-top:0px;
    border-radius: 50%;
    margin-right: 0px !important;
    vertical-align: top;
    margin-left: 4px;
    margin-right: 4px;
    height: 24px !important;
    width: 24px !important;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background: #2464b1;
    background-image: url(../imagens/submenusbranco.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    filter: opacity(100) !important;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.versao3 .divControleOutros:hover {
    background-image: url(../imagens/submenusbranco.svg);
    background-size: 15px;
    background-color: #3487eb;
}

.versao3 .divCirculoOutros{
    display: inline-block;
    padding: 6px;
    margin-top:0px;
    border-radius: 50%;
    margin-right: 0px !important;
    vertical-align: top;
    margin-left: 4px;
    margin-right: 4px;
    height: 24px !important;
    width: 24px !important;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background: #cbcbcb;
    background-image: url(../imagens/submenusbranco.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    filter: opacity(100) !important;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.versao3 .divCirculoOutros:hover {
    background-image: url(../imagens/submenusbranco.svg);
    background-size: 15px;
    background-color: #acacac;
}

#relatorioFiltrosNuvens{
    height:auto;
    display: block;
}

.botaoAzulPrincipal {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    display: inline-block;
    width: 100px;
    padding: 5px;
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    cursor: pointer;
    vertical-align: middle;
    background-color: #2464b1;
    color:#FFF;
    cursor: pointer;
}

.botaoAzulPrincipal:hover {
    background-color:#3a8aeb;
}

.fixaPrimeiraColuna thead th {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 0;
    background: #0063b1;
    color: #FFF;
}

.fixaPrimeiraColuna thead th:first-child {
    left: 0;
    z-index: 10 !important;
    background: #0063b1;
    color: #FFF;
}

.fixaPrimeiraColuna tbody tr td:first-child  {
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background: #0063b1;
    color: #FFF;
}


.fixaPrimeiras2Coluna thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.fixaPrimeiras2Coluna thead th:nth-of-type(2) {
    left: 0;
    z-index: 10 !important;

}

.fixaPrimeiras2Coluna tbody tr td:nth-of-type(2) {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background: #0063b1;
    color: #FFF;

}

#divMainFiltrosKurzy {
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.61s, 0.61s, 0.61s;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 41;
    right: 0;
    top: 0;
    position: fixed;
    height: 0px;
    width: 100%;

    background: #eaeaea;
    padding-left:15px;
    padding-right:15px;
    box-sizing: border-box;
    overflow: auto;
}

#titulosFiltros{
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    width:100%;
    font-size: 20px;
}

.filtrosContainer{
    display:inline-block;
    padding-right: 7px;
    border:1px solid #ddd;
    padding:10px;
    border-radius: 15px;
    vertical-align: top;
    background: #f4f5f9;
    box-sizing: border-box;
}

.filtrosContainer h2{
    margin:0px;
    color: #484848;
    font-weight: bold;
    font-size: 13px;
    font-family: 'PT Sans', RobotoBlack, RobotoCondensed, Arial, Helvetica, sans-serif;
    padding-bottom: 7px;
}

.filtrosContainer .divcontainer label{
    color: #484848 !important;
    font-weight: bold;
    font-size: 13px;
    font-family: 'PT Sans', RobotoBlack, RobotoCondensed, Arial, Helvetica, sans-serif;
}

.filtrosExpandir, .filtrosRecolher{
    filter:invert(100%);
}

#relatorioFiltrosNuvens div{
    font-size: 10px;
    font-family: 'PT Sans', RobotoBlack, RobotoCondensed, Arial, Helvetica, sans-serif;
    background: #3e85f9;
    color: #FFF;
    background: #0d87b2;
    background: #328adb;
    border-radius: 15px;
    padding: 3px;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 3px;
    margin-right: 2px;
}

#formFiltros{
    width: 100%;
}

.filtros_cmdPesquisar{
    background: #338adb;
    background-image: url(../imagens/lupa.svg);
    background-repeat: no-repeat;
    background-size: 14px !important;
    background-position: 8px center;
    color:#FFF;
    border: 0px;
    padding-top: 5px;
    font-size: 11px;
    padding: 7px;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 6px;
    padding-left: 25px;
    padding-bottom: 6px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.21s, 0.21s, 0.21s;
}
.filtros_cmdPesquisar:hover{
    background:#4caafc;
    background-image: url(../imagens/lupa.svg);
    background-repeat: no-repeat;
    background-size: 20px !important;
    background-position: 4px center;
}
.botaoVermelhoSuave {
    background: #ff717f;
}
.botaoVermelhoSuave:hover {
    background: #ff8490;
}
#divMenuPadrao{
    display: block;
}

#perfilFoto{
    width: 12px;
    height:12px;
    background-color: #318fdf;
    border-radius: 50%;
    margin-top: 30px;
    border: 2px solid #0063b1;
    background-image: url(../imagens/setabaixo.svg);
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center center;
}

.divEditarBotaoCadastro{
    display: inline-block;
    width:auto;
}

.imgMoverLinha{
    filter: opacity(0.2);
    cursor: pointer;
}

.imgMoverLinha:hover{
    filter: opacity(1);
}

@media screen and (min-width: 0px) and (max-width: 600px) {
    #barraFerramentasPesquisaTexto, .iconePesquisar {
        display: none;
    }

}

/*NOVO MENU*/
#menu_busca {
    margin-top: 20px;
    border: none;
    padding: 15px;
    font-family: 'Roboto', sans-serif;
    width: 220px;
    font-size: 14px;
}
.iconeLogo{
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    padding-top: 49px;
    margin-left: 5px;
    width: 110px;
    background-image: url(../imagens/kurzy.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100px;
    vertical-align: bottom;
    font-size: 10px;
    text-align: center;
    font-family: 'MuseoSans-100', 'MuseoSans-300', Arial, Helvetica, sans-serif;
}

.iconeRecollherMenu{
    display: inline-block;
    vertical-align: middle;
}

#iconeMenu, .iconeRecollherMenu {
    background-image: url(../imagens/menu.svg) ;
    background-size: 20px !important;
    transition: all 0.1s linear;
    cursor: pointer;
}

#iconeMenu:hover, .iconeRecollherMenu:hover {
    background-size: 24px !important;
}
#divMenuKurzy {
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.61s, 0.61s, 0.61s;
    overflow: auto;
    box-sizing: border-box;
    z-index: 41;
    left: 0;
    top: 0;
    position: fixed;
    height: 100%;
    width: 300px;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    background: #1a2738;
    color: #dbe8fb;
}

#divMenuKurzy_block {
    background: #000;
    box-sizing: border-box;
    z-index: 40;
    width: 100%;
    opacity: 0.30;
    -moz-opacity: 0.30;
    filter: alpha(opacity=30);
    cursor: pointer;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
#menu_cabecalho {
    width: 100%;
}
#menu_cabecalho div {
    display: inline-block;
}
#menu_busca {
    margin-top: 20px;
    border: none;
    padding: 15px;
    font-family: 'Roboto', sans-serif;
    width: 220px;
    font-size: 14px;
}
#menu_lupa {
    width: 15px;
    margin-left: -50px;
    vertical-align: middle;
}
#menu_conteudo {
    margin-top: 10px
}
#menu_plano {
    text-align: center;
    overflow: hidden;
    width: 300px;
}
#menu_plano div {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #6c7c95;
}
.menu_pai {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}
.menu_pai > div {
    overflow: auto;
    width: 300px;
}
.menu_filho-topo {
    align-self: flex-start;
    margin: 0px;
    overflow-x: hidden;
}
.menu_filho-rodape {
    width: 300px;
    align-self: flex-end;
    margin: 0px;
    min-height: 90px;
}
#menu_lista {
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 100;
    list-style: none;
    width: 300px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.31s, 0.31s, 0.31s;
    padding: 0px;
    margin: 0px;
}
#menu_lista img {
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px;
}
#menu_lista ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.31s, 0.31s, 0.31s;
    overflow: hidden;
}
#menu_lista li {
    list-style: none;
    border-right: 0px;
    cursor: pointer;
    transition-delay: 0s, 0s, 0s;
    transition-duration: 0.31s, 0.31s, 0.31s;
}
.menu_lista_pai {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-x: hidden;
}
.menu_lista_filho {
    padding: 10px;
    padding-left: 34px
}
.menu_lista_filho a {
    text-decoration: none;
}
.menu_proximo {
    width: 10px !important;
    cursor: pointer;
    float: right;
    margin: 0px !important;
    margin-top: 5px !important;
    margin-right: 13px !important;
}
#menu_semResultado {
    text-align: center;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    width: 100%;
    font-weight: 300;
}
#menu_semResultado div {
    color: #7a889d;
    font-size: 14px;
    padding: 10px;
}
.menu_ativo {
    border-left: 6px solid #328ada !important;
}
#divMenu {
    background: #1a2738;
    color: #dbe8fb;
}
#menu_cabecalho {
    background: #121c28;
}
#menu_busca {
    background: #172331;
    color: #dbe8fb;
}
#menu_busca::placeholder {
    color:#6c7c95
}
#menu_plano div {
    color: #6c7c95;
}
#menu_lista {
    color: #7a889d;
}
#menu_lista ul {
    background: #121c28;
    border-left-color: #121c28;
}
#menu_lista li {
    border-left: 0px solid #328ada;
}
.menu_lista_pai {
    border-left: 6px solid #192638;
}
.menu_lista_filho {
    border-left: 6px solid #111b28 !important;
}
.menu_lista_filho a {
    color: #7a889d;
}
.menu_lista_pai:hover {
    color: #FFF;
}
.menu_lista_pai:hover > img {
    color: #FFF;
    filter: brightness(180%) !important
}
.menu_lista_filho {
    color: #7a889d;
}
.menu_lista_filho:hover {
    border-left: 6px solid #328ada !important;
    background: #328ada;
    color: #FFF;
}
.menu_lista_filho:hover > .menu_lista_pai {
    color: #FFF;
}
.menu_lista_filho:hover > a {
    color: #FFF;
}
.menu_selecionado {
    background: #328ada !important;
    color: #FFF;
}
#menu_semResultado {
    color: #FFF;
}
#menu_semResultado div {
    color: #7a889d;
}
.menu_ativo {
    border-left: 6px solid #328ada !important;
}
.iconeTopo:hover, .iconeRecollherMenu:hover {
    background-size: 24px !important;
}
.iconeMenu, .iconeRecollherMenu {
    height: 50px;
    width: 33px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    transition: all 0.1s linear;
    cursor: pointer;
}
.iconeMenu, .iconeRecollherMenu {
    width: 50px;
}

/*BARRA DE ROLAGEM NO INTERNET EXPLORER CHROME E SAFARI*/
* {
    scrollbar-color: inherit !important;
    scrollbar-color: initial !important;
    scrollbar-color: unset !important;
    scrollbar-width: thin;
}
::-webkit-scrollbar {
    width:5px !important;
    height:5px !important;
}
* {
    scrollbar-color: #969696 !important;
    scrollbar-face-color: #969696 !important;
    scrollbar-highlight-color: #969696 !important;
    scrollbar-3dlight-color: #f7f7f9 !important;
    scrollbar-darkshadow-color: #f7f7f9 !important;
    scrollbar-shadow-color: #f7f7f9 !important;
    scrollbar-arrow-color: #969696 !important;
    scrollbar-track-color: #f7f7f9 !important;
}
::-webkit-scrollbar {
    background: #f7f7f9 !important;
}
.menu_filho-topo::-webkit-scrollbar {
    background: #111b28 !important;/*Chrome Track*/
}
#menuCalendarioSelMes::-webkit-scrollbar {
    background: #317cbf !important;/*Chrome Track*/
}
::-webkit-scrollbar-thumb {
    background: #969696 !important;/*Chrome Track*/
}
::-webkit-scrollbar-thumb:vertical {
    background:#c6c6c7 !important; /*Chrome elemento central*/
}
.menu_filho-topo::-webkit-scrollbar-thumb:vertical {
    background:#788a9e !important; /*Chrome elemento central*/
}
#menuCalendarioSelMes::-webkit-scrollbar-thumb:vertical {
    background:#4f9ee5 !important; /*Chrome elemento central*/
}
::-webkit-scrollbar-thumb:horizontal {
    background:#969696 !important;
}
/* FIM BARRA DE ROLAGEM NO INTERNET EXPLORER CHROME E SAFARI */


#menu_busca:focus {
    outline: none;
    box-shadow: none;
}
/*FIM MENU*/

.estrelaAtiva, .estrelaInativa{
    display: inline-block;
    width:20px;
    height:20px;
    margin-left:2px;
    cursor:pointer;
}

.estrelaAtiva{
    background-image: url(../imagens/estrela.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}

.estrelaAtiva:hover{
    filter:brightness(110%);
}

.estrelaInativa{
    background-image: url(../imagens/estrelavazia.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    filter:invert(40%);
}