/*-------------------------------------------------------*/
/* Customização dos ícones dos tamanhos default          */
/*-------------------------------------------------------*/
[src$="ico_visualizar.png"]{
    height: 24px;
}


/*-------------------------------------------------------*/
/* DECLARAÇiES OBRIGATÓRIAS                              */
/*-------------------------------------------------------*/
/* STRUCTURE */
.header {
    position: fixed;
    width: 100%;
    top:0;
}

/*--IE6 Hack - Fixed Positioning to the Top--*/
.form-horizontal .control-group {
    margin-bottom: 10px;
}

#tour_minimizado {
    display: none;
    position: fixed;
    bottom: 00px;
    left: 0px;
    background: -webkit-gradient(linear, left top, left bottom, from(#154E80), to(#3C6D98));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #154E80, #3C6D98);
    color: #FFFFFF;
    padding-top: 5px;
    border-radius: 0px 4px 0px 0px;
}

#tour {
    position: fixed;
    overflow: none;
    bottom: 0px;
    right: 0;
    z-index: 9999;
    height: 207px;
    width: 100%;
    margin: 0;
    border-top: 1px solid #CCCCCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#154E80), to(#3C6D98));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #154E80, #3C6D98);
    color: #FFFFFF;
}

#tour h1, #tour a {
    color: #FFFFFF;
}

/*Ajuste para não quebrar a lixeira ao inserir um novo arquivo*/
.limita-linha-documento{
    white-space: nowrap;
    max-width: 73%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-grid;
    margin: 0px 10px !important;
}

.tamanho-responsavel-tarefa{
    width: 95%;
}

.menuFixo {

}

.menuFlutuante {
    left: 0;
    position: fixed;
    width: 20%;
    z-index: 999;
    top: 48;
    height: 100%;
}

.anotacoes {
    margin: 0px;
    overflow-x: hidden;
    width: 100%;
    display: bloc;
    font-size: 13px;
    height: 100%;
}

.menuFlutuanteFechado {
    position: fixed;
    display: none;
}

.box-info-segunda-via{
    margin: 0 auto;
    padding-top: 110px;
    text-align: center;
}

.sidebarFixo {
    /*	left: -5px 	!important;
        top: -10px	!important;*/
    position: relative;

}

.sidebar {
    bottom: 0;
    left: 0;
    padding-top: 100px;
    position: absolute;
    top: 0;
}

.sidebar .toggle:hover, .sidebar .toggle.hover {
    left: -12px;
}

.sidebar .toggle:hover {
    left: -5;
    width: 8px;
}

.sidebar .toggle {
    cursor: pointer;
    border-radius: 0 4px 4px 0;
    left: -45px;
    padding: 11px;
    position: absolute;
    top: 0px;
    transition: all 0.15s ease-out 0s;
    width: 5px;
    z-index: 9999;
}

#footer {
    position: fixed;
    overflow: none;
    bottom: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
    height: 29px;
    margin: 0;
    border-top: 1px solid #CCCCCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#FFFFFF));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #eeeeee, #FFFFFF);
}

/*--IE6 Hack - Fixed Positioning to the Bottom--*/
* html #footer {
    position: absolute;
    /*
    top: expression(eval(document.compatMode &&               document.compatMode
        ==

               'CSS1Compat')?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight
        ):         document.body.scrollTop+(document.body.clientHeight-this.clientHeight
        ) );
        */
}

/* DECLARAÇÕES PADRÕES */

/* MIN-HEIGHT */
.mh250 {
    min-height: 250px;
}

.mh300 {
    min-height: 300px;
}

.mh400 {
    min-height: 400px;
}

.h18 {
    height: 18px;
}

.h20 {
    height: 20px;
}

.h35 {
    height: 35px;
}

.h80 {
    height: 80px;
}

.h100 {
    height: 100px;
}

.h150 {
    height: 150px;
}

.h200 {
    height: 200px;
}

.h260 {
    height: 260px;
}

.h410 {
    height: 410px;
}

.h420 {
    height: 420px;
}

.h450 {
    height: 450px;
}

.m3 {
    margin: 3px;
}

.m4 {
    margin: 4px;
}

.m5 {
    margin: 5px;
}

.mh5 {
    margin: 0px 5px;
}

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

.ml3 {
    margin-left: 3px;
}

.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml50 {
    margin-left: 50px;
}

.ml1- {
    margin-left: 1%;
}

.mr1- {
    margin-right: 1%;
}

.mr0 {
    margin-right: 0px;
}

.mr5 {
    margin-right: 5px;
}

.mr8 {
    margin-right: 8px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mt6 {
    margin-top: 6px !important;
}

.mt7 {
    margin-top: 7px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt50 {
    margin-top: 50px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb30 {
    margin-bottom: 30px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mb20{
    margin-bottom: 20px;
}

.p0 {
    padding: 0px;
}

.p3 {
    padding: 3px;
}

.p4 {
    padding: 4px;
}

.p5 {
    padding: 5px;
}

.p6 {
    padding: 6px;
}

.p8 {
    padding: 8px;
}

.p10 {
    padding: 10px;
}

.p30 {
    padding: 30px;
}

.pt2 {
    padding-top: 2px;
}

.pt3 {
    padding-top: 3px;
}

.pt4 {
    padding-top: 4px;
}

.pt6 {
    padding-top: 6px;
}

.pt7 {
    padding-top: 7px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pb2 {
    padding-bottom: 2px;
}

.pb3 {
    padding-bottom: 3px;
}

.pb4 {
    padding-bottom: 4px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb50 {
    padding-bottom: 50px;
}

.pr10 {
    padding-right: 10px;
}

.pl5 {
    padding-left: 5px;
}

.prl5 {
    padding-right: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl34 {
    padding-left: 34px;
}

.pl50 {
    padding-left: 50px;
}

.pl75 {
    padding-left: 75px;
}

.pl80 {
    padding-left: 80px;
}

.ph5 {
    padding-left: 5px;
    padding-right: 5px;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clear {
    clear: both;
}

.auto {
    overflow: auto;
}

/* WIDTH PADRÕES */
.w8- {
    width: 8%;
}

.w10- {
    width: 10%;
}

.w12- {
    width: 12%;
}

.w14- {
    width: 14%;
}

.w16- {
    width: 16%;
}

.w18- {
    width: 18%;
}

.w20- {
    width: 20%;
}

.w28- {
    width: 28%;
}

.w30- {
    width: 30%;
}

.w39- {
    width: 39%;
}

.w40- {
    width: 40%;
}

.w50- {
    width: 47%;
}

.w49- {
    width: 49%;
}

.w48- {
    width: 48%;
}

.w60- {
    width: 60%;
}

.w65- {
    width: 65%;
}

.w70- {
    width: 69%;
}

.w75- {
    width: 75%;
}

.w80- {
    width: 80%;
}

.w90- {
    width: 90%;
}

.w95- {
    width: 95% !important;
}

.w98- {
    width: 98%;
}

.w99- {
    width: 99%;
}

.w100- {
    width: 100% !important;
}

.w70 {
    width: 70px;
}

.w60 {
    width: 60px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w110 {
    width: 110px;
}

.w140 {
    width: 140px;
}

.w150 {
    width: 150px;
}

.w155 {
    width: 155px;
}

.w180 {
    width: 180px;
}

.w190 {
    width: 190px;
}

.w200 {
    width: 200px;
}

.w210 {
    width: 210px;
}

.w220 {
    width: 220px;
}

.w225 {
    width: 225px;
}

.w230 {
    width: 230px;
}

.w240 {
    width: 240px;
}

.winput100 {
    width: 100px;
}

.winput240 {
    width: 240px;
}

.winput250 {
    width: 250px;
}

.valor, .data {
    /*width: 100px !important;*/
}

.winput100- {
    width: 100%;
}

.winput82- {
    width:82%;
}

.w260 {
    width: 260px;
}

.w270 {
    width: 270px;
}

.w280 {
    width: 280px;
}

.w320 {
    width: 320px;
}

.w350 {
    width: 350px;
}

.w420 {
    width: 420px;
}

.w440 {
    width: 440px;
}

.w455 {
    width: 455px;
}

.w460 {
    width: 460px;
}

.w470 {
    width: 470px;
}

.w480 {
    width: 480px;
}

.w500 {
    width: 500px;
}

.w600 {
    width: 600px;
}

.w650 {
    width: 650px;
}

.w660 {
    width: 660px;
}

.w685 {
    width: 685px;
}

.w690 {
    width: 690px;
}

.w700 {
    width: 700px;
}

.w710 {
    width: 710px;
}

.w740 {
    width: 740px;
}

.w750 {
    width: 750px;
}

.w800 {
    width: 800px;
}

.w820 {
    width: 820px;
}

.w850 {
    width: 850px;
}

.w950 {
    width: 950px;
}

.w960 {
    width: 960px;
}

/* CORES PADRÕES*/
.green {
    background: green;
}

.red {
    background: #B90000;
}

.blue {
    background: blue;
}

.white {
    background: white;
}

.textJustify {
    text-align: justify;
}

.textCenter {
    text-align: center;
}

.pointer {
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

.fs9 {
    font-size: 9px;
}

.fs10 {
    font-size: 10px;
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 13px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs17 {
    font-size: 17px;
}

.fs18 {
    font-size: 18px;
}

.fs19 {
    font-size: 19px;
}

.fs20 {
    font-size: 20px;
}

.strong {
    font-weight: bold;
}

a, a:visited {
    /*color: #006699;*/
    text-decoration: none;
    /* float: left; */
}

a:hover {
    /*color: #FF6600;*/ /*CUSTOM DD*/ 
    text-decoration: none;
    cursor: pointer;
}

h1, h2, h3.h4, h5, div, p {
    /*text-rendering: optimizelegibility;*/
    /* retirado porque quebrava o texto dos botoes */
}

/*------------------*/
/* GERAL            */
/*------------------*/
#upload {
    /*margin:30px 200px;*/
    padding: 15px;
    font-weight: bold;
    font-size: 1.3em;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    text-align: center;
    background: #f2f2f2;
    color: #3366cc;
    border: 1px solid #ccc;
    width: 150px;
    cursor: pointer !important;
    /* -moz-border-radius:5px; -webkit-border-radius:5px; */
}

/* MENSAGENS */

.mural {
    height: 606px !important;
}

[class ^="mensagem"], [class ^="block"], [class ^="topo"], div[class ^="head"], .calendario, [class ^="sidebar"] {

    /*-moz-box-shadow: 2px 2px 3px rgba(195, 200, 204, 1);
    -webkit-box-shadow: 2px 2px 3px rgba(195, 200, 204, 1);
    box-shadow: 2px 2px 3px rgba(195, 200, 204, 1);*/

}

#mural2 .block, .mural .block-fluid {background:#FFFFFF}

[class ^="mensagem"], [class ^="box"] {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-bottom:40px;
}

[class ^="head"], [class ^="topo"] {
    -moz-border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
}

#mensagem-confirma-email .btn:active {
    text-decoration: none;
    background: transparent;
    color: #006699;
}

.mensagem a {
    color: #FF814A;
}

.mensagem.mb20{
    margin-bottom: 20px;
}

.mensagem.azul a{
    color: #F6E03F;
}

.mensagem a:hover {
    color: #F60;
}

.mensagem {
    color: #003366;
    background-color: #F5F9AE;
    margin-bottom: 8px;
    font-size: 15px;
    /* text-shadow: 1px 1px 1px rgba(150, 90, 122, 0.2); */
    min-height: 24px;
    clear: both;
}

.mensagem.noBorder {
    -moz-border-top-left-radius: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-top-right-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.mensagem.lembrete:before {
    content: unset !important;
}

.mensagem > div:before {
    background-image: url('../images/ico_warning.png') !important;
    content: "";
    width: 34px;
    height: 36px;
    left: -8px;
    top: -9px;
    float: left;
    margin-right: 4px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    position: relative;
    display: block;
    opacity: 0.75;
}

.mensagem.noIcon > div:before {
    background-image: unset;
    content: unset;
}

.info, .sucesso, .erro, .mensagem {
    padding: 14px 10px 8px 15px
}

.mensagem .info {
    background-color: #F5F9AE !important;
    color: #777 !important;
    /*text-shadow: 1px 1px 1px rgba(22, 90, 150, 0.45);*/

}

.mensagem.azul{
    background-color: #67A5DD !important;
    color: #FFF !important;
}


.info:before {
    background-image: url("../images/ico_warning.png") !important;
}

.sucesso {
    color: #FFF;
    background-color: #8acc8a !important;
    text-shadow: 1px 1px 1px rgba(61, 100, 15, 0.45) !important;
}

.sucesso:before {
    width: 32px;
    height: 32px;
    left: 0;
    top: -6px;
    background-image: url("../images/icons/wb/ic_ok.png") !important;
}

.erro {
    color: #FFF !important;
    background-color: #F99 !important;
    text-shadow: 1px 1px 1px rgba(75, 0, 0, 0.25) !important;
}

.erro:before {
    width: 34px;
    height: 34px;
    left: -2;
    top: -8px;
    background-image: url("../images/ico_erro.png") !important;
}

.aviso {
    border: 1px solid;
    margin: 10px;
    padding: 0px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    clear: both;
    color: #9F6000;
    background-color: #F6FBEE;
    background-image: url("../images/warning.png");
    border: 3px solid #A2E393;
    color: #226F1C;
    width: 50%;
    -moz-border-radius: 6px 6px 6px 6px; /* FF1+ */
    -webkit-border-radius: 6px 6px 6px 6px; /* Saf3-4 */
    border-radius: 6px 6px 6px 6px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

.mensagem_destaque {
    background-color: #BA0000;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 20px
}

.lembrete {
    padding: 0px !important;
    border-radius: 3px ! important;
    display: none;
    margin-top: 35px;
    width: 100%;
    border-radius: 1px;
}

.aviso h1 {
    color: green
}

.block_aviso {
    margin-bottom: 10px;
    padding: 5px 10px 0px 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #F6FBEE;
    border: 1px solid #dae5e5;
    -moz-border-radius: 2 px 2 px 2 px 2 px; /* FF1+ */
    -webkit-border-radius: 2px 2px 2px 2px; /* Saf3-4 */
    border-radius: 2px 2px 2px 2px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

/* ESTRUTURA INTERNA */
.interno {
    padding: 50px 5px 30px 5px;
    /* margin-left: 230px; */
}

.main_interno {
    border: 1px solid blue;
    padding-top: 10px;
}

.botoesBarra {
    padding-top: 6px;
    float: right;
}

.botaoFechar {
    font-size: 11px;
    font-weight: bold;
    width: 14px;
    height: 14px;
    cursor: pointer;
    float: right;
    position: relative;
    right: 0px;
    top: 0px;
    text-align: center;
    background: url(../images/ico_fechar.gif) no-repeat #3B5998;
}

.botaoVoltar {
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    color: rgb(255, 255, 255);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: rgb(72, 107, 145);
    background-image: -moz-linear-gradient(center top, #5088C7, #477AB3);
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: none;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: rgb(230, 230, 230) rgb(72, 107, 145) rgb(162, 162, 162);
    border-radius: 3px;
}

.botaoVoltar:hover {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#477AB3), to(#5088C7));
    background-image: -webkit-linear-gradient(top, #477AB3, #5088C7);
    background-image: -o-linear-gradient(top, #477AB3, #5088C7);
    background-image: linear-gradient(to bottom, #477AB3, #5088C7);
    background-image: -moz-linear-gradient(top, #477AB3, #5088C7);
}

.boxAcoes {
    float: right;
}

.boxAcoes strong {
    float: left;
}

.boxAcoes div {
    cursor: pointer;
}

.colunaCentro {
    position: absolute;
    top: 45px;
    bottom: 20px;
    left: 17%;
    right: 18%;
}

.colunaDireita {
    border-left: 1px solid #E5E3DB;
    position: absolute;
    top: 45px;
    bottom: 20px;
    right: 0px;
}

.enviaPost {
    padding-top:0px;
}

.colunaDireita .enviaPost {
    padding-top: 5px;
}

.colunaDireita .enviaPost strong {
    font-size: 13px;
}

/*Vinicius: removi position:absolute;  */
.colunaEsquerda {
    top: 45px;
    bottom: 20px;
    left: 0px;
    padding-bottom: 50px;
}

.colunaEsquerda p {
    line-height: 160%;
    padding-left: 4px;
}

.colunaEsquerda ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.colunaEsquerda li {
    margin: 0px;
    padding: 0px;
    padding-top: 4px;
    clear: both;
    list-style-type: none;
    min-height: 18px;
    width: 90%;
    border-bottom: 1px solid #EBEBEB;
}

.colunaEsquerda .registroUsuario {
    height: 50px;
    cursor: pointer;
    font-size: 11px;
    padding: 3px 0px 3px 0px;
    float: left;
    width: 100%;
    line-height: 130%;
}

.colunaEsquerda .registroUsuario img {
    border: 1px solid #E5E3DB;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}

.colunaEsquerda .registroUsuario:hover {
    background: #F2F3D7
}

.boxPadrao {
    background: url(../images/topo_chat.jpg) repeat-x #FDFDFD;
    /*
    border-right: 1px solid #B7B6B0;
    border-bottom: 1px solid #B7B6B0;
    border-left: 1px solid #E5E3DB;
*/
    font-size: 11px;
}

.topoPadrao {
    padding-top: 1px;
    min-height: 28px;
}

.topoPadrao strong {
    float: left;
    padding-left: 10px;
    padding-top: 5px;
}

.topoPadrao p {
    line-height: 150%;
    font-size: 13px;
}

.topoVermelho {
    background: -webkit-gradient(linear, left top, left bottom, from(#CC0000), to(#FF0000));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #CC0000, #FF0000);
    color: #FFFFFF;
}

.topoLaranja {
    background: -webkit-gradient(linear, left top, left bottom, from(#FF9933), to(#FF6600));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #FF9933, #FF6600);
    color: #FFFFFF;
}

.topoAmarelo {
    background: -webkit-gradient(linear, left top, left bottom, from(#E3B200), to(#955D00));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #E3B200, #955D00);
    color: #FFFFFF;
}

.topoAzul {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5B7EA4), to(#486B91));
    background-image: -webkit-linear-gradient(top, #5D7B9C, #486B91);
    background-image: -o-linear-gradient(top, #5D7B9C, #486B91);
    background-image: linear-gradient(to bottom, #5D7B9C, #486B91);
    background-image: -moz-linear-gradient(top, #5D7B9C, #486B91);
    color: #FFFFFF;
}

.topoAzulClaro {
    background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#FDFEE2));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #FDFEE2, #E9E9E9);
    color: #003366;
}

.thead > tr > td:first-child {
    -moz-border-bottom-left-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -o-border-bottom-left-radius: 2px;
    -o-border-bottom-right-radius: 2px;
    -ms-border-bottom-left-radius: 2px;
    -ms-border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.thead > tr > td:last-child {
    -moz-border-bottom-left-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -o-border-bottom-left-radius: 2px;
    -o-border-bottom-right-radius: 2px;
    -ms-border-bottom-left-radius: 2px;
    -ms-border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.headLista {
    height: 38px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3689a1), to(#5098AB));
    background-image: -webkit-linear-gradient(top, #3689a1, #5098AB);
    background-image: -o-linear-gradient(top, #3689a1, #5098AB);
    background-image: linear-gradient(to bottom, #3689a1, #5098AB);
    background-image: -moz-linear-gradient(top, #3689a1, #5098AB);
    background-image: -moz-linear-gradient(top, #3689a1, #5098AB);
    box-shadow: unset;
}

.bordaBaixo {
    border-bottom: 1px solid #CCCCCC
}

.boxPadrao .topoPadrao {
    border-bottom: 0px;
}

/*  CAPA */
.boxSemMensagens {
    font-size: 11px;
    padding-left: 25px;
    padding-bottom: 20px;
}

.boxMessagemCapa {
    margin-bottom: 10px;
    float: left;
}

.dadosRemetente {
    font-size: 11px;
    line-height: 140%;
    float: left;
    width: 100%;
    margin-bottom: 6px;
}

.dadosRemetenteRelatorioMensagens {
    font-size: 11px;
    line-height: 140%;
    float: left;
    width: 100%;
    margin-bottom: 6px;
    border-bottom: 1px solid #CCC;
    margin-top: 5px;
}

.dadosRemetenteRelatorio {
    font-size: 11px;
    line-height: 140%;
    float: left;
    width: 100%;
    border-bottom: 1px solid #CCC;
    margin-bottom: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.dadosRespostaRemetente {
    font-size: 11px;
    line-height: 140%;
    float: left;
    width: 100%;
    color: #888888;
    margin-bottom: 6px;
}

.textareaMensagemCapa {
    width: 100%;
    height: 21px;
    float: left;
    background: #F7F7F7;
    border-top: 1px solid #B7B6B0;
    border-left: 1px solid #B7B6B0;
    border-bottom: 1px solid #E5E3DB;
    border-right: 1px solid #E5E3DB;
}

.aindaExistemRecados {
    border-bottom: 1px dotted #AAAAAA;
    padding-bottom: 6px;
    float: left;
    width: 100%;
    padding-top: 6px;
}

.boxTextoMensagem {
    float: left;
    font-size: 11px;
    padding: 3px;
    margin-left: 6px;

    /*border-top:1px solid #B7B6B0; border-left:1px solid #B7B6B0; border-bottom:1px solid #E5E3DB; border-right:1px solid #E5E3DB;*/
}

.boxRespostasMensagensCapa {
    float: right;
    width: 95%;
    padding: 5 0 5 5;
}

.boxMensagensCapa {
    min-height: 370px !important;
}

.boxMensagensCapa .info_item {
    cursor: pointer;

}

.msgCompleto {
    height: 600px !important;
}

.boxMensagemRelatorio {
    border: 1px solid grey;
    margin: 5px 10px;
    padding: 2px 10px;
    width: 96.5%;
}

[class ^="topicoMensagem"] {

}

.topicoMensagem {
    border-bottom: 1px solid #E8E8E8;
    color: #333333;
    width: 95%;
    float: left;
    padding: 5px;
    font-size: 11px;
    background: #FFFFFF;
    cursor: pointer;

}

.topicoMensagem:hover {
    border-bottom: 1px solid #E8E8E8;
    background: #FDFEE2;
    float: left;
    padding: 5px;
    color: #333333;

}

.topicoMensagem:hover, .topicoMensagemNaoLido:hover, .topicoMensagemLido:hover {
    background: #EBECED;
}

.topicoMensagemNaoLido {
    background: #DEEDFE;
    cursor: pointer;
}

.topicoMensagemLido {
    background: #FFFFFF;
    cursor: pointer;
}

.linhaMensagem {
    width: 100%;
    float: left;
    padding-bottom: 6px;
    font-size: 11px;
}

.linhaMensagemRelatorio {
    width: 100%;
    margin-bottom: 10px;
    font-size: 11px;
}

.botaoResponder {
    background: #B0C0E1;
    font-size: 11px;
    cursor: pointer;
    padding: 4px;
    color: #FFF;
    float: left;
    margin-left: 5px;
    font-weight: bold;
}

.boxResposta {
    margin: 4px 0px 4px 4px;
}

/* LEGENDA */

.preLista {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.boxLegenda {
    float: right;
    font-size: 14px;
    margin-bottom: 5px;
    margin-right: 5px;

}

.boxLegenda b {
    float: left;
    padding-left: 12px;
    padding-right: 10px;
    padding-top: 5px;
}

.boxLegenda img {
    float: left;
    padding-left: 4px;
    margin-top: 3px;
}

.boxLegenda span {
    float: left;
    padding-left: 0px;
    padding-top: 5px;
}

/* INTERNA PADRAO  - LISTA */
.topo_secao {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #AAAAAA;
    margin-top: 0px;
    margin-bottom: 3px;
}

.topo_secao h1 {
    float: left;
}

/* �?REA DE LOGIN */
.login {
    padding: 15px;
    margin: 20px;
    width: 280px;
    *width: 340px;
    height: 180px;
    *height: 210px;
    text-align: left;
}

.loginBox {
    display: block;
    padding: 5px;
    width: 320px;
    margin: 0px auto;
    text-shadow: 0px 1px 3px rgba(0, 0, 50, 0.4);

}

.inputLogin {
    width: 250px;
    height: 30px;
    font-size: 15px;
    margin-top: 8px;
    box-shadow: 1px 1px 3px #C3C8CC !important;
}

.nomeCampoLogin {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    float: left;
    width: 64px;
    padding-top: 12px;
    font-size: 15px;
}

.submitLogin {
    border: 1px solid #AEAFB1;
    width: 80px;
    padding: 1px;
    margin-left: 5px;
}

.formLogin {
    margin: 0px auto;
    width: 400px;
    border-radius: 10px;
}

.logo_login {
    width: 100%;
    text-align: center;
}

/*  CAMPOS DE FORM  */
/*input,textarea,select,checkbox,radio,multiple {
	padding: 3px;
	border: 1px solid #B7B6B0;
	/*	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee),
		to(#ffffff) );

	background: -moz-linear-gradient(top, #eeeeee, #ffffff);
		*/
/*-moz-border-radius: 5px 5px 5px 5px; /* FF1+ */
/*-webkit-border-radius: 5px 5px 5px 5px; /* Saf3-4 */
/*border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
/*}*/

input:disabled, textarea:disabled, select:disabled, checkbox:disabled, radio:disabled, multiple:disabled {
    border: 1px solid #DDDDDD;
    color: #999999;
    cursor: default;
}

.selectForm {
    padding: 2px;
    max-width: 250px;
}

/* CLASSES EM EXTINÇAO
.textareaMedio{ width:250px;}
*/
.textareaPequeno {
    width: 200px;
}

.checkbox, .radio {
    width: 12px;
    height: 12px;
}

.selectMultiple {
    height: 118px;
}

/* BOX PADRAO */
.texto_secao {
    display: none;
    padding: 5px;
    width: 99%;
    clear: both;
}

#principal {
    text-align: left;
    height: 100%;
    min-height: 100%;
}

.erro_form input, .erro_form .chosen-container, .erro_form .chosen-container {
    border: 1px solid #B7B6B0;
    border-radius: 4px;
    border-color: #E9322D !important;
    box-shadow: 0 0 6px #F8B9B7 !important;
    -webkit-box-shadow: 0 0 6px #F8B9B7 !important;
    box-shadow: 0 0 6px #F8B9B7 !important;
}

.diverro input {
    border: 2px solid #FF0000;
}

/* ABAS DO FRAMEWORK */
.tabs_fundo {
    float: left
}

.tabs {
    padding: 6px 12px 6px 12px;
    text-align: center;
    float: left;
    cursor: pointer;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin-right: 6px;
    font-weight: bold;
    background: url(../images/botao_padrao.jpg) repeat-x;
    -moz-border-radius: 2px 2px 0px 0px; /* FF1+ */
    -webkit-border-radius: 2px 2px 0px 0px; /* Saf3-4 */
    border-radius: 2px 2px 0px 0px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

.tabs a, .tabs a:visited {
    text-decoration: none;
}

.tabs:hover {
    text-decoration: none;
    background: url(../images/botao_padrao_press.jpg) repeat-x;
}

.tabelaInfo {
    color: #000000;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.td_campo {
    width: 130px;
    font-weight: bold;
    text-align: right;
    background: #E9EDF1;
}

.td_valor {
    width: 90px;
}

.td_valor_maior {
    width: 320px;
    height: 25px;
}

.erros_form {
    display: none;
    background-color: #ffffcc;
    border: 1px solid red;
    color: #FF0000;
    padding: 8px;
}

.td_barra {
    background: #3873AE;
    height: 2px;
    line-height: 1px;
    width: 97%;
    margin-left: 10px;
    margin-bottom: 5px;
}

/*--------------------------*/
/*        FORM              */
/*--------------------------*/
.campoLinha {
    margin-bottom: 3px;
    margin-top: 3px;
}

.form_grupo {
    font-size: 16px;
    font-weight: bold;
    color: #3873AE;
}

.form_label, .label {
    /*height: 16px;*/
    float: left;
    padding: 5px 0 0 0;
    padding-right: 5px;
    text-align: right;
    width: 28%;
}

.campo_label {
    float: left;
    /* height: 16px; */
    padding-top: 4px;
    line-height: 15px !important;
    color: #555;
}

.form_campo, .campo {

    line-height: 140%;
    min-height: 1px;

}

.form_campo > div {
    margin-left: 5px;
}

.campo_radio {
    height: 28px;
    margin-bottom: 10px;
    padding: 4px 3px 3px 3px;
}

.campo_radio > label {
    margin-right: 15px;
    cursor: pointer;
}

.textoExtra {
    padding: 0px 0 0 5px;
    float: left;
}

.campoAlerta {
    border-color: #e9322d !important;
    -webkit-box-shadow: 0 0 6px #f8b9b7 !important;
    -moz-box-shadow: 0 0 6px #f8b9b7 !important;
    box-shadow: 0 0 6px #f8b9b7 !important;
}

.direita_campo {
    display: block;
    left: 252px;
    padding: 4px 0 0 5px;
    position: relative;
}

.direita_ico {
    height: 20px;
}

.direita_ico_22 {
    height: 22px;
}

.ico_padrao {
    height: 17px;
}

.ico_padrao_22 {
    height: 22px;
}

.p_ico_titulo {
    padding-top: 6px;
    padding-left: 15px;
}

.ico_padrao_lista {
    height: 19px;
    /* padding-top: 2px; */

}

.ico_padrao_lista_22 {
    height: 21px;
}

.ico_padrao_lista_24 {
    height: 24px;
}

.ico_padrao_lista_18 {
    height: 18px;
    padding: 1px 0px 0px 1px;
}

.ico_padrao_botao {
    height: 17px;
    padding: 0px 2px 0 2px;
}

.ico_padrao_botao_22 {
    height: 22px;
    padding: 0 2px 0 2px;
}

.ico_seta_lista {
    padding-left: 5px;
}

.ico_head_lista {
    cursor: pointer;
    align: center;
    vertical-align: text-bottom;
    width: 15px;
    padding: 0px 2px 0px 3px;
}

.preIco {
    padding-left: 20%;
}

.ico_ball {
    float: left;
    width: 10px;
    height: 10px;
    position: relative;
    margin: 0px auto 0;
    border-radius: 50%;
    box-shadow: inset -1px -1px 5px rgba(0, 0, 0, 0.2);
    margin: 2px 4px 1px 0px;
}

.ico_ball.status_1 {
    /* verde claro */
    background-color: #c5dbcd;
}

.ico_ball.status_2 {
    /* verde */
    background-color: #6EB46D;
}

.ico_ball.status3 {
    /* cinza */
    background-color: #DDDDDD;
}

.ico_ball.status_4 {
    /* azul */
    background-color: #3d6999;
}

.ico_ball.status5 {
    /* amarelo */
    background-color: #f2f230;
}

.ico_ball.status6 {
    /* vermelho */
    background-color: #bf2f00;
}

.ico_ball.big {
    width: 25px !important;
    height: 25px !important;
    box-shadow: inset -1px -2px 16px rgba(0, 0, 0, 0.4) !important;
}

.ico_ball.prioridade_1 {
    /* vermelho */
    background-color: #e04721;
}

.ico_ball.prioridade_2 {
    /* amarelo */
    background-color: #ffd632;
}

.ico_ball.prioridade_3 {
    /* azul */
    background-color: #3d6999;
}

.ico_ball.prioridade_4 {
    /* verde */
    background-color: #6EB46D;
}

.ico_ball.prioridade_5 {
    /* cinza */
    background-color: #DDDDDD;
}

.form_campo span, .form_campo_visualizar span, .campo span {
    margin: 0px;
    padding: 0px;
}

.form_campo_visualizar {
    float: left;
    width: 70%;
    font-size: 13px;
    padding-right: 2%;
    position: relative;
}

.form_campo_visualizar input {
    border: 1px solid #DDDDDD;
    /*color: #999999;*/
    cursor: default;
}

.form_label_visualizar {
    font-weight: bold;
    float: left;
    width: 26%;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
    padding-right: 2%;
    position: relative;
    padding-top: 4px;
}
#div_busca {
    background: #B1C2D4 !important;
}

.div_campo_visualizar {
    margin-right: 5px;
}

.laranja {
    color: #E17009 !important;
}
.azulzinho {
    color: #09b6e1 !important;
}

.grupoFormBloco {
    overflow-x: hidden;
    /*float: left;
    width: 100%;*/
}

.grupoFormBloco .grupoFormBloco {
    /*	padding-left: 5px;
       padding-right: 5px;*/

}

.grupoInterno {
    width: 98%;
    padding-left: 1%;
    min-height: 40px;
    float: left;
}

.grupoFormTitulo {
    cursor: pointer;
    color: #254B72;
    width: 100%;
    float: left;
    border-bottom: 1px solid #CCCCCC;
    /*
    background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0),
        to(#DBDBDB) );

    background: -moz-linear-gradient(top, #F0F0F0, #DBDBDB);
*/
    background: #F1F1F1;
}

.grupoFormTitulo a {
    float: left;
}

/* DIV CINZA DO GRUPO DO FORM */
.grupoForm {
    padding-bottom: 6px;
    padding-top: 8px;
    background-color: #F8F8F8;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 4px !important;
}

.noLeft {
    margin-left: 0px !important;
}

.noBorder {
    border: 0px !important;
    -moz-box-shadow: 0px 0px 0px !important;
    -webkit-box-shadow: 0px 0px 0px !important;
    box-shadow: 0px 0px 0px !important;
}

.noShadow {
    -moz-box-shadow: 0px 0px 0px !important;
    -webkit-box-shadow: 0px 0px 0px !important;
    box-shadow: 0px 0px 0px !important;
}

.noPadding {
    padding: 0px !important;
}

.noMargin {
    margin: 0px !important;
}

.noSpace {
    margin: 0px !important;
    padding: 0px !important;
}

.grupoFormTitulo a {
    color: #254B72;
    font-size: 13px;
    font-weight: bold;
    line-height: 200%;
    padding-left: 5px;
}

.campoLabel {
    float: left;
    margin-bottom: 2px;
    width: 390px;
    height: 20px;
}

.form_linha {
    width: 50%;
    float: left;
    position: relative;
    min-height: 28px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.form_linha, .form_linha a {
    text-decoration: none;
}

.form_linha:hover {
    background: #FFFFD7;
}

.form_linha_dupla {
    width: 96%;
    padding-top: 4px;
    padding-bottom: 4px;
    clear: both;
}

.form_linha_dupla, .form_linha_dupla a {
    text-decoration: none;
}

.form_linha_dupla hover {
    background: #FFFFD7;
}

.form_label.dupla {
    float: left;
    width: 13.5%;
    /*text-align: right;
    font-size: 11px;
    font-weight: bold;
    line-height: 180%;*/
}

.form_campo.dupla {
        
    font-size: 11px;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    line-height: 180%;
    margin-left: 10px;
}

.barra {
    border-bottom: 1px solid rgba(80, 110, 150, 0.1);
    height: 1px;
    margin: 1px 1px 6px 1px;
}

.barra_titulo {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 3px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.barraFormBottom {
    margin-bottom: 10px;
    padding: 15px 0px 40px;
    float: right;

}

.barraFormBottom .btn-success {
    padding: 12px 30px 12px 30px;
    font-size: 15px;
}

.barraFormNaoBottom {
    padding: 15px 0 0px;
    float: right;
}

/* COMENTARIOS DA TAREFA */
.topoSecaoPostComentario {
    float: left;
    margin-top: 0;
    width: 415px;
}

.boxPostComentario strong {
    float: left;
    padding-left: 15px;
    padding-bottom: 4px;
}

.textComentario {
    height: 70px;
}

.submitComentario {
    height: 60px;
    margin-left: 5px;
    float: left;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

/* CONCILIACAO BANCARIA */
.conciliacao_lista_barra_total {
    border-top: 1px solid black;
}

.tabela_lista_parcelas_conciliar {
    border-spacing: 2px;
    border-collapse: separate;
    font-size: 13px;
}

/* MÓDULO DE MENSAGENS */
.principalMensagens {
    float: right;
    width: 700px;
}

.perfilMensagens {
    float: left;
    width: 250px;
}

#perfil {

}

.boxNovaMensagem {
    border-top: 1px solid #C9D9EF;
    border-left: 1px solid #C9D9EF;
    border-bottom: 1px solid #859AC0;
    border-right: 1px solid #859AC0;
    background: #F5F8FC;
    float: left;
}

.boxNovaMensagem strong {
    float: left;
    width: 100%;
    font-size: 13px;
    padding: 4px;
}

.boxAdicionarProduto {
    border-left: 1px solid #dae1e5;
    -moz-box-shadow: 2px 2px 3px rgba(195, 200, 204, 1);
    -webkit-box-shadow: 2px 2px 3px rgba(195, 200, 204, 1);
    box-shadow: 2px 2px 3px rgba(195, 200, 204, 1);
}

.listaProdutos {
    position: relative;
    width: 100%;
    float: left;
    padding-top: 10px;
}

.boxAdicionarProduto strong {
    font-size: 13px;
}

.parcelasRetorno {
    padding: 20px;
    clear: both;
    text-align: left;
    position: relative;
}

.divLista {
    display: flex !important;
}

.inputLista {
    background-color: #FFFFFF;
    border-top: 1px dotted #666666;
    float: left;
    height: 21px !important;
    margin-bottom: 0;
    margin-top: 0;
    padding: 2px 2px 0px 2px !important;
    width: 100px;
}

.inputLista.obs {
    width: 150px !important;
}

.chkLista {
    height: 10px !important;
    margin-right: 8px !important;
    margin-top: 5px !important;
    width: 10px !important;
}

.div_alerta_campo {
    display: inline-flex;
    position: absolute;
    line-height: 100%;
    float: left !important;
    height: 16px !important;
    padding: 8px 0 8px 6px !important;
    text-align: left;
    color: #FF0000 !important;
    font-weight: bold !important;
    text-shadow: 0 1px 1px rgba(255, 0, 0, 0.15);
    -moz-text-shadow: 0 1px 1px rgba(255, 0, 0, 0.15);
    -webkit-text-shadow: 0 1px 1px rgba(255, 0, 0, 0.15);
}

.textareaMensagens {
    width: 100%;
    height: 50px;
}

.submitMensagem {
    background: #3B5998;
    color: #FFF;
    float: left;
    margin-top: 27px;
    margin-left: 5px;
    font-weight: bold;
}

.registroTarefaCapa {
    width: 97%;
    padding-left: 3px;
    cursor: pointer;
    margin-top: 2px;
    font-size: 10px;
    -moz-box-orient: vertical;
    box-sizing: border-box;
    background-color: #287BBC;
    background: -webkit-gradient(linear, left top, left bottom, from(#287BBC), to(#23639A));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #287BBC, #23639A);
    border-color: #F4F4F4;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #003366;
    cursor: pointer;
    height: 26px;
    font-weight: bold;
    line-height: 24px;
    margin: 0;
    text-decoration: none !important;
    vertical-align: middle;
    white-space: nowrap;
}

.registroTarefaCapa:hover {
    width: 97%;
    padding-left: 3px;
    cursor: pointer;
    margin-top: 2px;
    font-size: 10px;
    -moz-box-orient: vertical;
    box-sizing: border-box;
    background-color: #287BBC;
    background: -webkit-gradient(linear, left top, left bottom, from(#287BBC), to(#23639A));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #287BBC, #23639A);
    border-color: #F4F4F4;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    height: 26px;
    line-height: 24px;
    margin: 0;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    vertical-align: middle;
    white-space: nowrap;
}

.registroProjetoCapa {
    cursor: pointer;
}

.registroProjetoCapa:hover {
    cursor: pointer;
    background: #F2F3D7;
}

/*--------------------------*/
/*        BOTiES            */
/*--------------------------*/
.botaoCinza {
    background: url(../images/bg_menu_topo.jpg) repeat-x;
    border: 1px solid #CCCCCC;
}

.botao {
    float: left;
    text-align: center;
    color: #000;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.botao a {
    color: #FFFFFF;
    text-decoration: none;
}

.botao a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.botao_img {
    float: left;
    padding: 0px 2px 0px 0px;
    image-rendering: optimizespeed !important;
    image-rendering: -webkit-optimize-contrast;
    /*text-align: center;
    width: 20px;
    height: 20px;
    font-weight: bold;
    color: #879DB9;
    text-decoration: none;
    float: left;
    margin: 2px;*/
}

.botao_img a {
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.botao_img a:hover {
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.botao_novo {
    background: url(../images/btn_adicionar.gif) no-repeat #FFFFFF;
}

.botao_editar {
    background: url(../images/editar.jpg) no-repeat #FFFFFF;
}

.botao_visualizar {
    background: url(../images/visualizar.jpg) no-repeat #FFFFFF;
}

.botao_money {
    background: url(../images/money.jpg) no-repeat #FFFFFF;
}

.botao_home {
    background: url(../images/home.jpg) no-repeat #FFFFFF;
}

.botao_salvar {
    background: url(../images/salvar.jpg) no-repeat #FFFFFF;
}

.botao_info {
    background: url(../images/info.jpg) no-repeat #FFFFFF;
}

.botao_excluir {
    background: url(../images/excluir.jpg) no-repeat #FFFFFF;
}

.botao_opcao {
    background: url(../images/opcao.jpg) no-repeat #FFFFFF;
}

/*--------------------------*/
/*        LISTAGEM          */
/*--------------------------*/
.zeroPad {
    padding: 0px !important;
}

.lista {
    font-size: 13px;
    position: relative;
    margin-left: 3px
}

.lista td {
    cursor: pointer;
    padding: 6px 0px 6px 7px;
}

.lista.demonstrativo {
    font-size: 11px;
    border: 1px solid #CCCCCC;
}

.lista.demonstrativo td {
    padding: 4px 1px 4px 2px !important;
    cursor: pointer;
    height: 25px;
    position: relative;
}

.link_demonstrativo {
    color: #003366
}

.link_demonstrativo:hover {
    text-decoration: underline;
    color: #003366
}

.listaFonteMenor {
    font-size: 13px;
    padding: 0px
}

.listaFonteMenor td {
    padding: 5px 0px 5px 6px;
}

.lista_vazia {
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    text-align: center;
    margin: 4px 0px 4px 0px;
    padding: 3px 0px 3px 0px;
}

.lista_total_registros {
    float: left;
    font-size: 14px;
    margin-bottom: 5px;
    font-size: 14px;
    margin-right: 5px;
    padding-top: 5px;
}

.lista_cabecalho {
    height: 26px !important;
    color: #FFF;
    background: #5d7b9c; /* Old browsers */
    background: -moz-linear-gradient(top, #5d7b9c 0%, #486b91 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d7b9c), color-stop(100%, #486b91)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5d7b9c 0%, #486b91 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5d7b9c 0%, #486b91 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5d7b9c 0%, #486b91 100%); /* IE10+ */
    background: linear-gradient(to bottom, #5d7b9c 0%, #486b91 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d7b9c', endColorstr='#486b91', GradientType=0); /* IE6-9 */
    background: #5d7b9c; 
}

.lista_cabecalho_vermelho {
    background: #d23232; /* Old browsers */
    background: -moz-linear-gradient(top, #d23232 0%, #bf2d2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d23232), color-stop(100%, #bf2d2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d23232 0%, #bf2d2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d23232 0%, #bf2d2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d23232 0%, #bf2d2d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d23232 0%, #bf2d2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d23232', endColorstr='#bf2d2d', GradientType=0); /* IE6-9 */
    background: #e74c3c;

}

.lista_cabecalho_verde {
    background: #35c42a; /* Old browsers */
    background: -moz-linear-gradient(top, #35c42a 0%, #32b227 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #35c42a), color-stop(100%, #32b227)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #35c42a 0%, #32b227 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #35c42a 0%, #32b227 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #35c42a 0%, #32b227 100%); /* IE10+ */
    background: linear-gradient(to bottom, #35c42a 0%, #32b227 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35c42a', endColorstr='#32b227', GradientType=0); /* IE6-9 */
    background: #2ecc71;

}

.lista_cabecalho_azul {
    background: #3776d5; /* Old browsers */
    background: -moz-linear-gradient(top, #3776d5 0%, #3571cc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3776d5), color-stop(100%, #3571cc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3776d5 0%, #3571cc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3776d5 0%, #3571cc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3776d5 0%, #3571cc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3776d5 0%, #3571cc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3776d5', endColorstr='#3571cc', GradientType=0); /* IE6-9 */
    background: #3498db;
    

}

.lista_cabecalho_laranja {
    background: url(../images/bg_cabecalho_laranja.jpg) repeat-x;
    background: #e67e22;
}

.lista_cabecalho a {
    height: 20px;
    padding-left: 4px;
    color: #FFFFFF;
}

.lista_cabecalho a:hover {
    text-decoration: none;
    color: #EFFF79;
}

.lista_linha_clara {
    background-color: #FFFFFF;
    height: 20px;
    color: #222222;
    border-bottom: 1px solid #D5D5D5;
}

.lista_linha_escura {
    background-color: #E9E9E9;
    height: 20px;
    color: #222222;
    border-bottom: 1px solid #D5D5D5;
}

.lista_linha_bem_escura {
    background-color: #F4F4F4;
    height: 20px;
    color: #333333;
    border-bottom: 1px solid #D5D5D5;
}

.lista_linha_clara:hover, .lista_linha_escura:hover {
    height: 20px;
    background-color: #FDFEE2;
    color: #000000;
    border-bottom: 1px solid #D5D5D5;
}

.lista_linha_selecionada {
    height: 20px;
    background-color: #FDFEE2;
    color: #000000;
}

.lista_linha {
    border-bottom: 1px solid #D5D5D5;
}

.lista_linha.destaque {
    background-color: #FFFFCE !important;
}

.lista_linha.segundo-nivel {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

.lista_linha.primeiro-nivel {
    background-color: #eaec3f4f !important;
}

.linha_verde {
    background-color: #E9FECC !important;
}

.lista_linha.total {
    background-color: #FFFFBA !important;
}

.lista_linha td {
    line-height: 120% !important;
}

.total_listagem {
    float: right;
    margin-right: 30px;
    font-size: 11px;
}

.total_listagem h2 {
    float: right;
    margin-right: 30px;
    font-size: 16px;
}

.lista_acao_desabilitada {
    pointer-events:none; 
    background-color: rgba(0,0,0,0.25) !important;
}

.grupo_coluna_listagem1 {
    background-color: #F3F3FA;
}

.grupo_coluna_listagem2 {
    background-color: #F3FAF3;
}

.item_selecionado {
    background-color: #F3F3F3;
    color: #000000;
    padding-left: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #CCCCCC;
}

.item_selecionado_hover {
    background-color: #FFF7E5;
    color: #000000;
    padding-left: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #CCCCCC;
}

.janelaInserirItem {
    width: 100%;
    padding: 3px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.janelaInserirItemBloco {
    float: left;
    width: 300px;
    min-height: 25px;
}

.janelaInserirItemBlocoQuebra {
    clear: both;
    width: 100%;
    min-height: 20px;
}

.janelaInserirItemLabel {
    float: left;
    padding-top: 4px;
    width: 100px;
    height: 25px;
    margin-right: 4px;
}

.janelaInserirItemCampo {
    float: left;
    padding-top: 4px;
    width: 250px;
    height: 25px;
    margin-right: 4px;
}

.barraFinalizacaoFundo {
    background: #666666;
    height: 21px;
    width: 110px;
}

.barraFinalizacao {
    background: #6EB56D repeat-x;
    height: 21px !important;
    position: relative;
    top: -18px !important
}

.valorBarraFinalizacao {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 1px 1px 1px #3e663e;
    position: relative;
    padding-top: 4px;
    z-index: 1;
}

.boxBorda p {
    line-height: 170%;
}

/* ESTOQUE */
.boxEntrada {
    border: 1px solid #CCCCCC;
    background-color: #F3F3F3;
    padding: 10px;
    padding-top: 0px;
}

.boxEntrada h1 {
    margin-top: 5px;
}

.boxEntrada h2 {
    margin-top: 5px;
}

/* MENU */
.acesso_rapido {
    list-style-image: url("../images/list.gif");
    line-height: 18px;
    color: #003366;
}

.acesso_rapido_modulo {
    float: left;
    text-align: center;
    font-size: 14px;
    color: #003366;
}

.acesso_rapido_botoes {
    height: 40px;
    float: left;
}

.acesso_rapido_botoes_int {
    float: left;
}

.acesso_rapido a {
    color: #7F8590;
}

.acesso_rapido a:hover {
    color: #000000;
}

#cssdropdown, #cssdropdown ul {
    list-style: none;
    background: #666;
}

#cssdropdown, #cssdropdown * {
    padding: 0;
    margin: 0;
}

/* Head links */
#cssdropdown li.headlink {
    width: 100px;
    float: left;
    margin-left: -1px;
    border: 1px black solid;
    background-color: #e9e9e9;
    text-align: center;
}

#cssdropdown li.headlink a {
    display: block;
    padding: 15px;
}

/* Child lists and links */
#cssdropdown li.headlink ul {
    display: none;
    border-top: 1px black solid;
    text-align: left;
}

#cssdropdown li.headlink:hover ul {
    display: block;
    width: 200px;
}

#cssdropdown li.headlink ul li a {
    padding: 5px;
    height: 17px;
}

#cssdropdown li.headlink ul li a:hover {
    background-color: #333;
}

/* Pretty styling */
#cssdropdown a {
    color: white;
}

#cssdropdown ul li a:hover {
    text-decoration: none;
}

#cssdropdown li.headlink {
    background: #333
}

#cssdropdown li.headlink ul {
    background-image: url(../images/bg.gif);
    background-position: bottom;
    padding-bottom: 10px;
}

/*  RODAPE  */
.tituloAtalho {
    font-size: 13px;
    font-weight: bold;
    color: #254B72;
    padding: 2px 2px 2px 2px;
    float: left;
    /* background-image: url(../images/seta_topo.gif); background-position: 58px 10px; background-repeat:no-repeat; */
    cursor: pointer;
}

.tituloAtalhoHover {
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #254B72;
    padding: 5px;
    float: left;
    background-image: url(../images/seta_topo.gif);
    background-position: 58px 10px;
    background-repeat: no-repeat;
}

.botaoAtalho {
    cursor: pointer;
    font-size: 11px;
    border: 1px solid #A2A2A2;
    color: #FFFFFF;
    padding: 5px;
    width: 100px;
    background: url("../images/topo_fundo.jpg") repeat-x scroll 0 0 #29355D;
}

.boxAtalhos {
    padding: 2px;
    position: fixed;
    bottom: 2px;
    left: 61px;
    background: #FFF;;
    border: 1px solid #CDCDCD;
    width: 60px;
    padding-left: 10px;
}

.botaoBug {
    background: white;
    float: left;
    border: 1px solid #CDCDCD;
    position: fixed;
    padding: 3px;
    left: 35px;
    bottom: 2px;
}

.concatenaAtalhos {
    float: left;
}

.botaoAnotacoes {
    text-align: center;
    float: left;
    background: #FFFFFF;
    cursor: pointer;
    position: relative;
    left: 5px;
    bottom: 0px;
    padding: 2px 2px 3px 2px;
    margin: 3px 0px 2px 0px;
    z-index: 999;
    border: 1px solid #CDCDCD;
}

.boxAnotacao {
    display: none;
    padding: 8px 10px 30px 10px;
    width: 500px;
    position: fixed;
    bottom: 0px;
    left: 10px;
    z-index: 0;
}

.boxAnotacao strong {
    float: left;
    clear: both;
    padding-bottom: 6px;
}

.botaoMensagens {
    text-align: center;
    width: 23px;
    cursor: pointer;
    padding: 4px;
    -moz-border-radius: 5px 5px 0px 0px; /* FF1+ */
    -webkit-border-radius: 5px 5px 0px 0px; /* Saf3-4 */
    border-radius: 5px 5px 0px 0px; /* Opera 10.5, IE 9, Saf5, Chrome */
    background: url(../images/botao_padrao_press.jpg) repeat-x;
    position: absolute;
    right: 130px;
    bottom: 0px;
}

.botaoTemMensagens {
    text-align: center;
    float: left;
    width: 23px;
    cursor: pointer;
    padding: 4px;
    -moz-border-radius: 5px 5px 0px 0px; /* FF1+ */
    -webkit-border-radius: 5px 5px 0px 0px; /* Saf3-4 */
    border-radius: 5px 5px 0px 0px; /* Opera 10.5, IE 9, Saf5, Chrome */
    background: #CE2320;
    position: absolute;
    right: 130px;
    bottom: 0px;
}

.botaoTarefas {
    cursor: pointer;
    float: left;
    position: absolute;
    top: 6px;
    left: -160px;
}
.botaoTarefas span {
    float: left;
    padding: 1px 4px 1px 4px;
}

.botaoTarefas strong {
    float: left;
    padding: 7px 2px 1px 4px;
}

.prioridade1:hover {
    background: url("../images/1_g.jpg") repeat-x bottom;
}

.grupoTrabalho {
    margin-top: -2px;
    display: none;
}

.grupoTrabalho img {
    margin: 4px;
}

.grupoTrabalhoUsuario {
    background: #395E88 !important;
}

.grupoTrabalhoUsuario:hover {
    background: #33557A !important
}

.grupoTrabalhoNome {
    padding-left: 5px;
    padding-top: 8px;
}

.janelaTarefas {
    width: 243px;
    padding: 5px 0px 5px 0px;
    -moz-border-radius: 5px 5px 0px 0px; /* FF1+ */
    -webkit-border-radius: 5px 5px 0px 0px; /* Saf3-4 */
    border-radius: 5px 5px 0px 0px; /* Opera 10.5, IE 9, Saf5, Chrome */
    background: url(../images/botao_padrao_hover.jpg) repeat-x #FFFFFF;
    position: absolute;
    top: 40px;
    left: -247px;    
    z-index: 998;
}

.janelaTarefas strong {
    padding-left: 10px;
    float: left;
}

.boxRegistrosTarefas {
    float: left;
    width: 100%;
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
    position: relative;
    top: 0px;
    color: #003366;
}

.boxRegistrosTarefas li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.registroTarefas {
    cursor: pointer;
    background: #FFF;
    font-size: 11px;
    padding: 4px 4px 5px 4px;
    border-bottom: 1px solid #DFDFDF;
}

.registroTarefas strong {
    color: #427DB1;
}

.registroTarefas span {
    padding-left: 10px;
}

.registroTarefasHover span {
    padding-left: 10px;
}

.registroTarefasHover {
    position: relative;
    background: #FDFEE2;
    color: #000000;
    font-size: 11px;
    margin: 0px;
    cursor: pointer;
    z-index: 999;
    border-bottom: 1px solid #DFDFDF;
}

.detalheTarefa {
    display: none;
}

.registroTarefasHover .detalheTarefa {

    display: none !important;

    text-align: justify;
    display: block;
    line-height: 140%;
    width: 400px; /*height:300px;*/
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px 5px 5px 5px; /* FF1+ */
    -webkit-border-radius: 5px 5px 5px 5px; /* Saf3-4 */
    border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    background: #FDFDFD;
    -moz-box-shadow: 0 0 2px #E5E5E5;
    -webkit-box-shadow: 0 0 2px #E5E5E5;
    box-shadow: 0 0 2px #E5E5E5;
    cursor: default;
}

.registroTarefasHover .detalheTarefa strong {
    color: black;
}

.boxAcoesTarefas {
    border: 1px solid #CCCCCC;
    background: white;
    padding: 3px;
    margin-top: 5px;
    float: right;
    width: 100px;
}

.boxAcoesTarefas a {
    color: #666666;
    float: left;
    width: 100%;
}

.boxAcoesTarefas a:hover {
    text-decoration: underline;
}

.boxAcoesTarefas span {
    font-weight: bold;
    color: #333333;
    width: 100%;
}

.prioridadeMaxima {
    background: url(../images/prioridade_maxima.jpg) repeat-x #D42426;
}

.prioridadeAlta {
    background: url(../images/prioridade_alta.jpg) repeat-x #F09631;
}

.prioridadeMedia {
    background: url(../images/prioridade_media.jpg) repeat-x #FECE3F;
}

.prioridadeBaixa {
    background: url(../images/prioridade_baixa.jpg) repeat-x #33C018;
}


#lista_notificacoes{
    max-height: 370px;
    overflow-y: auto;
}

#lista_notificacoes::-webkit-scrollbar {
    width: 10px;
    background: transparent;
}

#lista_notificacoes::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px;
    border: 2px solid #eee;
}


/* Projetos */
.boxPasta {
    padding-top: 10px;
    padding-bottom: 10px;
}

.camposArquivos {
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
}

.boxAddArquivos {
    display: block;
    position: absolute;
    width: 33%;
    box-shadow: 1px 2px 11px #555;
    z-index: 100;
}

.boxPermissaoArquivos {
    display: block;
    padding: 2%;
    float: left;
    width: 95%;
}

.noPointer {
    cursor: normal;
}

.tituloPasta {
    float: left;
    padding: 4px 8px 2px 10px;
    font-size: 14px;
    color: #405E80;
    text-shadow: 1px 0px 1px rgba(51, 85, 122, 0.1);
}

.itemArquivo {
    border-top: 1px solid #EEEEEE;
    padding-top: 5px;
    float: left;
    width: 100%;
}

.itemDocumento {
    border-bottom: 1px solid #CCC;
    padding: 0 10px;
}

.textoDescricao {
    width: 50px;
    height: 20px;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}

#tooltip h3, #tooltip div {
    margin: 0;
}

#clienteTabs li {
    font-size: 14px;
}

#listaContatos p, #listaRelacionamentos p {
    line-height: 140%;
}

#form_novo_contato div {
    line-height: 140%;
}

.botaoToggleRodape {
    cursor: pointer;
    width: 26px;
    height: 26px;
    float: right;
    cursor: pointer;
    z-index: 998;
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    right: 5px;
}

.lista_nome_projeto {
    font-family: Arial;
    text-decoration: strong;
    font-size: 15px;
    color: black;
    border-bottom: 1px #E5E3DB solid;
}

.titulo_status {
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    text-decoration: strong;
    font-size: 14px;
    padding-top: 20px;
    padding-left: 30px;
}

.f_red {
    color: red;
}

.f_green {
    color: green;
}

.grupo_imposto {
    border-bottom: 1px dotted;
    background: #666666;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 10px;
    height: 30px;
}

.grupo_sub_imposto {
    border-bottom: 1px dotted;
    background: #999999;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 10px;
    height: 30px;
}

.grupo_imposto span {
    font-size: 15px;
}

.grupo_sub_imposto span {
    font-size: 15px;
}

.dadosColuna b {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    width: 200px;
}

.plano_contas_raiz {

}

.plano_contas_botoes_raiz {

}

.plano_contas_botoes_sub {
    float: right;
}

.plano_contas_subPlanos {
    display: block;
}

.plano_contas_filho {
    margin-left: 20px;
}

.break {
    page-break-after: always;
}

.nobreak {
    page-break-inside: avoid;
}

.bar {
    height: 0px;
    font-size: 10px;

    color: #FFF !important;
    cursor: initial !important;
    padding-left: 3px;

    background: url(../images/ui/pboverlay.png) repeat-x #486B91;
}

.bordaVerde {
    border: 1px solid green;
}

.liErros {
    padding-left: 12px;
    text-indent: -10px;
    margin-top: 8px;
}

#treinamento {
    line-height: 140%;
    color: #000000
}

#treinamento img {
    /* box-shadow: 10px 10px 5px #CCCCCC; */

}

.treinamentos {
    padding: 5px 5px 4px 25px;
    margin-bottom: 1px !important;
}

.treinamentos .dre-video{
    width: 500px;
    height: 289px;
    margin: 0 auto;
    margin-top: 60px;
}

.registroInteracao {
    list-style-type: none;
    width: 100%;
    float: left;
    font-size: 13px;
    clear: both;
    padding: 4px 0px 4px 0px;
    margin: 0px;
    cursor: pointer;
}

.registroInteracao .registroInteracaoTitulo {
    background-color: #E9E9E9;
}

.registroInteracao:hover .registroInteracaoTitulo {
    background-color: #FDFEE2;
}

.registroInteracao:hover .registroInteracaoTitulo {
    color: #FF6600;
}

.registroInteracaoTitulo {
    font-weight: bold;
    padding: 3px;
}

.totalMenor {
    font-size: 14px;
    color: #888888;
}

.totais_lista {
    padding: 5px 5px 15px 15px;
    font-size: 16px;
    color: #33557A;
    text-align: right;
    width: 40%;
    float: right;
    margin: 5px 0px 0px 0;
}

.tdTotaisPequeno {
    font-size: 11px;
}

.totais_lista > tbody > tr > td:first-child {
    width: 68%; /* era 20% */
}

/*
.registroInteracao strong {
	float: left;
	padding-left: 3px;
}


.registroInteracao ul {
	width: 100%;
}

.registroInteracao li {
	clear: both;
	width: 95%;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

.detalheInteracao {
	padding: 10px;
	width: 90%;
	float: left;
	background: #E8E8E8;
}

.detalheInteracao p {
	padding: 4px;
	float: left;
	clear: both;
}

.detalheInteracao a {
	padding: 4px;
	float: left;
	clear: both;
}
*/
.aviso_plano {
    position: fixed;
    margin: 0 auto;
    bottom: 3px;
    left: 30%;
    z-index: 9999
}

.botao_contratar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #5BB75B;
    background-image: linear-gradient(to bottom, #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    width: auto;
    font-size: 14px;
    height: 17px;
    padding: 9px 5px;
    font-weight: bold;
}

.botao_contratar_expirado1 {
    background-image: linear-gradient(to bottom, #AC2023, #DE4B4E);
    border-color: #666666;
}

.botao_contratar_expirado2 {
    border-color: #666666;
    background-image: linear-gradient(to bottom, #C66B06, #FF6600);
}

/* DASHBOARD */
.widget {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    margin: 0 auto 10px;
    position: relative;
    width: 30%;
    float: left;
    margin-left: 2%;
    margin-top: 2%;

    min-height: 160px;
}

.widget > .widget-head .heading.glyphicons {
    display: block;
    padding: 0 0 0 35px;
    width: auto;
}

.widget > .widget-head .heading {
    color: #45484D;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px;
}

.widget > .widget-head > .glyphicons, .widget > .widget-head ul .glyphicons {
    height: 30px;
    padding: 0;
    width: 30px;
}

.widget > .widget-head {
    color: #FFFFFF;
    line-height: 30px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.widget > .widget-head {
    background: url("../images/mosaic-pattern.png") repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #E5E5E5;
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 0;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.widget .widget-body.list {
    color: #575655;
    padding: 0;
}

.widget .widget-body {
    padding: 10px;
}

.collapse.in {
    height: auto;
}

.collapse {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.35s ease 0s;
}

.widget .widget-body.list ul {
    list-style: none outside none;
    margin: 0;
}

.widget ul, .widget ol {
    margin: 0 0 10px 25px;
    padding: 0;
}

.widget .widget-body.list {
    color: #575655;
}

.widget .widget-body.list ul li:first-child {
    border-top: medium none;
}

.widget .widget-body.list ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    clear: both;
    height: 39px;
    line-height: 39px;
    padding: 0 10px;
    text-align: left;
}

.count {
    font-size: 15pt;
    font-weight: 400;
    color: #496CAD;
    float: right;
}

.widget .widget-body.list ul {
    list-style: none outside none;
}

.widget .widget-body.list {
    color: #575655;
}

.widget-stats, .widget-stats:hover, .widget-stats:focus {
    text-decoration: none;
}

.widget-stats {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2) inset, -1px -1px 1px rgba(0, 0, 0, 0.02) inset;
    color: #222222;
    display: block;
    width: 33%;
    min-height: 71px;
    margin: 0;
    padding: 20px 0;
    position: relative;
    text-align: center;
}

.loading {
    background: #c1c39a;
    color: #303030;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
    width: 450px;
    margin: 0px auto;
    display: none;
    border-radius: 4px;
}

.botaoAcoes i {
    padding: 0;   
}

.dd-list [class*="isw-"], .dd-list [class*="isb-"], .dd-list [class*="icon-"] {
    padding-top: 0px !important;
    margin-right: 6px !important;
    margin-left: 8px !important;
}

.esquerdo {
    text-align: left;
}

.botaoAcoesSpan {
    top: -2px;
    position: relative;
}

.botaoAcoes [class ^="isw-"] {
    margin-top: 2px;
    margin-right: 6px;
}

.botaoAcoes [class ^="icon-"], .botaoVoltar [class ^="icon-"] {
    /*margin-top: 3px;*/
   /*margin-right: 6px;*/
}

.bgSize20 {
    background-size: 20px 20px;
}

.boxInterno {
    padding-right: 5px;
    padding-left: 5px;
}

.prl5 {
    padding-right: 5px;
}

:focus {
    outline: 0px;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/******* LOADER *******/
.ball {
    background-color: rgba(0, 0, 0, 0);
    border: 4px solid rgba(255, 255, 255, 1);

    border-top: 4px solid rgba(255, 255, 255, 0.2);
    border-left: 4px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    box-shadow: 0 0 35px #486A92;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    float: left;
    -webkit-animation: spin 0.7s infinite linear;
    -moz-animation: spin 0.7s infinite linear;
    -o-animation: spin 0.7s infinite linear;
    animation: spin 0.7s infinite linear;

}

/******* LOADER *******/
.small_ball {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid rgba(255, 255, 255, 1);
    border-top: 2px solid rgba(255, 255, 255, 0.2);
    border-left: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    box-shadow: 0 0 35px #486A92;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    -webkit-animation: spin 0.7s infinite linear;
    -moz-animation: spin 0.7s infinite linear;
    -o-animation: spin 0.7s infinite linear;
    animation: spin 0.7s infinite linear;
    float: left;
}

.busca_prod_label {
    float: left;
    height: 16px;
    padding: 6px 4px 8px 0px;
    text-align: right;
    width: 39%;
    font-weight: bold;
    white-space: nowrap;
}

.inteiro {
    width: 100% !important;
}

.metade {
    width: 24% !important;
}

.busca_prod_campo {
    float: left;
    width: 58%;
}

.busca_prod_campo_chk {
    float: left;
    height: 28px;
    padding: 4px 4px 0px 0px;
    text-align: right;
    width: 40%;
    font-weight: bold;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }

}

@-moz-keyframes spinoff {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
    }

}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }

}

@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }

}

/* LOADING */

#loader {
    position: fixed;
    top:0;
    z-index: 100002;
    width: 100%;
    height: 100%;
    display: none;
}

#loader_overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
}

.loader_bg {
    z-index: 9998;
    position: absolute;
    width: 100%;
    height: 100%;    
    background: rgba(0,0,0,.65);
}

.loader_interno {
    top: 100px;
    display: block;
    margin: 0 auto;
    /*opacity: 0.9;*/
    padding: 16px;
    width: 100%;
    z-index: 99999;
    position: absolute;
    overflow: hidden;
    clear: both;
}

.div_loader_overlay {
    position: absolute;
    min-height: 20px;
    z-index: 1;
}

.loader_icone {
    float: left;
}

.loader_texto {
    text-shadow: 0 1px 1px #339099;
    -moz-text-shadow: 0 1px 1px #339099;
    -webkit-text-shadow: 0 1px 1px #339099;
    padding: 2px 0 8px 60px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
}

.loader_div {
    position: relative;
    display: block;
    margin: 0px auto;
    /*opacity: 0.7;*/
    padding: 8px;
    max-height: 20px;
    width: 100px;
    z-index: 99998;
    -moz-box-shadow: 0 0 1px #82A4CC;
    -webkit-box-shadow: 0 0 1px #82A4CC;
    box-shadow: 0 0 1px #82A4CC;
}

.div_loader_texto {
    text-shadow: 0 1px 1px #486A92;
    -moz-text-shadow: 0 1px 1px #486A92;
    -webkit-text-shadow: 0 1px 1px #486A92;
    padding-left: 20px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

#loader .spinner {
    position: relative;
    font-size: 18px;
    width: 116px;
    height: 67px;
    margin: 83px auto;
    z-index: 99998;
    background: url('../images/aguia.gif') no-repeat scroll -6px 0px transparent;
    color: #FFF;
    opacity: 1;
    padding-top: 90px;
}

/*NOVO LOADER -- CUSTOMIZAÇÃO DD*/
.container-loader{
    margin-top: 97px;
    text-align: center;
    z-index: 99999;
    position: relative;
}
.container-loader .text-loader{
    color: #fff;
    padding: 12px 0;
    display: block;
}
.sk-folding-cube {
    margin: 20px auto;
    width: 78px;
    height: 78px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);    
  }

  .sk-simbol{
      height: 72px;
      width: 72px;
      position: absolute;
      top: 0;
      left:0;
      background: url('../images/simbol_loader.png');
      background-size: 100%;
      transform: rotateZ(-45deg);
  }
  
  .sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); 
  }
  .sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
            animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  .sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
            transform: scale(1.1) rotateZ(90deg);
  }
  .sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
            transform: scale(1.1) rotateZ(180deg);
  }
  .sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
            transform: scale(1.1) rotateZ(270deg);
  }
  .sk-folding-cube .sk-cube1:before {
      background: #fff url('../images/loader/bk-sk-cube-01.png');
    }
    .sk-folding-cube .sk-cube2:before {
        background: #fff url('../images/loader/bk-sk-cube-02.png');
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
    .sk-folding-cube .sk-cube3:before {
        background: #fff url('../images/loader/bk-sk-cube-03.png');
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s; 
    }
    .sk-folding-cube .sk-cube4:before {
        background: #fff url('../images/loader/bk-sk-cube-04.png');
    -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s;
  }
  @-webkit-keyframes sk-foldCubeAngle {
    0%, 10% {
      -webkit-transform: perspective(140px) rotateX(-180deg);
              transform: perspective(140px) rotateX(-180deg);
      opacity: 0; 
    } 25%, 75% {
      -webkit-transform: perspective(140px) rotateX(0deg);
              transform: perspective(140px) rotateX(0deg);
      opacity: 1; 
    } 90%, 100% {
      -webkit-transform: perspective(140px) rotateY(180deg);
              transform: perspective(140px) rotateY(180deg);
      opacity: 0; 
    } 
  }  
  @keyframes sk-foldCubeAngle {
    0%, 10% {
      -webkit-transform: perspective(140px) rotateX(-180deg);
              transform: perspective(140px) rotateX(-180deg);
      opacity: 0; 
    } 25%, 75% {
      -webkit-transform: perspective(140px) rotateX(0deg);
              transform: perspective(140px) rotateX(0deg);
      opacity: 1; 
    } 90%, 100% {
      -webkit-transform: perspective(140px) rotateY(180deg);
              transform: perspective(140px) rotateY(180deg);
      opacity: 0; 
    }
  }

  /* LOADER 02 - Loader Cicle */
.container-loader-cicle{
    font-size: 7px;
    height: 90px;
    width: 90px;
    padding: 10px;
    background: #fff;
    border-radius: 100%;
    position: relative;
    z-index: 9999;
    margin: 0 auto;
    top: 50%;
    margin-top: -40px;
    box-shadow: 0 2px 20px rgba(0,0,0,.3);
    box-sizing: border-box;
}

.loader-circle,
.loader-circle:before,
.loader-circle:after {
  border-radius: 50%;
}
.loader-circle {
  color: #ed2327;  
  text-indent: -99999em;
  margin: 0 auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader-circle:before,
.loader-circle:after {
  position: absolute;
  content: '';
}
.loader-circle:before {
  width: 5.2em;
  height: 10.2em;
  background: #fff;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.2em 5.1em;
  transform-origin: 5.2em 5.1em;
  -webkit-animation:    load2 2s infinite ease 1.5s;
  animation:            load2 2s infinite ease 1.5s;
}
.loader-circle:after {
  width: 5.2em;
  height: 10.2em;
  background: #fff;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 5.1em;
  -webkit-transform-origin: 0px 5.1em;
  transform-origin: 0px 5.1em;
  -webkit-animation:    load2 2s infinite ease;
  animation:            load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

  



  /*END -- NOVO LOADER -- CUSTOMIZAÇÃO DD*/

#loader .spinner:after {
    content: "";
    position: absolute;
    border: 0em solid rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    border-radius: inherit;
}

@-webkit-keyframes mask {
    0% {
    }
    25% {
        -webkit-transform: rotate(270deg);
    }
    50% {
        -webkit-transform: rotate(90deg);
    }
    75% {
        -webkit-transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
    }
}

@keyframes mask {
    0% {
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    50% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

.white {
    color: #FFFFFF
}

.feed-time {
    background: url('../images/sprite.png') no-repeat -147px -230px;
    font-size: 11px;
    color: #555;
    position: absolute;
    top: 9px;
    right: 22px;
    padding-left: 12px;
}

.banner {

    border-radius: 4px 4px 4px 4px;
}

.botaoGrande {
    box-shadow: 1px 1px 3px #C3C8CC;
    font-size: 17px !important;
    padding-top: 12px !important;
    padding-bottom: 14px !important;
    width: 215px !important;
    margin-left: 64px;
    height: 50px;
}

.esqueceuSenha {
    /*font-size: 13px;*/
    padding-left: 102px;
    /*text-shadow: 0px 1px 3px rgba(0, 0, 50, 0.75);*/

    padding-top: 5px;
    clear: both;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold !important;
    text-shadow: 0px 1px 3px rgba(0, 0, 50, 0.4) !important;
}

.mentions-input-box {
    position: relative;
    background: #fff;
}

.mentions-input-box textarea {
    width: 100%;
    display: block;
    height: 18px;
    padding: 9px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    overflow: hidden;
    background: transparent;
    position: relative;
    outline: 0;
    resize: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mentions-input-box .mentions-autocomplete-list {
    display: none;
    background: #fff;
    border: 1px solid #b2b2b2;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10000;
    margin-top: -2px;

    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
}

.mentions-input-box .mentions-autocomplete-list ul {
    margin: 0;
    padding: 0;
}

.mentions-input-box .mentions-autocomplete-list li {
    background-color: #fff;
    padding: 0 5px;
    margin: 0;
    width: auto;
    border-bottom: 1px solid #eee;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
}

.mentions-input-box .mentions-autocomplete-list li:last-child {
    border-radius: 5px;
}

.mentions-input-box .mentions-autocomplete-list li > img,
.mentions-input-box .mentions-autocomplete-list li > div.icon {
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    background-origin: 3px;

    border-radius: 3px;
}

.mentions-input-box .mentions-autocomplete-list li em {
    font-weight: bold;
    font-style: none;
}

.mentions-input-box .mentions-autocomplete-list li:hover,
.mentions-input-box .mentions-autocomplete-list li.active {
    background-color: #f2f2f2;
}

.mentions-input-box .mentions-autocomplete-list li b {
    background: #ffff99;
    font-weight: normal;
}

.mentions-input-box .mentions {
    bottom: 0px;
    color: #FFF;
    overflow: hidden;
    position: absolute;
    right: 0px;
    box-sizing: border-box;
    left: 1px;
    top: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 20px;
    padding: 9px;
    font-size: 14px;
}

.mentions-input-box .mentions > div {
    color: #fff;
    white-space: pre-wrap;
    width: 100%;
}

.mentions-input-box .mentions > div > strong {
    font-weight: normal;
    background: #d8dfea;
}

.mentions-input-box .mentions > div > strong > span {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.bgMention {
    background: none repeat scroll 0% 0% #D8DFEA;
}

.divHelp {
    cursor: pointer;
    float: left;
    /* padding: 3px 3px 0px 3px; */
    font-size: 0;
}

.qtip {
    z-index: 99999 !important
}

#erroRelacionamentoRetorno {
    margin-bottom: 9px;
}

#relacionamentos .barraFormBottom {
    margin-bottom: 0px;
    padding: 10px 0px 0px;
}

.botoesProjeto .botaoAcoes {
    width: 113px;
}

.row-form .botoesProjeto {
    margin-bottom: 7px !important;
}

.novo_evento select {
    visibility: visible !important;
}

.miniHead {
    width: 30%;
    height: 7%;
    margin-bottom: 10px !important;
    padding: 9px 0px 0px 9px !important;
}

[class ^="tarefaPrioridade"] {
    margin: 4px;
    padding: 3px 5px;
    border-radius: 3px;
    font-weight: bold;
    line-height: 14px;
    float: left;
}

.tarefaPrioridade1 {
    background: none repeat scroll 0% 0% #D42426;
}

.tarefaPrioridade2 {
    background: rgb(240, 150, 49);
}

.tarefaPrioridade3 {
    background: rgb(253, 203, 53);
}

.tarefaPrioridade4 {
    background: rgb(51, 192, 24);
}

.control {
    text-align: center;
    margin-left: 10px !important;
    width: 86%;
}

.control a {
    margin-left: -4px;
}

.control span {
    height: auto;
}

.lista_linha > .listaPequena {
    cursor: pointer !important;
}

.equipeMobile {
    display: none;
}

.equipeDesktop {
    display: block;
}

.videoOverlay {
    height: 165px;
    position: fixed;
    position: fixed;
    right: 0px;
    z-index: 999;
    width: 100%;

}

.videoOverlay.open {
    bottom: 0px;
}

.videoOverlay.closed {
    bottom: -155px;
}

.videoOverlay {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 999;
    width: 100%;
    margin: 0px;
    height: 185px;
    background-color: rgba(0, 0, 0, 0.6);
}

.barraMinimiza {
    height: 20px;
    padding-top: 5px;
}

.barraMinimiza:hover {
    background: rgba(240, 240, 255, 0.1);
    cursor: pointer;
}

.videoItem:first-child {
    border-left: 0px solid !important;
}

.videoItem {
    height: 145px;
    width: 250px;
    border-left: 2px solid rgba(200, 200, 210, 0.2);
    float: left;
}

.subgrupo {
    padding-left: 15px;
    display: none;
}

.modalContainer {
    position: absolute;
    top: 0px;
    width: 100%;
}

.circular {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
}

.headLista .divHelp {
    display: inline-flex !important;
    padding: 0px !important;
    float: unset;
    vertical-align: middle;
}

.forum .info {
    background: none;
}

.search_input {
    padding-top: 8px;
    padding-left: 10px;
    padding-bottom: 8px;
    margin-bottom: 20px;

}

.tabela_totais_comercial {
    width: 100%;
}

.tabela_totais_comercial tr td {
    border-left: 2px solid #AAAAAA;
    padding: 8px;
}

.tabela_totais_comercial tr td:first-child {
    border-left: none;
}

.tabela_totais_comercial tr td:first-child {
    border-left: none;
}

.tabela_totais_comercial tr:hover {
    background-color: #EEEEEE;
    cursor: pointer;
}

.flex {
    display: inline-flex;
}

.anuncio_oi {
    display: none;
    padding-left: 4px;
    padding-top: 10px;
}

.botao_minhaoi {
    display: none
}

.eventosCapa {
    min-height: 266px;
}

.eventosCapaBox {
    height: 133px;
}


.divAcoes {
    display: inline-flex;
    margin-right: 2px;
}

.textoExtraGrande {
    width: 250px;
    font-size: 11px;
    line-height: 1.4em;
}

.botaoAcoes .isw-settings {

}

#popup_prompt { max-width:300px !important;}

.mfp-content {
    width:55% !important;
}



















/* ========================================================================
 * bootstrap-tour - v0.10.1
 * http://bootstraptour.com
 * ========================================================================
 * Copyright 2012-2013 Ulrich Sossou
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.tour-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background-color: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.tour-step-backdrop {
    position: relative;
    z-index: 1101;
    background: inherit;
}
.tour-step-backdrop > td {
    position: relative;
    z-index: 1101;
}
.tour-step-background {
    position: absolute !important;
    z-index: 1100;
    background: inherit;
    border-radius: 6px;
}
.popover[class*="tour-"] {
    z-index: 9999;
}
.popover[class*="tour-"] .popover-navigation {
    padding: 9px 14px;
}
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
    float: right;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
    cursor: pointer;
}
.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
    cursor: default;
}
.popover[class*="tour-"].orphan {
    position: fixed;
    margin-top: 0;
}
.popover[class*="tour-"].orphan .arrow {
    display: none;
}


#chat-box { width:300px;padding:8px;}

/* CSS Tree menu styles */
div#menu_arvore_base_conhecimento {

}

div#menu_arvore_base_conhecimento ol.tree {
    padding: 0 0 0 30px;
    width: 300px;
}

div#menu_arvore_base_conhecimento li {
    position: relative;
    margin-left: -15px;
    list-style: none;
    line-height:16px !important;
}

div#menu_arvore_base_conhecimento li.file {
    margin-left: -1px !important;
}

div#menu_arvore_base_conhecimento li.file a {
    color: #000;
    padding-left: 21px;
    text-decoration: none;
    display: block;
}

div#menu_arvore_base_conhecimento li.file a[href *= '.pdf']	{ background: url(document.png) 0 0 no-repeat; }

div#menu_arvore_base_conhecimento li input {
    position: absolute;
    left: 0;
    margin-left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    top: 0;
}

div#menu_arvore_base_conhecimento>ol>li>ol {
    background: none !important;
}

div#menu_arvore_base_conhecimento li input + ol {
    background: url('../images/toggle-small-expand.png') 40px 0 no-repeat;
    margin: -1.5em 0 0 -40px; /* 15px */
    height: 1em;
}

div#menu_arvore_base_conhecimento li input + ol:empty {
    background: none;
}

div#menu_arvore_base_conhecimento li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
div#menu_arvore_base_conhecimento li label {
    /*background: url(folder-horizontal.png) 15px 1px no-repeat;*/
    cursor: pointer;
    display: block;
    padding-left: 20px;
}

div#menu_arvore_base_conhecimento li input:checked + ol {
    background: url('../images/toggle-small.png') 40px 5px no-repeat;
    margin: -1.8em 0 0 -44px; /* 20px */
    padding: 2.4em 0 0 80px;
    height: auto;
}
div#menu_arvore_base_conhecimento li input:checked + ol:empty {
    background: none;
    margin: -1.5em 0 0 -40px;
    height: 1em;
    padding: inherit;
}
div#menu_arvore_base_conhecimento li input:checked + ol > li { display: block; margin: 0 0 1em;  /* 2px */}
div#menu_arvore_base_conhecimento li input:checked + ol > li:last-child { margin: 0.250em 0 0.063em; /* 1px */ }

#form_modal_compartilhar ul.chosen-choices {
    min-width: 516px !important;
    height: 90px !important;
}

ul.chosen-choices li.search-field input {
    width:100% !important;
}

#form_modal_compartilhar li.search-field input {
    min-width: 500px !important;
}

#conteudo_titulo_base_conhecimento {
    margin: 0px;
    line-height: 38px;
    padding-bottom: 10px;
    font-size: 32px;
    text-shadow: 1px 0px 1px rgba(51, 85, 122, 0.3);
    -moz-text-shadow: 1px 1px 1px rgba(51, 85, 122, 0.3);
    -webkit-text-shadow: 1px 1px 1px rgba(51, 85, 122, 0.3);
    font-weight: normal !important;
    font-family: 'Oswald', Arial, sans-serif;
    color: #33557A;
    word-break: break-all;
}

#conteudo_titulo_base_conhecimento textarea {
    border:none !important;
    margin: 0px !important;
    line-height: 38px !important;
    font-size: 32px !important;
    text-shadow: 1px 0px 1px rgba(51, 85, 122, 0.3) !important;
    -moz-text-shadow: 1px 1px 1px rgba(51, 85, 122, 0.3) !important;
    -webkit-text-shadow: 1px 1px 1px rgba(51, 85, 122, 0.3) !important;
    font-weight: normal !important;
    font-family: 'Oswald', Arial, sans-serif !important;
    color: #33557A !important;
    width:100% !important;
    box-shadow: none !important;
    resize: none !important;
    overflow: hidden !important;
    max-height: none !important;
    min-height: 38px !important;
    padding: 0 !important;
}
#conteudo_titulo_base_conhecimento textarea:focus {
    border:none !important;
    margin: 0px;
    line-height: 38px;
    font-size: 32px;
    text-shadow: 1px 0px 1px rgba(51, 85, 122, 0.3);
    -moz-text-shadow: 1px 1px 1px rgba(51, 85, 122, 0.3);
    -webkit-text-shadow: 1px 1px 1px rgba(51, 85, 122, 0.3);
    font-weight: normal !important;
    font-family: 'Oswald', Arial, sans-serif;
    color: #33557A;
    width:100%;
    box-shadow: none !important;
    resize: none !important;
    overflow: hidden !important;
    max-height: none !important;
    min-height: 38px !important;
    padding: 0 !important;
}

/* ############################################ css arquivos base conhecimento ############################## */
.plupload {
    border: #CECECE solid 1px;
}

.plupload_wrapper * {
    box-sizing: content-box;
}

.plupload_button {
    display: -moz-inline-box; /* FF < 3*/
    display: inline-block;
    font: normal 12px sans-serif;
    text-decoration: none;
    color: #42454a;
    border: 1px solid #bababa;
    padding: 2px 8px 3px 20px;
    margin-right: 4px;
    outline: 0;

    /* Optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.plupload_button:hover {
    color: #000;
    text-decoration: none;
}

.plupload_disabled, a.plupload_disabled:hover {
    color: #737373;
    border-color: #c5c5c5;
    cursor: default;
}

.plupload_add {
    background-position: -181px center;
}

.plupload_wrapper {
    font: normal 11px Verdana,sans-serif;
    width: 100%;
}

.plupload_container {
    padding: 8px;
    /*-moz-border-radius: 5px;*/
}

.plupload_container input {
    border: 1px solid #DDD;
    font: normal 11px Verdana,sans-serif;
    width: 98%;
}

.plupload_header_content {
    min-height: 56px;
    padding-left: 60px;
    color: #FFF;
}
.plupload_header_title {
    font: normal 18px sans-serif;
    padding: 6px 0 3px;
}
.plupload_header_text {
    font: normal 12px sans-serif;
}

.plupload_filelist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.plupload_scroll .plupload_filelist {
    height: 185px;
    background: #F5F5F5;
    overflow-y: scroll;
}

.plupload_filelist li {
    padding: 10px 8px;
    border-bottom: 1px solid #DDD;
}

.plupload_filelist_header, .plupload_filelist_footer {
    background: #DFDFDF;
    padding: 8px 8px;
    color: #42454A;
}
.plupload_filelist_header {
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #CDCDCD;
}

.plupload_filelist_footer {border-top: 1px solid #FFF; height: 22px; line-height: 20px; vertical-align: middle;}
.plupload_file_name {float: left; overflow: hidden}
.plupload_file_status {color: #777;}
.plupload_file_status span {color: #42454A;}
.plupload_file_size, .plupload_file_status, .plupload_progress {
    float: right;
    width: 100px;
}
.plupload_file_size, .plupload_file_status, .plupload_file_action {text-align: right;}

.plupload_filelist .plupload_file_name {
    width: 205px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.plupload_file_action {
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 15px;
}

.plupload_file_action * {
    display: none;
    width: 16px;
    height: 16px;
}

li.plupload_done {color:#AAA}

li.plupload_delete a {
}

li.plupload_failed a {
    cursor: default;
}

li.plupload_done a {
    cursor: default;
}

.plupload_progress, .plupload_upload_status {
    display: none;
}

.plupload_progress_container {
    margin-top: 3px;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 1px;
}
.plupload_progress_bar {
    width: 0px;
    height: 7px;
    background: #CDEB8B;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action {
    margin-right: 17px;
}

/* Floats */

.plupload_clear,.plupload_clearer {clear: both;}
.plupload_clearer, .plupload_progress_bar {
    display: block;
    font-size: 0;
    line-height: 0;
}

li.plupload_droptext {
    background: transparent;
    text-align: center;
    vertical-align: middle;
    border: 0;
    line-height: 165px;
}

/* ############################################ css arquivos base conhecimento ############################## */

/*seta os valores default do elemento para ignorar estilos ja utilizados nele*/
.reset-this {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top: auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
}

.mce-path,.mce-wordcount  {/* CSS */
    display: none !important;
}

.selectComCores {    
    cursor: pointer;
    border-radius: 3px;
    margin: 5px 0;
    min-height: 18px;
    /*padding: 0 28px;*/
    text-align: center;
    position: relative;
    -webkit-transition: padding 85ms,margin 85ms,box-shadow 85ms;
    transition: padding 85ms,margin 85ms,box-shadow 85ms;
    color: #fff;
    font-weight: 700;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;    
    white-space: nowrap;
}

.chosen-container .chosen-results li.selectComCores{    
    margin: 5px 0;
    padding: 8px 4px;
    line-height: 16px!important;
}
.form-group .chosen-container-single .chosen-single span.selectComCores{
    margin:0;
    margin-right: 26px;
}

.ns_nerveSlider .ns_filmstrip {
    bottom: 20px !important;
    top: auto !important;
}

.ns_nerveSlider .ns_filmstrip::-webkit-scrollbar
{
    width: 12px;
    height: 4px;
}

.ns_nerveSlider .ns_filmstrip::-webkit-scrollbar-track
{
    background: #f9f9f9;
}

.ns_nerveSlider .ns_filmstrip::-webkit-scrollbar-thumb
{
    background: #73a4d9;
}

.foto_usuario_feed {
    width: 100px;
    height: 54px;
}

.oculto {
    display:none !important;
}


.header-capa {
    padding: 7px 10px 8px 00px;height: 17px;font-weight: bold;
    margin-top:5px;
}

.evento-container { background-color: #F9F9F9; margin-bottom:15px;}

#banners {margin-top:5px !important;}

#menu { margin-top:5px;}

input.errorPhone {
    border: 1px solid #FF7C7C;
}

#valid-msg {
    color: #00C900;
}

#error-msg {
    color:red;
}
.pac-container { z-index: 100000 !important; }



/*CSS - Nova Lista*/
#nova_lista{
    font-size: 13px;
}
#nova_lista th{
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3689a1), to(#5098AB));
    background-image: -webkit-linear-gradient(top, #3689a1, #5098AB);
    background-image: -o-linear-gradient(top, #3689a1, #5098AB);
    background-image: linear-gradient(to bottom, #3689a1, #5098AB);
    color: white;
}
#nova_lista [aria-label*="CPF"]{
    width: 115px !important;
}

.dataTables_length{
        margin-bottom: 7px;
}

.dataTables_length select{
    visibility: visible !important;
    width: 80px;
    height: 30px;
}


#grupo_nfce_10,
#grupo_nfe_notas_10,
#grupo_nfse_6 {
    height: 180px;
    overflow: auto;
    overflow-x: hidden;
}