@CHARSET "UTF-8";

::-webkit-scrollbar { width: 6px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color: #666;}

/* @media (max-width: 800px) { 
    #divLogin {width:auto!important;}
} */

body {
    background-color: #333;
    font: 11px verdana, "Trebuchet MS", sans-serif;
    color: #fff;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto; 
}

#divlogin {
    background-image: url(../images/bg.png);
    background-color: #cdcdcd;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;
    /* padding-right: 18px; */
}

#btnEnviarComentario:hover {
    background-color: #b3b3b3 !important;
    color: #5c5c5c !important;
}

ul li, ul li b {color:#ffffff;}

input[type='file'] {color:#000;}

.tableStripes tbody tr td {
    background-color: rgba(0,0,0,0.2);
}
.tableStripes tbody tr:nth-child(odd) td {
    background-color: rgba(0,0,0,0.09)
}

/** DIV Loading **/
.loading{
    background: none; 
    height: 19px; 
    left: 50%; 
    margin: -9px 0 0 -110px; 
    position: absolute; 
    top: 50%; 
    width: 220px;
}

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

#divBarraInferior {
    background-color:#222; 
    padding:7px; 
    text-align: center; 
    margin-bottom:-10px;
}

#logoIntranet {
    width: 100%;
    max-width: 250px;
}

#divCabecalhoRight{
    float:right;
}

#divlogin {
    background-color: #cdcdcd;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10vw;

}

#divLogin {
    padding:10px;
    background-color: #222;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px;
    min-width:250px;
    max-width:300px;
    float:right;
}

#divRecados {
    background-color: #333;
    margin: auto; 
    min-height: 600px;
    min-width: 1100px;
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    border-radius: 15px;
    display:table;

    width: 88%;
}

#divChamados {
    width: 70%;
    float: left;
    padding:10px;
}

#divRecadosDireita {
    margin-left: 70%;
    margin-right: 20px;
    min-height: 500px;
    min-width: 300px;
    padding:10px;
}

.divComentario {
    padding:10px;
    min-height:28px;
    background-color: #222;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px;    
}

.imgComentario {
    width:45px; 
    cursor: pointer;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px;
}

.nomeComentario {
    color: #ADCF54;
    text-transform: uppercase;
}

.imgAutorRecado {
    width:110px; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px;
}

.imgRecado {
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px;
    width:100%; 
    height:auto;
}

.imgRecadoMiniatura {
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px;
    width:70px; 
    height:auto;
}

#tdConteudoRecado{
    background: url(../images/caixa_postagem_left.png) no-repeat;
}

#divConteudoRecado{
    background-color: #fff;
    -webkit-border-radius: 15px 15px 0px 0px; 
    -moz-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
    color: #000;
    padding:20px;
    margin: 0px 30px 0px 10px;
    text-align: center;
}

#divComentarRecado{
    background-color: #E6E6E6;
    -webkit-border-radius: 0px 0px 15px 15px; 
    -moz-border-radius: 0px 0px 15px 15px;
    border-radius: 0px 0px 15px 15px;
    padding:10px;
    margin: 0px 30px 0px 10px;
    text-align: left;
}

#divComentarios {
    /*height: 550px;*/
    overflow-y: auto;
    overflow-x: hidden;
}

#divEquipe{
    text-align:center;
}

#dialogPesquisaDestaque{
    background-color:#ffffff !important;
}

.btnFunction {
    cursor: pointer;
    width: 35px;
    height: 35px;
    background-size:35px!important;
    border: none;
    margin-right: 10px;
    margin-bottom: 3px;
    
}

.btnHome { 
    background: url(../images/home.png?1) no-repeat;
}

.btnIndices { 
    background: url(../images/indices.png?1) no-repeat;
}

.btnFone { 
    background: url(../images/fone.png?1) no-repeat;
}
.btnEmailMarketing { 
    background: url(../images/emkt.png?1) no-repeat;
}

.btnPesquisa { 
    background: url(../images/pesquisa.png?1) no-repeat;
}

.btnProjetos { 
    background: url(../images/projetos.png?1) no-repeat;
}

.btnConfig { 
    background: url(../images/config.png?1) no-repeat;
}

.btnLogout { 
    background: url(../images/logout.png?1) no-repeat;
}

.btnCompliance { 
    background: url(../images/compliance.png?1) no-repeat;
}

.btnReunioes { 
    background: url(../images/reunioes.png?1) no-repeat;
}

.btnComentario { 
    background: url(../images/coment.png) no-repeat;
    cursor: pointer;
    width: 34px;
    height: 32px;
    border: none;
    margin-right: 10px;
}

.carousel { position:relative; min-height: 20px; height:auto !important; height: 20px;  /*background:url(../images/loader.gif) center center no-repeat;*/ }
.carousel .next,
.carousel .prev { display:none; width:56px; height:56px; position:absolute; bottom:20px; left:50%; margin-top:-28px; z-index:9999; cursor:pointer; }
.carousel .prev { margin-left:-60px; background:url(../images/prev.png) 0 0 no-repeat; height:80px; }
.carousel .next { margin-right:-60px;  background:url(../images/next.png) 0 0 no-repeat; height:80px; }
.carousel li { display:none; }
.carousel li img { width:100%; height:auto; }
.paging { position:absolute; z-index:9998; }
.paging > a { display:block; cursor:pointer; width:40px; height:40px; float:left; background:url(../images/dots.png) 0px -40px no-repeat; }
.paging > a:hover,
.paging > a.current { background:url(../images/dots.png) 0px 0px no-repeat;  }
.badge { display:block; width:104px; height:104px; background:url(../images/badge.png) 0 0 no-repeat; z-index:9000; position:absolute; top:-3px; left:-3px; }
figure img {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    -o-user-select: none;
    user-select: none;   

    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
}

.dialog {
    font: 13px "Trebuchet MS", sans-serif;
    color: #fff!important;
}

.pesquisadialog {
    font: 17px "Rockwell", sans-serif;
    color:#808184!important;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px; 
}

.pesquisadialog p{
    margin: 10px;
}

.fotoPesquisa{
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px;
    width:120px;
    height:140px;
}


.pesquisadialogBotao{
    width:100px;
    background-color:#808184;
    color:#ffffff;
    cursor:pointer;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px; 
}

#imgFotoAlternativa {
    width: 120px;
    height: 140px;
    margin: 10px 0px 10px 0px;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px;
}

#imgSala {
    margin: 15px 0px 0px 0px;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px;
}

.divMaisPostagensItem {
    margin: 10px 0px 0px 0px;
    padding-left:10px;
    text-align:left;
    border-bottom: 1px solid #222;
}

hr {
    color: #fff;
}

a {
    color: #ADCF54;
}

input[type='file'] {
    color: #fff;
}

label {
    font: 100% "Trebuchet MS", sans-serif;
}

label[for=ignore_file_imgComentario]{
    color: #000!important;
}

#ignore_file_imgComentario {
    color: #000!important;
}

h1, h2 {
    color: #ADCF54;
    text-transform: uppercase;
    font-family: 'Rockwell', serif;
}

.ui-widget-content {
    background-color: #4B4B4B!important;
    background: #4B4B4B!important;
}

.ui-widget select { 
    font: 17px "Rockwell"!important;
}

.ui-dialog-titlebar {
    display: none!important;
}

.validationError {
    color: #DD8D8D;
}

.ui-widget-overlay {
    position:fixed!important;
}

.ui-dialog {
    z-index:10!important;
}

/** Botão de Remover **/
.removeButton{
    background: url(../images/remove.png) no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: none;
}

#ui-datepicker-div{
    background-color: #fff!important;
    display:none;
}
.ui-datepicker-trigger{
    display: block!important;
    float:right;
    
    background: url(../images/calendar.png) no-repeat;
    border: 0px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}