@import url('https://fonts.googleapis.com/css?family=Oxygen:400,700&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');


html {
    scroll-behavior: smooth;
}

body {
	background-color:#F5F6FA;
    font-family: 'Oxygen', sans-serif;
    margin:0px;
    border:0px;
    outline:0px;
    box-sizing: border-box;
    animation-delay: 1.5s;
    animation: body_fade_in 0.5s normal forwards ease-in-out;
    overflow-x:hidden;
    overflow-y:hidden;
    font-size: 13px;
    
}

form {
    margin:0px;
}

div {
    box-sizing: border-box;
}

@keyframes body_fade_in {
    from { opacity: 0 }
    to   { opacity: 1 }
}

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

.display-inline {
    display: inline-block !important;
}




/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.1); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(195,200,215,0.99);
    transition: all 0.35s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(170,176,194,0.99);
    transition: all 0.35s ease-in-out;
}














/******************************************************************/

.blocos_entrada {
    display: inline-block;
    margin: 5px;
}


/******************************************************************/

/*
.cor_principal {
    color:#3C57A1;
}

.cor_secundaria {
    color:#F7941E;
}
*/

.tb_A {
    font-family: 'Oxygen', sans-serif;
}

.form_A * {
    font-family: 'Oxygen', sans-serif;
}

a {
    text-decoration: none;
}

.tb_A a {
    color: #3c57a1;
    text-decoration: none;
}


.form_A a {
    color: #2c3c63;
    text-decoration: none;
}

.quadradinho_cor {
    display: inline-block;
    font-size: 2px;
    height: 13px;
    width: 13px;
    border-radius: 2px;
    vertical-align: text-bottom;
    transform: translateY(0px);
}


/*

//body { background-color:#FDFDFD; }

*/


.form_A input, textarea {
    border:0px;
    padding:13px;
	background-color:#F2F3F6;
	color:#4E5B73;
	border-radius:7px;
	font-size: 16px;
	font-family: 'Oxygen', sans-serif;
	/*width:calc(100% - 65px) !important;*/
	width:calc(100% - 0px) !important;
	box-sizing: border-box;
	border:1px solid #F2F3F6;
	transition: all 0.15s ease-in-out;
}


.form_A input:hover,
textarea:hover {
	background-color:#E4E7EF;
	border:1px solid #E4E7EF;
	transition: all 0.15s ease-in-out;
}

.form_A input:focus,
textarea:focus {
	background-color:#fff;
	border:1px solid #3C57A1;
	transition: all 0.15s ease-in-out;
    box-shadow: 0 0 0 0;
    outline: 0;	
}

.form_A textarea {
    min-height:100px;
    font-size: 14px;
    font-family: 'Oxygen', sans-serif;
    padding: 10px;
    margin-bottom: 10px;
}





.form_A select, .tb_A select, .tb_A_dados select  {
    padding: 13px;
    background-color: #F2F3F6;
    color: #4E5B73;
    border-radius: 7px;
    font-size: 16px;
    font-family: 'Oxygen', sans-serif;
    /*width: calc(100% - 0px) !important;*/
    box-sizing: border-box;
    border: 1px solid #F2F3F6;
    transition: all 0.15s ease-in-out;
    outline: 0;	
}

.form_A select:focus, .tb_A select:focus, .tb_A_dados select:focus {
    border:1px solid #3C57A1;
}



.form_A select:hover {
	background-color:#E4E7EF;
	border:1px solid #E4E7EF;    
}


.form_A select option {
    padding: 13px;
    font-size: 16px;
    font-family: 'Oxygen', sans-serif;
}

.form_A input[type="radio"] {
    vertical-align: middle;
    margin: 0 2px;
    border: 0;
    width: unset !important;
}

.tdoculta {
    height: 0px ! important;
    margin: 0px ! important;
    padding: 0px ! important;
    border: 0px ! important;
}

img {
    border: 0;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}



/******************************************************************/
/*********** AJUSTE NO TAMANHO DOS CAMPOS COM MAXLENGTH ***********/
/******************************************************************/





input[maxlength="16"] {
    width:190px !important;
}

input[maxlength="15"] {
    width:170px !important;
}

input[maxlength="14"] {
    width:170px !important;
}

input[maxlength="13"] {
    width:170px !important;
}

input[maxlength="12"] {
    width:150px !important;
}

input[maxlength="11"] {
    width:140px !important;
}

input[maxlength="10"] {
    width:120px !important;
}

input[maxlength="9"] {
    width:120px !important;
}

input[maxlength="8"] {
    width:120px !important;
}

input[maxlength="4"] {
    width:70px !important;
}

input[maxlength="2"] {
    width:50px !important;
}






input[size="55"] {
    width:450px !important;
}

input[size="21"] {
    width:250px !important;
}

input[size="20"] {
    width:250px !important;
}

input[size="18"] {
    width:200px !important;
}

input[size="16"] {
    width:150px !important;
}

input[size="12"] {
    width:150px !important;
}

input[size="11"] {
    width:150px !important;
}

input[size="10"] {
    width:150px !important;
}

input[size="6"] {
    width:90px !important;
}

input[size="5"] {
    width:90px !important;
}

input[size="4"] {
    width:90px !important;
}

input[size="3"] {
    width:90px !important;
}

input[size="2"] {
    width:70px !important;
}

input[value="1"] {
    width:50px !important;
    text-align: center;
}





.select_data_minuto {
    width: 60px !important;
    padding: 6px !important;
}


input[max="100"] {
    width:120px !important;
}

input[type="number"] {
    width:120px !important;
}



/************************* RADIO BUTTON E CHECKBOX *****************************************/


input[type="radio"] {
    width: unset !important;
    cursor: pointer;
}

input[type="checkbox"] {
    vertical-align: middle;
    margin: 2px 2px 3px 3px;
    border: 0;
    max-width: 30px;
    cursor: pointer;
    width: unset !important;
}

/************************* RADIO BUTTON E CHECKBOX *****************************************/





/******************************************************************/
/*********** AJUSTE NO TAMANHO DOS CAMPOS COM MAXLENGTH ***********/
/******************************************************************/















/******************************************************************/

.tabelasNovas {
    border-collapse: collapse;
}

.tabelasNovas tr td {
    border: 1px solid #CCC;
    padding: 2px;
}

.alHor {
    margin-left: auto;
    margin-right: auto;
}

.tbCenter {
    margin: 0 auto;
    text-align: left;
}

.oculto {
    display: none;
}

.exibe {
    display: block;
}

.mouse_pointer {
    cursor: pointer;
}

.tb_abre {
    background: url(../_elementos/tabela_seta_abre.png) no-repeat;
    width: 19px;
    height: 18px;
    cursor: pointer;
}

.tb_fecha {
    background: url(../_elementos/tabela_seta_fecha.png) no-repeat;
    width: 19px;
    height: 18px;
    float: right;
    cursor: pointer;
    margin: 7px 5px 0 0;
}

.tb_alert_c1 {
    background: #C00;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px 6px 0 6px;
    padding: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.tb_alert_c2 {
    background: #FC0;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px 6px 0 6px;
    padding: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.tb_alert_c3 {
    background: #FFF;
    color: #333;
    margin: 5px 6px 0 6px;
    padding: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.tb_alert_c4 {
    background: #1B47D9;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px 6px 0 6px;
    padding: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.tdResp {
    padding:5px 0px;
    word-break: break-word;
    font-size: 14px;
    color:#4E5B73;
    border-bottom: 1px solid #c5cad855;
    vertical-align: middle !important;
}

.tdResp a:hover {
    text-decoration: underline !important;
}

.tdResp strong {
    display: block;
    padding: 10px 0px 5px 0px;
}

.tdResp_subCampos {
    display: inline-block;
    margin: 5px 5px 5px 0px;
    vertical-align: top;
}

/* Este seletor siginifica: primeiro elemento do tipo SPAN entre seus irmãos */
.tdResp_subCampos > span {
    display: block;
    padding: 15px 0px 5px 0px;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 500;    
}


.tdPerg {
    border:0px;
    color: #4E5B73;
	font-size: 14.3px;
    /*min-width:150px !important;*/
    width: 200px !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 500;
    border-bottom: 1px solid #c5cad855;
    padding: 7px 25px 7px 5px !important;
    vertical-align: middle !important;
}

.tdDados {
    border:0px;
    color: #4E5B73;
	font-size: 14.3px;
    font-family: 'Oxygen', sans-serif !important;
    border-bottom: 1px solid #c5cad855 !important;
    padding: 7px 5px 7px 5px !important;
    vertical-align: top !important;
}

.tdDados a:hover {
    text-decoration: underline !important;
}

.tdResp_subCampos div {
    display: block;
    font-family: 'Raleway', sans-serif !important;
}

.tdResp_subCampos div b {
    display: block;
    font-family: 'Raleway', sans-serif !important;
}





.tb_A {
    background-color: #FFFFFF;
    border:0px;
    margin: auto;
    box-shadow: 0px 10px 20px 0px rgba(195,200,215,0.6);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 40px 0px;
    margin-bottom:20px;
}

.tb_A_tit {
    text-align: left;
    color: #3c57a1;
    font-size: 16px;
    position: relative;
    background-color: #fff;
    padding: 0px 40px 15px 40px;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.tb_A_dados table {
    width:100%;
}



.tb_A_tit::before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left:40px;
    display: none; /* esconder ícones dos tit */
}

.tb_A_subtit {
    text-align: center;
    color: #444444;
    font-weight: bold;
    font-size: 14px;
    position: relative;
}

.tb_A_tit span {
    display: block;
    margin: 5px 0px;
    font-size: 11px;
    color: #9ea9bd;
}









.tb_A_nav {
    background-color: #F5F6FA;
    color: #036;
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 40px;
    min-height: 20px;
    padding: 10px;
    overflow:auto;
    box-sizing: border-box;
    min-height: 48px;  
    display: flex;
    justify-content: space-between;    
}

.tb_A_nav span.esquerda {
    float: left;
    display: inline-block;
    margin-right: 20px;
    display: flex;
}

.tb_A_nav span.centro {
    display: inline-block;
    margin-top: 0px;
    padding: 6px 15px;
    font-size: 12px;
}

.tb_A_nav span.direita {
    float: right;
    display: flex;
}

.tb_A_nav span.direita a {
    display: inline-block;
    background-color: #fff;
    border-radius: 2px;
    min-height: 28px;
    min-width: 28px;
    color: #3c57a1;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0px 6px;
    text-align: center;
    margin-left: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 28px;
}

.tb_A_nav span.direita a i {
    line-height: 28px;
}

.tb_A_nav span.direita a:hover {
    background-color:#3c57a1;
    color:#fff;
}

.tb_A_nav span.direita a:hover span i {
    color:#fff;
}

.tb_A_nav span.direita a:hover span {
    color:#fff;
}

.tb_A_nav span.direita a span {
    color:#2c3c63;
    padding: 0px 6px;
}




.tb_A_space {
    border: 0px solid !important;
    background-color: #FFFFFF !important
}

.tb_A_total_conta {
    border-top-style: solid;
    border-top-color: #000000;
    border-top-width: 1px;
    font-weight: bold;
    border-bottom: 0px !important;
}

.tb_A table {
    text-align: left;
    border-collapse: collapse;
    border: 0;
}



.tb_A_dados {
    background-color: #FFF;
    height: auto;
    margin: 0px 40px;
    margin-bottom: 0px;
    /*border-bottom: 1px solid #c3c8d7;*/
    /*overflow-x: auto;
    overflow-y: hidden;*/
}

.tb_A_form {
    background-color: #FFF;
    height: auto;
    margin: 40px 40px;
}



.tb_A_dados thead {
    border-bottom: 1px solid #c3c8d7;
}

.tb_A_dados a {
    color: #3c57a1;
}


.tb_A_dados table {
    text-align: left;
    border-collapse: collapse;
}

.tb_A_dados thead tr {
    border-bottom: 1px solid #c3c8d7;
}

.tb_A_dados thead th {
    color: #3c57a1;
    min-height: 15px;
    /*text-align: left;*/
    padding: 10px 5px;
    border-bottom: 1px solid #c3c8d7;
    vertical-align: bottom;
    font-size: 13px;
    overflow: hidden;
}

.tb_A_dados tfoot th {
    background-color: #014282;
    color: #FFFFFF;
    padding: 2px;
    border: 1px solid #08233D;
    min-height: 15px;
}

.tb_A_dados tr.par {
    background-color: #FFFFFF;
}

.tb_A_dados tr.impar {
    background-color: #f6f7f9;
}

.tb_A_dados tr.selected {
    transition: all 0.15s ease-in-out;
}

.tb_A_dados tr.selected td {
    color:#fff !important;
    background-color:#3c57a1;
    transition: all 0.15s ease-in-out;
    border-bottom: 1px solid #ffffff55;
    white-space: unset !important;
    word-break: unset !important;
    text-overflow: unset;
    vertical-align: top;
}

.tb_A_dados tr.selected td a {
    color:#fff;
    transition: all 0.15s ease-in-out;
}


.tb_A_dados tr.impar:hover {
    background-color:#e7e9ef;
}

.tb_A_dados tr.par:hover {
    background-color:#e7e9ef;
}


/*
.tableFixed tr:hover {
    background-color:#e7e9ef !important;
}*/


.tb_A_dados tr.selected:hover {
    
}

.tb_A_dados tr {
    
}
















.tb_A_dados td {
    border-spacing: 0px;
    padding: 5px;
    color: #2c3c63;
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    padding: 7px 15px 7px 5px;
    /*vertical-align: top;*/
}

.tb_A_dados td.tdSubtit_1 {
    color: #3c57a1;
    padding: 8px 4px;
    font-weight: bold;
    font-size: 13px;
    border-top: 20px solid #fff;
    border-bottom: 1px solid #3c57a1;
}

.tb_A_dados td.tdSubtit_2 {
    background-color: #c3c8d7;
    color: #3c57a1;
    padding: 12px;
    font-weight: bold;
    font-size: 16px;
    border-top: 20px solid #fff;
}

.tb_A_dados td.tdSubtit_3 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_A_dados td.tdSubtit_4 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_A_dados td.detalhes {
    height: 0;
    margin: 0;
    padding: 0 !important;
    border: 0;
    background-color: #FFF;   
}


.tb_A_dados div.detalhes_div {
    display: none;
    padding: 20px;
    border: 1px solid #c3c8d7;
    /*overflow: hidden; <<<< compromete cortando SmartSelect */
    background-color: #F5F6FA;
    margin-top: -1px;
}

.tb_A_dados div.detalhes_div div.form_A {
    /*display: inline-block;*/
}



.tb_A_dados div.detalhes_div div.tb_A {
    /*display: inline-block;*/
}

.tb_A_dados_clean {
    background-color: #FFF;
    height: auto;
    margin: 6px;
}

.tb_A_dados_clean table {
    border: 1px solid #CCCCCC;
}

.tb_A_dados_clean thead th {
    background-color: #014282;
    color: #FFFFFF;
    padding: 2px;
    border: 1px solid #072B4E;
    min-height: 15px;
    text-align: center;
}

.tb_A_dados_clean tfoot th {
    background-color: #014282;
    color: #FFFFFF;
    padding: 2px;
    border: 1px solid #072B4E;
}

.tb_A_dados_clean tr.par {
    background-color: #FFFFFF;
}

.tb_A_dados_clean tr.impar {
    background-color: #F5F5F5;
}

.tb_A_dados_clean tr.selected {
    background-color: #F6A84B
}

.tb_A_dados_clean tr.impar:hover {
    background-color: #FAE4C9
}

.tb_A_dados_clean tr.par:hover {
    background-color: #FAE4C9
}

.tb_A_dados_clean tr.selected:hover {
    background-color: #FAE4C9
}

.tb_A_dados_clean td {
    border-bottom: 1px solid #C784FF;
    padding: 2px;
}

.tb_A_dados_clean td.tdSubtit_1 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_A_dados_clean td.tdSubtit_2 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_A_dados_clean td.tdSubtit_3 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_A_dados_clean td.tdSubtit_4 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_A_dados_clean td.detalhes {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #FFF;
}

.tb_A_dados_clean div.detalhes_div {
    display: none;
    padding: 3px;
}








.tb_A_acoes {
    margin: 0px 40px 0px 40px;
    /*border-top: 1px solid #c3c8d7;*/
}

.tb_A_acoes ul {
    margin: 0 auto;
    text-align: right;
    display: block;
    min-height: 30px;
}

.tb_A_acoes li {
    display: inline-block;
    list-style: none;
    width: auto;
    padding: 10px 0px 0px 0px;
}







.tb_A_acoes a {
	text-decoration: none;
    color: #3C57A1;
    border: 1px solid #aab0c2;
    background-color: #FFF;
    border-radius: 5px;
    display: block;
    font-size: 13px;
    padding: 5px 25px 6px 25px;
    text-transform: uppercase;
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.6, 1);
    margin: 0px 0px 0px 10px;
    line-height: 28px;
    text-align: center;
}

.tb_A_acoes_a100p {
    margin: 0px 0px 10px 0px !important;
    text-align: center !important;
    padding:4px 0px !important;
}




.tb_A_acoes a:hover {
    /*transform: translateY(-2px);*/
	transition: all 0.15s ease-in-out;
    box-shadow: 2px 10px 18px -4px rgba(60,87,161,0.35);
    color: #FFF;
    background-color: #3C57A1;
    border: 1px solid #3C57A1;      
}

.tb_A_acoes a:active {
    transform: scale(0.96);
	transition: all 0.08s ease-in-out;
}

.tb_A_acoes a span {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.tb_A_acoes a i {
    /*não descomentar, pois some com alguns icones de botões, como no detalhe da atividade*/
    /*color:#fff !important;*/
    transition: all 0.15s cubic-bezier(0.4, 0, 0.6, 1);
    font-size: 13px;
    margin-right:5px;
}

.tb_A_acoes a:hover i {
    color:#fff !important;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.6, 1);
}

.tb_A_acoes a:active i {
    color:#fff !important;
}
















.tb_A_acoes a .acoes {
    display: inline-block;
    vertical-align: middle;
}

.tb_A_acoes a span.quadradinho_cor {
    margin-right: 5px;
    width: 11px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
}

.tb_A_Acoes ul li a span.bt_enviar {
    content: url(../_elementos/enviar.svg);
    width: 20px;
}

.tb_A_acoes ul li a span.bt_filtrar {
    background: url(../_elementos/icones_acoes.png) 0px -1px;
}

.tb_A_acoes ul li a span.bt_sel_adic {
    background: url(../_elementos/icones_acoes.png) -20px -1px;
}

.tb_A_acoes ul li a span.bt_sel_remov {
    background: url(../_elementos/icones_acoes.png) -40px -1px;
}

.tb_A_acoes ul li a span.bt_ticado {
    background: url(../_elementos/icones_acoes.png) -60px -1px;
}

.tb_A_acoes ul li a span.bt_remover {
    background: url(../_elementos/icones_acoes.png) -80px -1px;
}

.tb_A_acoes ul li a span.bt_adicionar {
    background: url(../_elementos/icones_acoes.png) -100px -1px;
}

.tb_A_acoes ul li a span.bt_grafico {
    background: url(../_elementos/icones_acoes.png) -120px -1px;
}

.tb_A_acoes ul li a span.bt_pesquisar {
    background: url(../_elementos/icones_acoes.png) -140px -1px;
}

.tb_A_acoes ul li a span.bt_edit {
    background: url(../_elementos/icones_acoes.png) -160px -1px;
}

.tb_A_acoes ul li a span.bt_salvar {
    background: url(../_elementos/icones_acoes.png) -180px -1px;
}

.tb_A_acoes ul li a span.bt_exp_excel {
    background: url(../_elementos/icones_acoes.png) -200px -1px;
}

.tb_A_acoes ul li a span.bt_exp_pdf {
    background: url(../_elementos/icones_acoes.png) -220px -1px;
}

.tb_A_acoes ul li a span.bt_exp_gdocs {
    background: url(../_elementos/icones_acoes.png) -240px -1px;
}

.tb_A_acoes ul li a span.bt_iniciar {
    background: url(../_elementos/icones_acoes.png) -260px -1px;
}

.tb_A_acoes ul li a span.bt_cancela {
    background: url(../_elementos/icones_acoes.png) -280px -1px;
}

.tb_A_acoes ul li a span.bt_atualizar {
    background: url(../_elementos/icones_acoes.png) -300px -1px;
}

.tb_A_acoes ul li a span.bt_imprimir {
    background: url(../_elementos/menunovo/famfamfam_icons_edit/printer.png)
}

.tb_A_acoes ul li a span.bt_sortear {
    background: url(../_elementos/but_campanha_sortear_20p20.png)
}

.tb_A_acoes ul li a span.bt_atv_coment {
    background: url(../_elementos/ico_atividades_comentario.png)
}

.tb_A_acoes ul li a span.bt_atv_arqs {
    background: url(../_elementos/ico_atividades_storage.png)
}

.tb_A_acoes ul li a span.bt_atv_mail {
    background: url(../_elementos/ico_atividades_email.png)
}

.tb_A_acoes ul li a span.bt_atv_hist {
    background: url(../_elementos/ico_atividades_pendencias.png)
}

.tb_A_acoes ul li a span.bt_atv_follow {
    background: url(../_elementos/ico_atividades_followup.png)
}

.tb_A_acoes ul li a span.bt_atv_crono {
    background: url(../_elementos/ico_atividades_historico.png)
}

.tb_A_acoes ul li a span.bt_atv_form {
    background: url(../_elementos/ico_formulario.png)
}

.tb_A_acoes ul li a span.bt_atv_atv {
    background: url(../_elementos/ico_atividades_release.png)
}

.tb_A_acoes ul li a span.bt_contr_dbordo {
    background: url(../_elementos/menunovo/famfamfam_icons_edit/book_addresses.png)
}

.tb_A_acoes ul li a span.bt_contr_calendario {
    background: url(../_elementos/menunovo/famfamfam_icons_edit/date.png)
}

.tb_A_acoes ul li a span.bt_observador {
    background: url(../_elementos/icones_acoes_observador.png);
}

.tb_A_acoes ul li a span.bt_lista {
    background: url(../_elementos/menunovo/famfamfam_icons/application_view_list.png);
    width: 16px;
    height: 16px;
}

.tb_A_acoes ul li a span.bt_meta_producao {
    background: url(../_elementos/icones_misasi/ativos/metas_de_producao.png);
    background-size: 20px 20px;
}

.tb_A_acoes ul li a span.bt_meta_producaov1 {
    background: url(../_elementos/icones_misasi/ativos/metas_de_producao.png);
    background-size: 114px 114px;
}

.tb_A_acoes ul li a span.bt_baixar {
    background: url(../_elementos/but_download_transparente.png) -300px -1px;
    background-repeat: round;
}

.icon-eye {    
    background: url(../_elementos/icon-eye.png) no-repeat;
    margin-left: -25px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.icon-eye-off {
    background: url(../_elementos/icon-eye-off.png) no-repeat;
    margin-left: -25px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.icon-google {    
    background: url(../_elementos/google.png) no-repeat;
    background-size: 40px 12px;
    margin-right: 6px;
    width: 50px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}

.tb_A_acoes ul li a span.bt_script {
    background: url(../_elementos/script.png)
}

.tb_A_acoes ul li a span.bt_rotinas {
    background: url(../_elementos/icon_rotinas-resized.gif)
}

.icon-eye {    
    background: url(../_elementos/icon-eye.png) no-repeat;
    margin-left: -25px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.icon-eye-off {
    background: url(../_elementos/icon-eye-off.png) no-repeat;
    margin-left: -25px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.icon-help {    
    
}

.icon-help::before {    
    content: "\f059";
    font-family: "Font Awesome 5 Pro";
    color:#C3C8D7;
}




.moldura_A {
    background-color: #072B4E;
    padding: 1px;
    margin: 5px;
    border: 1px solid #072B4E;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.moldura_A_tit {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    position: relative;
}

.moldura_A_conteudo {
    background-color: #FFFFFF;
    margin: 3px;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}



















.form_A {
	color:#3C57A1;
	font-family: 'Oxygen', sans-serif;
    background-color: #FFF;
    margin: 0px auto 20px auto;
	box-shadow: 0px 10px 20px 0px rgba(195,200,215,0.6);
	/*background-image:url(../_elementos2020/gradient.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:100% 5px;*/
    box-sizing: border-box;
    border-radius: 3px;
    padding: 40px 0px;
}




/* FORM INTERNO */

.tb_A .form_A {
    /*border: 1px solid #c3c8d7;
    box-shadow: none;*/
    border-radius: 4px;
}



.tb_A .form_A_tit {
    background-color: #ffffff;
    color: #3C57A1;
    padding: 0px 7px 20px 40px;
    margin: 10px 0px;
}

/* FORM INTERNO */














.form_A span.dica {
    font-size: 9px;
}

.form_A input.obrigatorio {
    border: 1px solid #CCC;
}

.form_A select.obrigatorio {
    border: 1px solid #CCC;
}




/*
.form_A_tit {
	color:#3C57A1;
    text-align: left;
    font-size: 25px;
    position: relative;
	margin-top:5px;
	padding:25px 0px 16px 160px;
}*/


.form_A_tit {
    text-align: left;
    font-size: 16px;
    position: relative;
    color: #3c57a1;
    padding: 32px 7px 12px 40px;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    /*margin-top: 15px;*/
}

.form_A_tit::before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left:40px;
    display: none;
}







.form_A_form {
    background-color: transparent;
    margin:0px 40px;
}






.form_A_form table {
    text-align: left;
    border-collapse: collapse;
    border: 0;
    box-sizing: border-box;
}

.form_A_form table td {
    border-spacing: 0px;
    font-size: 14px;
    color: #4E5B73;
}

.form_A_form thead th {
    color: #3c57a1;
    padding: 2px;
    border-bottom: 1px solid #c3c8d7;
    min-height: 15px;
}

.form_A_form tfoot th {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px solid #072B4E;
}

.form_A_form td.tdSubtit_1 {
    color: #5068aa;
    padding: 11px;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
    border-top: 20px solid #fff;
    padding-left: 0;
    border-bottom: 1px solid #3c57a1;
}

/*
.form_A_form td.tdSubtit_1::before {
    
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    margin-right: 10px;
}
*/



.form_A_form td.tdSubtit_2 {
    color: #5068aa;
    /*padding: 11px;*/
    font-weight: bold;
    text-align: left;
}

.form_A_form td.tdSubtit_2::before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    margin-right: 10px;
    display: none;
}






.form_A_form td.tdSubtit_3 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    font-weight: bold;
    border: 1px double #072B4E;
}

.form_A_acoes {
    padding: 0px 0px 20px 0px;
}

.form_A_acoes ul {
    margin: 0 auto;
    text-align: right;
    display: block;
    padding-right:40px;
}

.form_A_acoes li {
    display: inline-block;
    list-style: none;
    width: auto;
    padding:0px;
    text-align:center;
}

.form_A_acoes a {
    display: inline-block;
	text-decoration: none;
    color: #fff !important;
    background-color: #3C57A1;
    /*background: linear-gradient(30deg, #f82363, #565294, #3c57a1);*/
    border-radius: 5px;
    font-size: 13px;
    padding: 12px 24px 12px 24px;
    text-transform: uppercase;
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    font-weight: 600;
    letter-spacing: 0.9px;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.6, 1);
    text-align: center;
    min-width: 200px;
    margin-top: 15px;
    box-sizing: border-box;
    line-height: 28px;
}



.actionButton_disabled {
    opacity:0.45;
    transform:none !important;
    box-shadow:none !important;
    cursor: not-allowed;
}



.actionButton_progress, .actionButton_progress:hover {
    opacity:0.75;
    transform:none !important;
    box-shadow:none !important;
    cursor:progress !important;
}



.form_A_acoes_w100 {
    width:100% !important;
}

.form_A_acoes a:hover {
    transform: translateY(-5px);
	transition: all 0.15s ease-in-out;
	box-shadow: 2px 10px 18px -4px rgba(60,87,161,0.35);
}

.form_A_acoes a:active {
    transform: scale(0.96);
	transition: all 0.08s ease-in-out;
}

.form_A_acoes a span {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.form_A_acoes a .acoes {
    display: inline-block;
    vertical-align: middle;
}

.form_A_acoes a svg { color:#fff !important; } 
.form_A_acoes a i { color:#fff !important; margin-right: 7px; }















.form_A_acoes ul li a span.bt_filtrar {
    background: url(../_elementos/icones_acoes.png) 0px -1px;
}

.form_A_acoes ul li a span.bt_sel_adic {
    background: url(../_elementos/icones_acoes.png) -20px -1px;
}

.form_A_acoes ul li a span.bt_sel_remov {
    background: url(../_elementos/icones_acoes.png) -40px -1px;
}

.form_A_acoes ul li a span.bt_ticado {
    background: url(../_elementos/icones_acoes.png) -60px -1px;
}

.form_A_acoes ul li a span.bt_remover {
    background: url(../_elementos/icones_acoes.png) -80px -1px;
}

.form_A_acoes ul li a span.bt_adicionar {
    background: url(../_elementos/icones_acoes.png) -100px -1px;
}

.form_A_acoes ul li a span.bt_grafico {
    background: url(../_elementos/icones_acoes.png) -120px -1px;
}

.form_A_acoes ul li a span.bt_pesquisar::before {
    /*background: url(../_elementos/icones_acoes.png) -140px -1px;*/
    content: "\f002";
    font-family: "Font Awesome 5 Pro";    
}

.form_A_acoes ul li a span.bt_edit {
    background: url(../_elementos/icones_acoes.png) -160px -1px;
}

.form_A_acoes ul li a span.bt_salvar {
    background: url(../_elementos/icones_acoes.png) -180px -1px;
}

.form_A_acoes ul li a span.bt_exp_excel {
    background: url(../_elementos/icones_acoes.png) -200px -1px;
}

.form_A_acoes ul li a span.bt_exp_pdf {
    background: url(../_elementos/icones_acoes.png) -220px -1px;
}

.form_A_acoes ul li a span.bt_exp_gdocs {
    background: url(../_elementos/icones_acoes.png) -240px -1px;
}

.form_A_acoes ul li a span.bt_iniciar {
    background: url(../_elementos/icones_acoes.png) -260px -1px;
}

.form_A_acoes ul li a span.bt_cancela {
    background: url(../_elementos/icones_acoes.png) -280px -1px;
}

.form_A_acoes ul li a span.bt_atualizar {
    background: url(../_elementos/icones_acoes.png) -300px -1px;
}

.form_A_acoes ul li a span.bt_observador {
    background: url(../_elementos/icones_acoes_observador.png);
}

.tdFormsIcon {
    width: 13px;
    height: 13px;
    background: #FFFFFF;
}


/* Div oculta */

.div_campos {
    padding: 0px;
    margin: 0px;
}


/**  ABAS     **/

.abas {
    height: 23px;
    list-style: none;
    margin-left: 0;
    padding: 0px;
}

.abas li {
    display: inline-block;
    margin: 0 1px -1px 0;
}

.abas li a {
    display: block;
    text-decoration: none;
    color: #fff
}

.abas li a em {
    background: url(../_elementos/aba_off_centro.png) repeat-x scroll left bottom;
    color: #FFFFFF;
    float: left;
    font-style: normal;
    height: 23px;
    line-height: 20px;
    padding: 0 0px;
    position: relative;
    z-index: 100;
}

.abas li a em div {
    color: #fff
}

.abas li span.p1 {
    background: url(../_elementos/aba_off_esquerda.png) no-repeat scroll left bottom transparent;
    border-top: 0 none;
    float: left;
    height: 23px;
    width: 9px;
    z-index: 100;
}

.abas li span.p2 {
    background: url(../_elementos/aba_off_direita.png) no-repeat scroll left bottom;
    height: 23px;
    float: left;
    width: 9px;
    z-index: 100;
}

.abas li a:hover {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    z-index: 500;
    height: 23px;
}

.abas li a:hover em {
    background: url(../_elementos/aba_on_centro.png) repeat scroll left bottom;
    color: #880000;
    height: 23px;
}

.abas li a:hover em div {
    color: #880000;
}

.abas li a:hover span.p1 {
    background: url(../_elementos/aba_on_esquerda.png) repeat scroll left bottom;
    color: #880000;
    height: 23px;
}

.abas li a:hover span.p2 {
    background: url(../_elementos/aba_on_direita.png) repeat scroll left bottom;
    color: #880000;
    height: 23px;
}


/**  FIM ABAS **/
























/************ TABLE FIXED ***************************/

.tableFixed {
    table-layout: fixed;
    width: 100%;
}

.tableFixed th {
    width: 100%;
}

.tableFixed_th {
    color: #3c57a1 !important;
    min-height: 15px !important;
    padding: 10px 5px !important;
    border-bottom: 1px solid #c3c8d7 !important;
    vertical-align: bottom !important;
    font-size: 13px !important;
    overflow: hidden !important;
    width: 100%;
    font-weight: bold;
    text-align:left;
}

.tableFixed_th_desc, .tableFixed_th span {
    color:#a3abc2 !important;
    font-weight: normal !important;
    display: block;
    padding-top: 3px;
    font-size: 12px;    
}


.tableFixed_td {
    border-spacing: 0px;
    padding: 5px;
    color: #2c3c63;
    font-family: 'Oxygen', sans-serif;
    font-size: 12px;
    padding: 8px 15px 7px 5px !important;
    vertical-align: top;
    word-break: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ffffff55;
    vertical-align: middle;
}

.tableFixed_td a {
    color: #3c57a1;
    padding-right:25px;  
}

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

.tableFixed_td_detalhes {
    padding:0px;
    word-break: unset !important;
    white-space: normal !important;
    text-overflow: unset !important;
}

.tableFixed_td_quebravel {
    white-space: normal !important;
    text-overflow: unset !important;
    overflow: hidden;
}

.tableFixed_td_destaque {
    color: #3c57a1 !important;
    padding-right:25px;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 600;
    overflow: hidden;
}

.tableFixed_td { vertical-align:top; }
.par   .tableFixed_td { vertical-align:middle; }
.impar .tableFixed_td { vertical-align:middle; }

/************ TABLE FIXED ***************************/


































/* Tamanhos */

.w05, .w5 { width: 5% !important; }
.w06, .w6 { width: 6% !important; }
.w07, .w7 { width: 7% !important; }
.w08, .w8 { width: 8% !important; }
.w09, .w9 { width: 9% !important; }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w40 { width: 40% !important; }
.w50 { width: 50% !important; }
.w60 { width: 60% !important; }

.w70 {
    width: 70%;
    margin:auto auto;
}

.w75 {
    width: 75%;
    margin: auto;
}

.w80 {
    width: 80%;
    margin: auto;
}

.w85 {
    width: 85%;
    margin: auto;
}

.w90 {
    width: 100%;
    margin: auto;
}

.w95 {
    width: 100%;
    margin: auto;
}

.w100 {
    width: 100%;
    border-spacing: 0;
}

.w10p {
    width: 10px !important;
}

.w20p {
    width: 20px !important;
}

.w30p {
    width: 30px !important;
}

.w40p {
    width: 40px !important;
}

.w50p {
    width: 50px !important;
}

.w60p {
    width: 60px !important;
}

.w70p {
    width: 70px !important;
}

.w80p {
    width: 80px !important;
}

.w90p {
    width: 90px !important;
}

.w100p {
    width: 100px !important;
}

.w110p {
    width: 110px !important;
}

.w120p {
    width: 120px !important;
}

.w130p {
    width: 130px !important;
}

.w140p {
    width: 140px  !important;
}

.w150p {
    width: 150px !important;
}

.w160p {
    width: 160px !important;
}

.w170p {
    width: 170px !important;
}

.w180p {
    width: 180px !important;
}

.w190p {
    width: 190px !important;
}

.w200p {
    width: 200px !important;
}

.w250p {
    width: 250px !important;
}

.w300p {
    width: 300px !important;
}

.w350p {
    width: 350px !important;
}

.w400p {
    width: 500px !important;
}

.w450p {
    width: 550px;
}

.w500p {
    width: 600px;

    margin: 0px auto;
}

.w550p {
    width: 650px;
    margin: 0px auto;
}

.w600p {
    width: 700px;
    margin: 0px auto;
}

.w650p {
    width: 750px;
    margin: 0px auto;
}

.w700p {
    width: 800px;
    margin: 0px auto;
}

.w750p {
    width: 850px;
    margin: 0px auto;
}

.w800p {
    width: 900px;
    margin: 0px auto;
}




.w850p {
    width: 850px;
}

.w850p_center {
    width: 850px;
    margin:0px auto;
}






.w900p {
    /*width: 900px;*/
}

.w900p_center {
    width: 900px;
    margin:0px auto;
}





.w950p {
    width: 950px;
}

.w950p_center {
    width: 950px;
}





.w990p {
    width: 990px;
}

.w990p_center {
    width: 990px;
    margin:0px auto;
}




.w1000p {
    width: 1100px;
}

.w1000p_center {
    width: 1100px;
    margin:0px auto;
}


/*	Perfil */

.perfil_menu_editar_box {
    display: none;
    position: absolute;
    bottom: 6px;
    right: 10px;
    background-color: #FFFFFF;
    border: solid 1px #BBBBBB;
    padding: 3px;
    background: url(../_elementos/bg_transp_ffffff_75.png) repeat;
    z-index: 999;
}


/**  MENU LATERAL **/

.menu_lat_conteudo {
    position: relative;
    float: left;
    width: 230px;
    line-height: 15px;
    color: #666666;
    margin-bottom: 5px;
    margin-left: 2px;
}

.menu_lat_top {
    background: url(../_elementos/menu_lat_top.png) no-repeat;
    float: left;
    width: 244px;
    height: 11px;
}

.menu_lat_centro {
    background: url(../_elementos/menu_lat_centro.png) repeat-y;
    width: 240px;
    margin: 0;
    float: left;
    list-style: none;
    padding-left: 5px;
}

.menu_lat_bottom {
    background: url(../_elementos/menu_lat_bottom.png) no-repeat;
    float: left;
    width: 244px;
    height: 18px;
}

.menu_lat_icon {
    padding-right: 10px;
    padding-left: 15px;
    vertical-align: bottom;
    float: left;
}

.menu_lat_hr {
    height: 3px;
    background: url(../_elementos/menu_lat_slicer.png) no-repeat;
    clear: both;
    margin: 5px 7px 3px 0;
}

.menu_lat_tit_top {
    background: url(../_elementos/menu_lat_tit_top.png) no-repeat;
    height: 4px;
    margin: 3px 0 0 0;
}

.menu_lat_tit_centro {
    background: url(../_elementos/menu_lat_tit_centro.png) no-repeat;
    width: 230px;
    height: 14px;
    font-size: 12px;
    cursor: pointer;
    color: #FFF;
    font-weight: bold;
}

.menu_lat_tit_bottom {
    background: url(../_elementos/menu_lat_tit_bottom.png) no-repeat;
    height: 6px;
    margin: 0;
}

.menu_lat_box {
    width: 230px;
    margin: 0;
    text-decoration: none;
}

.menu_lat_box_top {
    background: url(../_elementos/menu_lat_box_top.png) no-repeat;
    height: 4px;
    margin: 0;
}

.menu_lat_box_centro {
    background: url(../_elementos/menu_lat_box_centro.png) repeat-y;
    width: 230px;
    display: table-cell;
}

.menu_lat_box_bottom {
    background: url(../_elementos/menu_lat_box_bottom.png) no-repeat;
    height: 6px;
}

.menu_lat_hr_box {
    height: 3px;
    background: url(../_elementos/menu_lat_slicer.png) no-repeat;
    clear: both;
    margin: 3px 9px 3px 0;
}

.menu_lat_add {
    clear: both;
    padding: 5px;
    border: 1px solid #F3F3F3;
    width: 200px;
    display: block;
}

.menu_lat_add a {
    border: 1px solid #F3F3F3;
    background: #F3F3F3;
    padding: 5px;
}

.menu_lat_add a:hover {
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    padding: 5px;
    text-decoration: none;
}

.menu_lat_sel {
    list-style: none;
}

.menu_lat_sel ul {
    display: block;
}

.menu_lat_sel li {
    display: block;
    margin-left: 5px;
    width: 210px;
}

.menu_lat_sel li a {
    display: block;
    padding: 5px 20px;
    text-indent: -10px;
    border: 1px solid #F3F3F3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.menu_lat_sel li a:hover,
.menu_lat_sel li a:focus,
.menu_lat_sel li a:active {
    text-decoration: none;
    font-style: normal;
    background-color: #FFE493;
    border: 1px solid #FFB648;
    color: #003399;
}

.menu_lat_sel li ul {
    display: block;
    margin-left: 10px;
    text-indent: -10px;
    width: auto;
}

.menu_lat_sel li ul li {
    display: block;
    margin-left: 10px;
    text-indent: -10px;
    width: auto;
}

.menu_lat_sel li ul li a {
    display: block;
    padding: 4px 20px;
    text-indent: -10px;
    border: 1px solid #F3F3F3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.menu_lat_sel li ul li a:hover,
.menu_lat_sel li ul li a:focus,
.menu_lat_sel li ul li a:active {
    text-decoration: none;
    font-style: normal;
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #003399;
}

.menu_lat_sel li div ul {
    display: block;
    margin-left: 10px;
    text-indent: -10px;
    width: auto;
}

.menu_lat_sel li div ul li {
    float: left;
    margin-bottom: 5px;
    margin-left: 10px;
    padding-top: 5px;
}

.menu_lat_sel li div ul li a {
    border: 1px solid #F3F3F3;
    text-align: left;
    padding: 5px 10px 5px 15px;
    width: 150px;
    margin-bottom: -5px;
    margin-top: -5px;
}

.menu_lat_sel li div ul li a:hover,
.menu_lat_sel li div ul li a:focus,
.menu_lat_sel li div ul li a:active {
    border: 1px solid #CCCCCC;
    background: #FFF;
}

.menu_lat_sel li ul li.subitem a {
    border: 1px solid #F3F3F3;
    text-align: left;
    padding: 5px 10px 5px 15px;
    width: 150px;
    margin-bottom: -5px;
    margin-top: -5px;
}

.menu_lat_sel li ul li.subitem a:hover {
    border: 1px solid #CCCCCC;
    background: #FFF;
}

.menu_lat_reduz_icon {
    padding: 5px 4px;
}

.menu_lat_reduz_aberto {
    width: 33px;
    margin-left: -7px;
}

.menu_lat_reduz_fechado {
    width: 33px;
    margin-left: -22px;
    margin-top: 12px;
}

.menu_lat_reduz_top {
    background: url(../_elementos/menu_lat_aba_top.png) no-repeat;
    height: 10px;
    width: 30px;
}

.menu_lat_reduz_centro {
    background: url(../_elementos/menu_lat_aba_centro.png) repeat-y;
    height: auto;
    width: 30px;
}

.menu_lat_reduz_bottom {
    background: url(../_elementos/menu_lat_aba_bottom.png) no-repeat;
    height: 13px;
    width: 30px;
}


/******************/


/******************/

#perprin_conteudo {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#perprin_menu {
    display: inline-block;
    vertical-align: top;
    width: 244px;
    float: left;
}

.perprin_menu_bg_topo {
    background: url(../_elementos/menu_lat_top.png) no-repeat;
    width: 242px;
    height: 11px;
}

.perprin_menu_bg_meio {
    background: url(../_elementos/menu_lat_centro.png) repeat-y;
    width: 242px;
    text-align: left;
}

.perprin_menu_bg_base {
    background: url(../_elementos/menu_lat_bottom.png) no-repeat;
    width: 242px;
    height: 18px;
}

.perprin_menu_hr {
    background: url(../_elementos/menu_lat_slicer.png) no-repeat;
    width: 242px;
    height: 2px;
    margin: 5px 0px 5px 0px;
}

.perprin_menu_conteudo {
    width: 225px;
    display: block;
    position: relative;
    left: 6px;
}

.perprin_menu_link_box {
    display: none;
    position: absolute;
    bottom: 3px;
    right: 7px;
    border: solid 1px #BBBBBB;
    padding: 3px;
    z-index: 500;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.7);
}

.perprin_menu_tit_topo {
    background: url(../_elementos/menu_lat_tit_top.png) no-repeat;
    width: 224px;
    height: 4px;
    margin-top: 3px;
}

.perprin_menu_tit_meio {
    background: url(../_elementos/menu_lat_tit_centro.png) no-repeat;
    width: 224px;
    height: 14px;
    font-size: 12px;
    cursor: pointer;
    color: #FFF;
    font-weight: bold;
}

.perprin_menu_tit_base {
    background: url(../_elementos/menu_lat_tit_bottom.png) no-repeat;
    width: 224px;
    height: 6px;
    margin-bottom: 0px;
}

.perprin_menu_tit_icon {
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: middle;
    float: left;
}

.perprin_menu_box {
    width: 224px;
    margin: 0;
    text-decoration: none;
}

.perprin_menu_box_topo {
    background: url(../_elementos/menu_lat_box_top.png) no-repeat;
    width: 224px;
    height: 4px;
    margin: 0;
}

.perprin_menu_box_meio {
    background: url(../_elementos/menu_lat_box_centro.png) repeat-y;
    width: 224px;
    display: table-cell;
    padding: 0px 7px 0px 3px;
    text-align: left;
}

.perprin_menu_box_base {
    background: url(../_elementos/menu_lat_box_bottom.png) no-repeat;
    width: 224px;
    height: 6px;
}

.perprin_menu_box_hr {
    width: 220px;
    height: 1px;
    margin: 5px 0px 5px 0px;
}


/* preto e branco */

.tb_C * {
    padding: 0;
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Helvetica, "sans-serif";
    font-size: 11px;
}

.form_C * {
    padding: 0;
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Helvetica, "sans-serif";
    font-size: 11px;
}

a {
    text-decoration: none;
}

.tb_C a {
    color: #333;
    text-decoration: none;
}

.form_C a {
    color: #333;
    text-decoration: none;
}

.form_C input,
textarea {
    padding: 2px;
}

.form_C select {
    border: 1px solid #666666;
}

.form_C select option {
    padding-left: 3px;
    padding-right: 3px;
}

.form_C input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 2px;
    border: 0;
    width: unset !important;
}

.form_C input[type="radio"] {
    vertical-align: middle;
    margin: 0 2px;
    border: 0;
}

.tb_C {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    background-color: #bbbbbb;
    padding-bottom: 1px;
    border: 1px solid #b9b9b9;
    margin: auto;
}

.tb_C_tit {
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    position: relative;
}

.tb_C_subtit {
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    position: relative;
}

.tb_C_nav {
    background-color: #FAFAFA;
    color: #036;
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 6px;
    min-height: 20px;
}


/*.tb_A_nav span.esquerda {float:left; margin-top:2px;}*/


/*.tb_A_nav span.direita  {float:right; }*/

.tb_C_nav span.esquerda {
    float: left;
    margin-top: 2px;
    display: inline-block;
}

.tb_C_nav span.centro {
    float: center;
    margin-top: 2px;
}

.tb_C_nav span.direita {
    float: right;
    margin-top: 2px;
}

.tb_C_form {
    background-color: #FFFFFF;
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 6px;
}

.tb_C_space {
    border: 0px solid !important;
    background-color: #FFFFFF !important
}

.tb_C_total_conta {
    border-top-style: solid;
    border-top-color: #000000;
    border-top-width: 1px;
    font-weight: bold;
    border-bottom: 0px !important;
}

.tb_C table {
    text-align: left;
    border-collapse: collapse;
    border: 0;
}

.tb_C_dados {
    background-color: #FFF;
    height: auto;
    margin: 6px;
}

.tb_C_dados table {
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
}

.tb_C_dados thead th {
    background-color: #d1d1d1;
    color: #000000;
    padding: 2px;
    border: 1px solid #5a5a5a;
    min-height: 15px;
    text-align: center;
}

.tb_C_dados tfoot th {
    background-color: #d1d1d1;
    color: #000000;
    padding: 2px;
    border: 1px solid #5a5a5a;
    min-height: 15px;
}

.tb_C_dados tr.par {
    background-color: #FFFFFF;
}

.tb_C_dados tr.impar {
    background-color: #F5F5F5;
}

.tb_C_dados tr.selected {
    background-color: #F6A84B
}

.tb_C_dados tr.impar:hover {
    background-color: #FAE4C9
}

.tb_C_dados tr.par:hover {
    background-color: #FAE4C9
}

.tb_C_dados tr.selected:hover {
    background-color: #FAE4C9
}

.tb_C_dados td {
    border-spacing: 0px;
    border: 0;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 2px;
}

.tb_C_dados td.tdSubtit_1 {
    background-color: #e5e5e5;
    color: #000000;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_C_dados td.tdSubtit_2 {
    background-color: #EEEEEE;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_C_dados td.tdSubtit_3 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_C_dados td.tdSubtit_4 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_C_dados td.detalhes {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #FFF;
}

.tb_C_dados div.detalhes_div {
    display: none;
    padding: 3px;
    border: 1px solid #999999;
}

.tb_C_dados div.detalhes_div div.form_A {
    display: inline-block;
}

.tb_C_dados div.detalhes_div div.tb_A {
    display: inline-block;
}

.tb_C_dados_clean {
    background-color: #FFF;
    height: auto;
    margin: 6px;
}

.tb_C_dados_clean table {
    border: 1px solid #CCCCCC;
}

.tb_C_dados_clean thead th {
    background-color: #014282;
    color: #FFFFFF;
    padding: 2px;
    border: 1px solid #072B4E;
    min-height: 15px;
    text-align: center;
}

.tb_C_dados_clean tfoot th {
    background-color: #014282;
    color: #FFFFFF;
    padding: 2px;
    border: 1px solid #072B4E;
}

.tb_C_dados_clean tr.par {
    background-color: #FFFFFF;
}

.tb_C_dados_clean tr.impar {
    background-color: #F5F5F5;
}

.tb_C_dados_clean tr.selected {
    background-color: #F6A84B
}

.tb_C_dados_clean tr.impar:hover {
    background-color: #FAE4C9
}

.tb_C_dados_clean tr.par:hover {
    background-color: #FAE4C9
}

.tb_C_dados_clean tr.selected:hover {
    background-color: #FAE4C9
}

.tb_C_dados_clean td {
    border-bottom: 1px solid #C784FF;
    padding: 2px;
}

.tb_C_dados_clean td.tdSubtit_1 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_C_dados_clean td.tdSubtit_2 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_C_dados_clean td.tdSubtit_3 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_C_dados_clean td.tdSubtit_4 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px double #072B4E;
    font-weight: bold;
}

.tb_C_dados_clean td.detalhes {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #FFF;
}

.tb_C_dados_clean div.detalhes_div {
    display: none;
    padding: 3px;
}

.tb_C_acoes {
    -webkit-border-radius: 4px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #FAFAFA;
    margin: 6px;
}

.tb_C_acoes ul {
    margin: 0 auto;
    text-align: center;
    display: block;
    min-height: 30px;
}

.tb_C_acoes li {
    display: inline-block;
    list-style: none;
    width: auto;
}

.tb_C_acoes a {
    text-decoration: none;
    color: #333;
    border: 1px solid #FAFAFA;
    margin: 5px;
    display: block;
    padding: 3px 3px 2px 3px;
    font-size: 13px;
}

.tb_C_acoes a:hover {
    border: 1px solid #014282;
    background-color: #DFE5EA;
}

.tb_C_acoes a span {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.tb_C_acoes a span.quadradinho_cor {
    margin-right: 5px;
    width: 11px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
}

.tb_C_acoes ul li a span.bt_filtrar {
    background: url(../_elementos/icones_acoes.png) 0px -1px;
}

.tb_C_acoes ul li a span.bt_sel_adic {
    background: url(../_elementos/icones_acoes.png) -20px -1px;
}

.tb_C_acoes ul li a span.bt_sel_remov {
    background: url(../_elementos/icones_acoes.png) -40px -1px;
}

.tb_C_acoes ul li a span.bt_ticado {
    background: url(../_elementos/icones_acoes.png) -60px -1px;
}

.tb_C_acoes ul li a span.bt_remover {
    background: url(../_elementos/icones_acoes.png) -80px -1px;
}

.tb_C_acoes ul li a span.bt_adicionar {
    background: url(../_elementos/icones_acoes.png) -100px -1px;
}

.tb_C_acoes ul li a span.bt_grafico {
    background: url(../_elementos/icones_acoes.png) -120px -1px;
}

.tb_C_acoes ul li a span.bt_pesquisar {
    background: url(../_elementos/icones_acoes.png) -140px -1px;
}

.tb_C_acoes ul li a span.bt_edit {
    background: url(../_elementos/icones_acoes.png) -160px -1px;
}

.tb_C_acoes ul li a span.bt_salvar {
    background: url(../_elementos/icones_acoes.png) -180px -1px;
}

.tb_C_acoes ul li a span.bt_exp_excel {
    background: url(../_elementos/icones_acoes.png) -200px -1px;
}

.tb_C_acoes ul li a span.bt_exp_pdf {
    background: url(../_elementos/icones_acoes.png) -220px -1px;
}

.tb_C_acoes ul li a span.bt_exp_gdocs {
    background: url(../_elementos/icones_acoes.png) -240px -1px;
}

.tb_C_acoes ul li a span.bt_iniciar {
    background: url(../_elementos/icones_acoes.png) -260px -1px;
}

.tb_C_acoes ul li a span.bt_cancela {
    background: url(../_elementos/icones_acoes.png) -280px -1px;
}

.tb_C_acoes ul li a span.bt_atualizar {
    background: url(../_elementos/icones_acoes.png) -300px -1px;
}

.tb_C_acoes ul li a span.bt_imprimir {
    background: url(../_elementos/menunovo/famfamfam_icons_edit/printer.png)
}

.tb_C_acoes ul li a span.bt_sortear {
    background: url(../_elementos/but_campanha_sortear_20p20.png)
}

.tb_C_acoes ul li a span.bt_atv_coment {
    background: url(../_elementos/ico_atividades_comentario.png)
}

.tb_C_acoes ul li a span.bt_atv_arqs {
    background: url(../_elementos/ico_atividades_storage.png)
}

.tb_C_acoes ul li a span.bt_atv_mail {
    background: url(../_elementos/ico_atividades_email.png)
}

.tb_C_acoes ul li a span.bt_atv_hist {
    background: url(../_elementos/ico_atividades_pendencias.png)
}

.tb_C_acoes ul li a span.bt_atv_follow {
    background: url(../_elementos/ico_atividades_followup.png)
}

.tb_C_acoes ul li a span.bt_atv_crono {
    background: url(../_elementos/ico_atividades_historico.png)
}

.tb_C_acoes ul li a span.bt_atv_form {
    background: url(../_elementos/ico_formulario.png)
}

.tb_C_acoes ul li a span.bt_atv_atv {
    background: url(../_elementos/ico_atividades_release.png)
}

.tb_C_acoes ul li a span.bt_contr_dbordo {
    background: url(../_elementos/menunovo/famfamfam_icons_edit/book_addresses.png)
}

.tb_C_acoes ul li a span.bt_contr_calendario {
    background: url(../_elementos/menunovo/famfamfam_icons_edit/date.png)
}

.moldura_C {
    background-color: #072B4E;
    padding: 1px;
    margin: 5px;
    border: 1px solid #072B4E;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.moldura_C_tit {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    position: relative;
}

.moldura_C_conteudo {
    background-color: #FFFFFF;
    margin: 3px;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.form_C {
    background-color: #404040;
    padding: 1px;
    margin: 5px auto;
    border: 1px solid #333333;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.form_C span.dica {
    font-size: 9px;
}

.form_C input.obrigatorio {
    border: 1px solid #CCC;
}

.form_C select.obrigatorio {
    border: 1px solid #CCC;
}

.form_C_tit {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    position: relative;
}

.form_C_form {
    background-color: #FFFFFF;
    margin: 6px;
}

.form_C_form table {
    text-align: left;
    border-collapse: collapse;
    border: 0;
}

.form_C_form table td {
    border-spacing: 0px;
}

.form_C_form thead th {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px solid #072B4E;
    min-height: 15px;
    text-align: center;
}

.form_C_form tfoot th {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    border: 1px solid #072B4E;
}

.form_C_form td.tdSubtit_1 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    font-weight: bold;
    border: 1px double #072B4E;
}

.form_C_form td.tdSubtit_2 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    font-weight: bold;
    border: 1px double #072B4E;
}

.form_C_form td.tdSubtit_3 {
    background-color: #C1D9F0;
    color: #072B4E;
    padding: 2px;
    font-weight: bold;
    border: 1px double #072B4E;
}

.form_C_acoes {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #bfbfbf;
    margin: 6px;
    min-height: 30px;
    text-align: center;
}

.form_C_acoes ul {
    margin: 0 auto;
    text-align: center;
    display: block;
    min-height: 30px;
}

.form_C_acoes li {
    display: inline-block;
    list-style: none;
    width: auto;
}

.form_C_acoes a {
    text-decoration: none;
    color: #333;
    border: 1px solid #e6e6e6;
    margin: 5px;
    display: block;
    padding: 3px 3px 2px 3px;
    font-size: 13px;
}

.form_C_acoes a:hover {
    border: 1px solid #ffffff;
    background-color: #f2f2f2;
}

.form_C_acoes a span {
    margin-right: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.form_C_acoes ul li a span.bt_filtrar {
    background: url(../_elementos/icones_acoes.png) 0px -1px;
}

.form_C_acoes ul li a span.bt_sel_adic {
    background: url(../_elementos/icones_acoes.png) -20px -1px;
}

.form_C_acoes ul li a span.bt_sel_remov {
    background: url(../_elementos/icones_acoes.png) -40px -1px;
}

.form_C_acoes ul li a span.bt_ticado {
    background: url(../_elementos/icones_acoes.png) -60px -1px;
}

.form_C_acoes ul li a span.bt_remover {
    background: url(../_elementos/icones_acoes.png) -80px -1px;
}

.form_C_acoes ul li a span.bt_adicionar {
    background: url(../_elementos/icones_acoes.png) -100px -1px;
}

.form_C_acoes ul li a span.bt_grafico {
    background: url(../_elementos/icones_acoes.png) -120px -1px;
}

.form_C_acoes ul li a span.bt_pesquisar {
    background: url(../_elementos/icones_acoes.png) -140px -1px;
}

.form_C_acoes ul li a span.bt_edit {
    background: url(../_elementos/icones_acoes.png) -160px -1px;
}

.form_C_acoes ul li a span.bt_salvar {
    background: url(../_elementos/icones_acoes.png) -180px -1px;
}

.form_C_acoes ul li a span.bt_exp_excel {
    background: url(../_elementos/icones_acoes.png) -200px -1px;
}

.form_C_acoes ul li a span.bt_exp_pdf {
    background: url(../_elementos/icones_acoes.png) -220px -1px;
}

.form_C_acoes ul li a span.bt_exp_gdocs {
    background: url(../_elementos/icones_acoes.png) -240px -1px;
}

.form_C_acoes ul li a span.bt_iniciar {
    background: url(../_elementos/icones_acoes.png) -260px -1px;
}

.form_C_acoes ul li a span.bt_cancela {
    background: url(../_elementos/icones_acoes.png) -280px -1px;
}

.form_C_acoes ul li a span.bt_atualizar {
    background: url(../_elementos/icones_acoes.png) -300px -1px;
}

.w95percent{
    width: 95%;
}

.biometria_icone img{
    width: 20px; 
}

.tb_A_acoes ul li a span.bt_filiais {
    background: url(../_elementos/icon_filiais.png)
}

.tb_A_acoes ul li a span.bt_acoes {
    background: url(../_elementos/menunovo/famfamfam_icons/application_lightning.png);
    width: 16px;
    height: 16px;
}

.tb_A_acoes ul li a span.bt_acoes_gatilhos {
    background: url(../_elementos/menunovo/famfamfam_icons/application_link.png);
    width: 16px;
    height: 16px;
}


/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #3c57a1;
    color: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 6px;
    top: -5px;
    left: 105%;
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext::after {
    content: ' ';
    position: absolute;
    top: 19%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #3c57a1 transparent transparent;
}

/* Tooltip text */
.tooltip .tooltiptext50 {
    visibility: hidden;
    width: 300px;
    background-color: #555;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    top: -5px;
    left: 105%;
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext50 {
    visibility: visible;
}

.tooltip .tooltiptext50::after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 100%;  /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

.cargos-button:hover{
    border: 1px solid #014282;
    background-color: #DFE5EA;
}

select[readonly] {
    background: #F2F3F6;
    pointer-events: none;
    touch-action: none;
    color: #444;
}

.grid_25_porc {
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    display: block;
}

.float-left {
    text-align: left;
}

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

.mt-20px {
    margin-top: 20px !important;
}

.mb-10px {
    margin-bottom: 10px !important;
}

.mb-20px {
    margin-bottom: 20px !important;
}

.p-25px-20px {
    /*padding: 25px 20px;*/
}

.hide {
    display: none;
}

.jstree-default .jstree-anchor {
    font-size: 14px !important;
}

.jstree-default .jstree-icon:empty {
    line-height: 24px !important;
}

.ml-20px {
    margin-left: 20px !important;
}

.margin-10px-0 {
    margin: 10px 0;
}

.btn-blue {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 0.7rem;
    line-height: 1.0;
    border-radius: 2px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: #1f63ad;
    color: #ffffff;
    cursor: pointer;
}

.btn-blue.disabled, .btn-blue:disabled {
    opacity: .65;
}
.entrada-titulo-dashboard {
    font-size: 0.9rem;
    text-transform: uppercase;
    margin-top: 5px;
    font-weight: 700;
}

.imagem-entrada-sistema {
    padding: 5px;
    max-width: 100%;
}

.h-45px {
    height: 45px !important;
}

.h-35px {
    height: 35px !important;
}

.color-red {
    color: red;
}

#chart_realizado_meta > div:nth-child(2) > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(3) > g:nth-child(2),
#chart_orcado_vs_realizado > div:nth-child(2) > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(3),
#chart_valor_proposta_comercial > div:nth-child(2) > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(3),
#chart_numero_proposta_regiao > div:nth-child(2) > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(3),
#checkinMensal > div:nth-child(2) > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(3),
#chart_taxa_conversao > div:nth-child(2) > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(3) {
    display: none;
}

.td-titulo-relatorio-entrada {
    width: 100%;
    text-align: center;
    font-size: 36px;
    margin-top: 20px;
    display: block;
    margin-bottom: 15px;
}

.amcharts-export-menu > ul li a span {
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
}

.amcharts-amexport-menu ul li a{
    border: 0 !important;
    padding: 3px 8px !important;
    margin: 5px !important;
    color: #333333 !important;
}

.amcharts-amexport-item > .amcharts-amexport-menu > .amcharts-amexport-item {
    display: inline-block !important;
    width: 100% !important;
}

#funil_vendas_dashboard .amcharts-export-menu li > ul {
    background: transparent;
    border: 0;
}

#funil_vendas_dashboard .amcharts-export-menu-top-right > ul > li > ul:after,
#funil_vendas_dashboard .amcharts-export-menu-top-right > ul > li > ul > li:first-child > a:after,
#funil_vendas_dashboard > div > div.amcharts-export-menu.amcharts-export-menu-top-right.amExportButton > ul > li > ul > li:nth-child(3) > a {
    display: none;
}

#funil_vendas_dashboard .amcharts-export-menu li > a {
    z-index: 1;
    background-color: rgb(217, 217, 217);
    color: rgb(0, 0, 0);
    border-radius: 3px;
    border: 0;
    margin: 0 0 2px 3px;
}

#funil_vendas_dashboard > div > div.amcharts-export-menu.amcharts-export-menu-top-right.amExportButton > ul > li > a::after {
    content: '...';
    border: 1px solid #ffff;
    padding: 1px 3px;
    font-size: 0.75rem;
}

#funil_vendas_dashboard .amcharts-export-menu .export-main > a {
    background-image: none;
    width: 31px;
    height: 28px;
    line-height: 9px;
}

#funil_vendas_dashboard > div > div.amcharts-export-menu.amcharts-export-menu-top-right.amExportButton {
    margin: 0 10px 0 0;
}

#chart_valor_proposta_comercial tspan,
#chart_realizado_meta tspan,
#checkinMensal tspan,
#chart_orcado_vs_realizado tspan,
#chart_taxa_conversao tspan,
#chart_numero_proposta_regiao tspan {
    cursor: pointer !important;
    color: blue !important;
}

.graficos_dinamicos_js {
    display: block;
    overflow: auto;
    height: 350px;
}

.titulo_graficos_dinamicos_js {
    font-size: 0.9rem;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top: 10px;
}

.listagem_dados_grafico {
    display: contents;
}

.graficos_dinamicos_leganda_js {
    position: static;
}
.quadro_add_atividade {
    /*max-width: 800px !important;*/
}

.grid_lado_direito_data_atualizacao {
    float: right;
    margin-right: 11px;
    padding: 3px 9px;
    font-size: 0.6rem;
}
























/*******************************************************************************************************/
/*******************************************************************************************************/
/*******************************************************************************************************/
/*******************************************************************************************************/
/*******************************************************************************************************/
/* NOVAS CLASSES - Nova UI 2020 */
/* NOVAS CLASSES - Nova UI 2020 */
/* NOVAS CLASSES - Nova UI 2020 */


.transition_fadeOut {
    opacity: 1;
    animation: animation_fadeOut 0.2s linear;
}

@keyframes animation_fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }       
}




/* NOVO HEADER */
/* NOVO HEADER */
/* NOVO HEADER */

.header2020_gradient_bar {
    min-height:7px;
    margin:0px auto;
    background: linear-gradient(90deg, #f82363, #3c57a1, #4457B7, #3c57a1, #f82363, #3c57a1, #3c57a1);
    background-size: 400% 400%;
    background-position: 0% 0%;
    animation: animation_gradient_bar 2.45s linear infinite;
}

@keyframes animation_gradient_bar {
    0% {
        background-position: 89% 100%;
    }
    100% {
        background-position: 0% 0%;
    }       
}

.header2020_bgcolor {
    background-color:#343769;
    text-align: right;
}

.header2020 {
    background-color:#343769;
    position: relative;
    font-family: 'Raleway', sans-serif;
    height:60px;
    text-align: right;
    overflow: hidden;
    vertical-align: top;
}

.header2020_logo {
    display: block;
    width: 240px;
    margin: 14px 1px 10px 84px;
    background-image:url(../_elementos2020/logoblue_negativo.svg);
    background-repeat: no-repeat;
    background-position: left top;
    height:30px;
    position: absolute;
}

.header2020_ambiente {
    position: absolute;
    top:0px;
    left:50%;
    width: 400px;
    transform: translate(-60%, 0%);
    color:#fff;
    text-align: center;
    white-space: nowrap;
}

.header2020_ambiente_logo {
    display: none;
    border-right: 1px solid #fff;
    vertical-align: middle;
    padding-right:15px;
    height:40px;
    margin: 10px 0px 10px 0px;
}


.header2020_ambiente_logoImg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: middle;
    height:40px;
}


.header2020_ambiente_desc {
    display: inline-block;
    vertical-align: middle;
    padding:10px;
    font-size: 12.5px;
    font-weight: 600;
    padding-left:15px;
    height: 60px;
    line-height: 40px;    
}

.header2020_ambiente_desc i {
    opacity:0.6;
    display: none;
}



/* header discador */

.header2020_discadorContainer {
    display: inline-block;
    height: 60px;
    padding-top: 10px;    
}

.header2020_discador {
    display: inline-block; 
    border: 1.4px solid #ffffff;
    border-radius: 20px;
    color: #fff;
    padding: 3px 11px 2px 4px;
    margin: 0px 10px 2px 10px;
    font-size: 23px;
    line-height: 26px;
    cursor: pointer;
    transition: all 0.15s cubic-bezier(0.000, 0.000, 0.025, 0.990);
    user-select: none;
}

.header2020_discador:hover {
    background-color: #AAB0C2;
    transition: all 0.15s cubic-bezier(0.000, 0.000, 0.025, 0.990);
}

.header2020_discador:active {
    transform: scale(0.95);
}

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

.header2020_discador_icone i {
    display: inline-block;
    vertical-align: top;
    margin-top: -3px;
}

.header2020_discador_acao {
    visibility: visible;
    display: inline-block;
    overflow: hidden;
    vertical-align: top; 
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    width:0px;
    white-space: nowrap;
    transition: all 0.15s cubic-bezier(0.000, 0.000, 0.025, 0.990);
}

.header2020_discador_time {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
    padding-right: 2px;
}

.header2020_discador:hover .header2020_discador_acao {
    visibility: visible;
    width:100px;
    transition: all 0.15s cubic-bezier(0.000, 0.000, 0.025, 0.990);
}



/* AJUDA */

.header2020_ajuda {
    color:#fff;
    display:inline-block;
    vertical-align: top;
}

.header2020_ajuda a {
    display:block;
    color:#fff;
    text-decoration: none;
    font-size: 24px;
    padding:10px;
    margin-top: 7px;
}

.header2020_ajuda a:hover {
    opacity: 0.7;
    transform: scale(0.95);
}


/* BUSCA */
.header2020_busca {
    color:#fff;
    display:inline-block;
    font-size: 24px;
    padding:10px;
    cursor: pointer; 
    vertical-align: top;
    margin-top: 7px;
}

.header2020_busca:hover {
    opacity: 0.7;
    transform: scale(0.95);
}




/* NOTES */
.header2020_notes {
    color: #fff;
    display: inline-block;
    font-size: 23px;
    padding: 12px;
    cursor: pointer;
    vertical-align: top;
    margin-top: 6px;
}

/* EXPEDIÇÃO */
.header2020_expedicao {
    color: #fff;
    background-color: #83C500;
    display: inline-block;
    font-size: 20px;
    padding: 7px;
    border-radius: 100%;
    vertical-align: top;
    margin-top: 11px;
    margin-left:6px;
    margin-right:6px;
}

.header2020_expedicao i {
    transform: translateX(-2px);
}







/* USER */ 

.header2020_user {
    vertical-align: top;
    display: inline-block;
    height:60px;
    color:#fff;
    font-family: 'Raleway', sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    line-height:55px;
    padding:0px 20px 0px 10px;
    transition: all 0.20s cubic-bezier(0.155, 0.045, 0.000, 0.970);
    border-radius: 7px 0px 0px 0px;
    cursor:pointer;
    width: 250px;
    margin-left: 10px;
    text-align: center;
    white-space: nowrap;
}

.header2020_user:hover {
    background-color:rgba(255,255,255,0.1);
    transition: all 0.20s cubic-bezier(0.155, 0.045, 0.000, 0.970);
    padding:0px 30px 0px 10px;
}

.header2020_user_submenuAberto {
    background-color:#fff !important;
    transition: all 0.20s cubic-bezier(0.155, 0.045, 0.000, 0.970);
    padding:0px 30px 0px 10px;
    color:#343769;
}

.header2020_user i {
    margin: 0px 10px 0px 10px;
}

.header2020_user_avatar {
    display:inline-block;
    width:40px;
    height:40px;
    vertical-align:middle;
    margin:0px 10px 0px 10px;
    position:relative;
}

.header2020_user_avatar_img {
    display:inline-block;
    width:40px;
    height:40px;
    background-image:url(../_elementos2020/user_avatar.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    border-radius: 100%;
}

.header2020_user_avatar_status {
    position: absolute;
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: #83C500;
    bottom: 0px;
    right: -1px;
    border: 1.5px solid #fff;
}

.header2020_user_name {
    display: inline-block;
    padding-top: 2px;
    position: relative;
    transform: translateY(-4px);
}

.header2020_user_name span {
    display: inline-block;
    overflow: hidden;
    max-width: 130px;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.header2020_user_login {
    display: inline-block;
    font-weight: 400;
    opacity: 0.7;
    letter-spacing: 0.5;
    position: absolute;
    left: 0;
    top: 38px;
    font-size: 9.2px;
    line-height: 10px;
}









/* HEADER SUBMENU */
/* HEADER SUBMENU */
/* HEADER SUBMENU */
/* HEADER SUBMENU */


.header2020_submenu {
    position: absolute;
    right: 0px;
    top: 67px;
    width: 300px;
    display: none;
    z-index: 1000000001;
    padding:15px;
    background-color: #fff;
    box-shadow: -3px 8px 14px 0px rgba(60,87,161,0.10);
    width: 250px;
    border-radius: 0px 0px 0px 7px;
}

.header2020_user_id {
    display: none;
    border: 1px solid #e4e7ef;
    padding: 7px;
    margin-bottom: 10px;
    border-radius: 5px;
    color: hsla(219, 19%, 68%, 1);
    text-align: center;
    font-size: 12px;
}

/* HEADER SUBMENU */
/* HEADER SUBMENU */
/* HEADER SUBMENU */

































.breadcrumb {
    background-color:#fff;
    padding:22px;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    color:#3C57A1;
    font-size:21px;
    box-shadow: 0px 10px 20px 0px rgba(195,200,215,0.3);
    position: absolute;
    z-index:10;
    width:100%;
    padding-left:87px;
    height:67px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;    
}

.breadcrumb_arrow {
    margin: 0px 15px 0px 15px;
    display: inline-block;
}

.breadcrumb_arrow::after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    display:block;
    font-size: 17px;
}

.breadcrumb_level_01 {
    font-weight: 600;
    /*padding-left: 62px;*/
}

.breadcrumb_level_02 {
    font-weight: 300;
}

.breadcrumb_desc {
    color:#AAB0C2;
    font-size:10px;
    display: block;
    word-spacing:0px;
    padding:4px 0px;
    display:none;
}


.breadcrumb a, .breadcrumb_level_02 a { color:#3C57A1; }


/* NOVO HEADER */
/* NOVO HEADER */
/* NOVO HEADER */













/* NOVO FOOTER */
/* NOVO FOOTER */
/* NOVO FOOTER */

.novofooter {
    position: fixed;
    bottom:0px;
    left:0px;
    z-index:20;
    background-color:#fff;
    box-shadow: 0px 3px 16px 0px rgba(60,87,161,0.35);
    width:100%;
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    height:35px;
}

.novofooter_marquee {
    width:calc(100% - 500px);
    float:left;
    text-align:right;
    padding:7px;
    font-size:16px;
    font-weight: 600;
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";  
}

.novofooter_copyright {
    float:right;
    text-align: right;
    padding:10px;
    width:500px;
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    color:#7b859b;
    font-size:12px;
    font-weight: 400;
}

.novofooter_copyright span {
    font-weight: 600;
}


/* NOVO FOOTER */
/* NOVO FOOTER */
/* NOVO FOOTER */





.novologin_div_loading {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.84);
    z-index: 99;
    text-align: center;
    color: #888;
    padding-top: 40px;
}



.novologin_body {
    overflow:auto;
    background-color: #F5F6FA;
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";   
}

.novologin_Error {
    display:block;
    width:100%;
    margin:0px auto;
}

.novologin_SuccessMessage {
    display:block;
    border:1px solid #749f25;
    border-radius:6px;
    padding:15px;
    margin:15px auto;
    text-align:center;
    color:#749f25;
    font-size: 13px;
}

.novologin_ErrorMessage {
    display:block;
    border:1px solid #cc0000;
    border-radius:6px;
    padding: 15px 5px;
    margin:15px auto;
    text-align:center;
    color:#cc0000;
    font-size: 13px;
}

.novologin_RememberAlert {
    display:block;
    border-radius:6px;
    margin:15px auto;
    text-align:center;
    color:#7b859b;
    font-size: 13px;
}

#esqueceu_senha_form input {
    text-align: center;
}

.novologin_ErrorIP {
    display:block;
    margin:5px auto;
    text-align:center;
    color:#C3C8D7;
    font-size: 12px;
}

.novologin_gradient {
    height:15px !important;
}

.novologin_Mobilegradient {
    position: absolute;
    top:0px;
    left:0px;
    height:15px !important;
    width:100%;
    display:none;
}

.novologinContainer {
    box-sizing: border-box;
}

.novologin_dados {
    width:720px;
    height:100vh;
    float:left;
    background-color:#fff;
    position:relative;
    min-height: 720px;
    display: flex;
    align-items: center;
}

.novologin_content {
    width: 70%;
    max-width: 600px;
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -60%); */
    margin: 0px auto;
    margin-top: -60px;
}

.novologin_Logo {
    display: block;
    height: 10vh;
    min-height: 80px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: url(../_elementos2020/novo_logo_blue.svg);
    background-size: contain;
    margin: 0px auto;
    margin-bottom: 20px;
}

.novologin_powered_by_blue {
    background-repeat: no-repeat;
    background-position: top right;
    background-image: url(../_elementos2020/powered_by_blue.svg);
    background-size: contain;
    visibility: hidden;
    height: 70px;
}

.novologin_label {
    color:#3C57A1;
    font-weight:700;
    display:block;
    font-size:13px;
    padding:5px 0px;
}

.novologin_label i {
    color:#aab0c2;
}

/* Cor de fundo do autocomplete */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #F2F3F6 inset;
}

.novologin_rememberPassword {
    text-align: center;
}

.novologin_rememberPassword a {
    color:#4E5B73;
}

#esqueci_senha_form {
    margin-bottom:30px
}

/*
#div_login {
    padding-bottom:20px;
}*/

/*
.novologin_rememberPassword a {
    text-decoration: none;
    color: #7b859b;
    background-color: #FFF;
    border-radius: 5px;
    display: inline-block;
    font-size: 13px;
    padding: 12px 24px 12px 24px ;
    text-transform: uppercase;
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    text-align: center;  
}
*/

.novologin_footer {
    width:100%;
    background-color:#F5F6FA;
    position:absolute;
    bottom:0px;
    left:0px;
    font-size:12px;
    color:#4E5B73;
    font-weight: 400;
    padding:30px 40px;
    box-sizing: border-box;
    font-family: 'Oxygen', sans-serif;
}

.novologin_footer span {
    color:#3C57A1;
    font-weight:700;
    display:block;
}

.novologin_footer span i {
    margin-bottom:5px;
}

.novologin_footer_text {
    max-width:423px;
}


.novologin_splash {
    width:calc(100% - 720px);
    height:100vh;
    background-color: #222444;
    float:left;
    position: relative;
    background-image: url(../_elementos2020/bg_login.jpg);
    background-size: cover;
}




.novologin_splash_info {
    position: absolute;
    top:50%;
    width:100%;
    max-width:880px;
    min-height: 450px;
    transform: translate(0, -50%);
    padding:40px 0px 40px 0px;
    background-repeat: no-repeat;
    background-image: url(../_elementos2020/login_fluxo.png);
    background-position: left bottom;
}

.novologin_splash_info h1 {
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    color:#fff;
    font-size:75px;
    font-weight:200;
    padding:0px 0px 0px 97px;
    letter-spacing: -3px;
    margin:0px;
}

.novologin_splash_info h1 i {
    display:inline-block;
    margin:5px 0px 0px 0px;
}

.novologin_splash_info h2 {
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    color:#fff;
    font-size:30px;
    font-weight:200;
    letter-spacing: -0.3px;
    padding:5px 10px 30px 97px;
    margin:0px;
    line-height:45px;
}

.novologin_splash_info h2 span {
    font-weight:600;
}

.novologin_splash_copyright {
    /*border:1px solid #fff;*/
    position: absolute;
    bottom:0%;
    right:0px;
    width:100%;
    padding:40px;
    text-align:right;
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    color:#fff;
    font-size:14px;
    font-weight:300;  
}

.novologin_splash_copyright img {
    width:180px;
    margin-bottom:10px;
}


.novologin_sobrescreverContainer {
    text-align: center;
    height:100vh;
    position: relative;

}

.novologin_sobrescrever {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    background-color:#fff;
    max-width:600px;
    padding:40px;
    text-align: center;
    box-shadow: 0px 10px 20px 0px rgba(195,200,215,0.6);
}














/* novoMenu2020 */
/* novoMenu2020 */
/* novoMenu2020 */
/* novoMenu2020 */



.novoMenu2020 { 
    box-sizing: border-box;
    position: absolute; 
    display:inline-block; 
    height:calc(100vh - 35px); 
    width:67px;
    top:0px; 
    z-index:15 !important;
    background-color:#fff; 
    vertical-align:top; 
    overflow:hidden;
    margin:0px;
    box-shadow: 0px 3px 16px 0px rgba(60,87,161,0.35);
    text-align:left;
    transition: all 0.25s cubic-bezier(0.155, 0.045, 0.000, 0.970);
}

.novomenu2020_fecharContainer {
    background-color:#C3C8D7;
    transition: all 0.25s ease-in-out;
}

.novomenu2020_fecharContainer:hover {
    filter:brightness(105%);
    transition: all 0.25s ease-in-out;

}

.novomenu2020_fechar_seta {
    transition: all 0.25s ease-in-out;
}


.novomenu2020_fecharContainer:hover .novomenu2020_fechar_seta {
    transform:translateX(5px);
    transition: all 0.25s ease-in-out;
}


.novomenu2020_fechar {
    position: absolute;
    top:0px;
    left:67px;
    height:67px;
    width:calc(400px - 67px);
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    color: #FFF;
    font-weight: 600;
    padding-top: 20px;
    font-size: 21px;
    user-select: none; 
    text-align: left; 
}

.novomenu2020_fechar i {
    position: absolute;
    right: 30px;
    font-size: 26px;
    opacity: 0.5;
    transform: scale(1.08);
    margin-top: 0;
}

.novomenu2020_fechar i:hover {
    position:absolute;
    opacity: 1;
}




/* MENU FECHADO icone estado 2 (hover) */

.novoMenu2020_fechado {
    color:#C3C8D7;
    width:67px;
    transition: all 0.25s ease-in-out;
}



.novoMenu2020_fechado:hover .novomenu2020_icone {
    color:#3C57A1;
    transition: all 0.25s ease-in-out;
}







/* icone estado 1 (estático) */

.novomenu2020_icone {
    width: 67px;
    height: 55px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    color:#C3C8D7;
    transition: all 0.25s ease-in-out;
}

.novomenu2020_icone::before {
    font-family: "Font Awesome 5 Pro";
    display:block;
    font-size: 19px;
    line-height: 55px;
    text-align: center;
    /*transition: all 0.25s ease-in-out;*/
}







/* icone estado 3 (expandido) */

.novoMenu2020_expandido {
    width:400px;
    transition: all 0.35s cubic-bezier(0.155, 0.045, 0.000, 0.970);
    overflow-x:hidden;
    overflow-y:auto;
    padding-bottom:35px;
}

.novoMenu2020_expandido .novomenu2020_icone {
    height:60px;
    transition: all 0.25s ease-in-out;
}

.novoMenu2020_expandido .novomenu2020_icone::before {
    color:#3C57A1;
    line-height:60px;
    transition: all 0.25s ease-in-out;
}






/* OPÇÃO DO MENU CLICADA */

.menuClicado .novomenu2020_icone {
    color: #3C57A1;
}

.menuClicado {
    background-color: #e4e7ef;
    border-left: 5px solid #3c57a1;
}

/* OPÇÃO DO MENU CLICADA */











.novomenu2020_separador {
    height:15px;
}

.novomenu2020_sub_icon {
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding-right: 14px;
}

.novomenu2020_sub_conteudo {
    padding:30px;
    overflow: auto;
    height: calc(100vh - 35px - 67px);    
}

.novomenu2020_sub_desc {
    background-color:#3C57A1;
    color:#fff;
    height:67px;
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    box-sizing: border-box;
    font-weight: 500;
    padding: 19px 0px 0px 29px;
    font-size: 23px;
}

.novomenu2020_grupo {
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    color: #3C57A1;
    font-weight: 600;
    padding-top: 15px;
    font-size: 14px;
    padding: 30px 0px 1px 7px;
    margin-bottom: 10px;
}






/* cards 2020 */

.cards_container {
    display: block;
    text-align: left;
    padding-bottom: 10px;
}


.cards_container ul {
    display: flex;
    flex-flow: row wrap;
}

.cards_container ul li {
    display: inline-block;
    vertical-align: bottom;
}


.cards_tituloBox {
    width: 105px;
    height: 74px;
    margin: 0px 6px 6px 0px;
    color: #ffffff;
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    font-size: 12.5px;
    font-weight: 500;
    padding: 15px 20px 15px 20px;
    border-radius: 0px 3px 3px 0px;
    margin-left: -20px;
    background-color: #3c57a1;
}

.cards_tituloBox i {
    display: block;
    font-size:25px;
    margin-bottom: 8px;
}

.cards_acoesBox {
    background-color: #aab0c2;
}




.cards_container ul li a {
    display: inline-block;
    width:85px;
    height:85px;
    text-align: left;
    background-color: #fff;
    vertical-align: bottom;
    padding:10px;
    color:#3C57A1;
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    font-size:12.5px;
    font-weight: 500;
    margin:0px 6px 6px 0px;
    border-radius:4px;
    box-shadow: 0px 4px 13px 0px rgba(195,200,215,0.3);
    transition: all 0.15s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cards_container ul li a i {
    display: block;
    font-size: 23px;
    margin-bottom: 1px;
    height: 27px;
    padding-top: 2px;
    color: #E4E7EF;
    font-weight: 200;
}

.cards_container ul li a:hover, a.cards_selecionado {
    color: #fff !important;
    background-color:#3c57a1 !important;
    transition: all 0.15s ease-in-out;
}

.cards_container ul li a:active {
    transform: scale(0.90);
    transition: all 0.15s ease-in-out;
}








/* JANELAS FLUTUANTES */

.janela_div_TABLE {
    box-sizing:border-box;
    background-color: #fff;
    color: #3c57a1;
    border:0;
    font-family: "Raleway", Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    box-shadow: 0px 50px 86px 0px hsla(224, 16%, 43%, 0.35);
    border-spacing: 0px;
}

.janela_div_table_TITULO {
    position: relative;
    font-size: 17px;
    font-weight: 500;
    padding: 10px;
    padding-bottom: 0px;
}

.janela_div_table_TITULO:hover {
    
}

.janela_div_table_TITULO i {
    position: absolute;
    right: 10px;
    color: #3c57a1;
    font-size: 23px;
}

.janela_div_table_TITULO i:hover {
    opacity: 0.7;
}


.janela_div_table_TD {
    height: 500px;
    overflow: auto;
    overflow-y: auto;
    background-color: #F5F6FA;
    padding: 20px;
    vertical-align: top;
    border: 10px solid #fff;
    border-radius: 14px;
}

.janela_div_table_DIV {
    max-height: 500px;
    overflow-y: auto;
}

/*
#but_procurar_moldura_atalhos_id_cliente a img {
    display:none;
}
*/

/* JANELAS FLUTUANTES */










/* NAVEGAÇÃO PAGINADOR */

.tb_A_nav span.esquerda a {
    background-color: #fff;
    display: inline-block;
    padding:7px;
    font-size: 14px;
    border-radius:2px;
    vertical-align: middle;
    margin-right: 4px;
}

.tb_A_nav span.esquerda a span {
    color: #3c57a1;
}

.tb_A_nav span.esquerda a:hover {
    background-color: #3c57a1;
}

.tb_A_nav span.esquerda a:hover span {
    color: #fff;
}

.tb_A_nav span.esquerda a:hover i {
    color: #fff;
}


.tb_A_nav span.esquerda a:active { transform: scale(0.94); }
.tb_A_nav span.direita a:active { transform: scale(0.94); }





#div_view_exemploPagCentro {
    font-size: 13px;
    color: #2c3c63;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;    
}

/*
.paginador_button_extremos {
    padding: 5px 6px;
    font-size: 19px;    
}
*/


.tb_A_nav span label {
    background-color: #fff;
    display: inline-block;
    padding: 6px 15px;
    font-size: 12px;
    border-radius:2px;
    vertical-align: middle;
    color: #2c3c63;
    margin-right: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;    
}

.ml-20px {
    padding:0px !important;
    margin:0px !important;
    margin-left: 20px !important;
}


.ml-20px select, .tb_A_nav select {
    vertical-align: middle;
    border: 0;
    padding: 6px 7px 5px 7px;
    font-size: 12px;
    border-radius: 2px;
    vertical-align: middle;
    color: #2c3c63;
    background-color: #fff !important;
}

.ml-20px select:focus, .tb_A_nav select:focus {
    border:0px !important;
}


/* NAVEGAÇÃO PAGINADOR */










/* AJUSTES ESPECÍFICOS -  */
/* AJUSTES ESPECÍFICOS -  */

#atividade_alvo_ajax_10 {
    text-align: left;
}


.padding_superior_inferior {
    padding: 40px 0px;
}

img[src="_elementos/but_calend.gif"] {
    width: 26px;
    height: 28px;
}




/* CALENDAR */

.calendario2020_hoje {
    background-color:#3C57A1 !important;
}

#calendarioSelec {
    margin-top:5px;
}

.calendario2020_div {
    padding: 10px 10px 0px 10px;
    border-radius: 8px;
    box-shadow: 0px 10px 20px 0px rgba(195,200,215,0.6);
    width:300px;
    background-color: #fff;
}

.calendario2020_fechar {
    padding-bottom: 8px;
}

.calendario2020_fechar i {
    color:#3C57A1;
    font-size: 20px;
}

.calendario2020_fechar i:hover {
    opacity: 0.5;
}

.calendario2020_table {
    width:100%;
    border-spacing: 0;
    box-sizing: border-box;
    border-collapse: collapse;    
}

.calendario2020_trCabecalho {
    background-color: #3C57A1;
}

.calendario2020_trCabecalho td {
    padding:5px;
}

.calendario2020_trCabecalho td i:hover {
    opacity: 0.5;
}

#calend_RotuloSuperior {
    font-size: 17px;
    font-weight: 500;    
}

.calendario2020_td {
    padding:0;
    vertical-align: bottom;
    background-color: #F2F3F6;
}

.calendario2020_td div {
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    background-color: #F2F3F6;
    color: #4E5B73;
    line-height: 25px;
    border-bottom: 1px solid #fff;
    border-radius:4px;
}

.calendario2020_td div:hover {
    background-color: #E4E7EF;
    transition: all 0.15s ease-in-out;
}

.calendario2020_td_domingo div {
    background-color: #E4E7EF;
    border-radius:0px;
    transition: all 0.15s ease-in-out;
}

.calendario2020_td_weekday {
    text-align: center;
    padding:4px;
    font-size: 12px;
    color:#fff;    
    font-weight: bold;
    background-color: #C3C8D7;
}


/* CALENDAR */





/* AJUSTES ESPECÍFICOS -  */
/* AJUSTES ESPECÍFICOS -  */




/* LISTAGEM DE ATIVIDADES */

.th_listAtividades_Etapa {
    white-space: nowrap;
}

.tr_listAtividades {
    min-height:43px;
}

.div_listAtividades_AvatarResponsavel {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../_elementos2020/user_avatar.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 100%;
    vertical-align: middle;
    margin: 0px 5px 0px 0px;
}

.div_listAtividades_Prazo {
    border-radius: 3px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
}

.div_listAtividades_Situacao {
    padding: 2px 10px 2px 10px;
    border-radius: 20px;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    font-family: "Raleway", sans-serif !important;
    cursor: default;
    min-width: 80px;
}

.situacao_nao_iniciada {
    background-color: #fff;
    color:#767f94;
}

.situacao_nao_iniciada::before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
    margin-right:4px;
}

.situacao_em_andamento {
    background-color: #3C57A1;
    color:#fff;
}

.situacao_em_andamento::before {
    content: "\f363";
    font-family: "Font Awesome 5 Pro";
    margin-right:4px;
}

.situacao_concluida {
    background-color: #A2C954;
    color:#fff;
}

.situacao_concluida::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    margin-right:4px;
}

.situacao_cancelada {
    background-color: #d1d5e0;
    color:#fff;
}

.situacao_cancelada::before {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    margin-right:4px;
}





.div_listagem_verDetalhes {
    display: block;
    transform: translateY(-1px);
    white-space: nowrap;
}

.div_listagem_verDetalhes a {
    border-radius: 25px;
    transition: all 0.15s ease-in-out;
    padding: 3px 5px 4px 5px !important;
    border: 1.5px solid transparent;
    text-align: center;
    display: block;
}

.div_listagem_verDetalhes a:hover {
    transition: all 0.15s ease-in-out;
    background-color: #fff;
    color:#3C57A1 !important;
    text-decoration: none !important;
}

.div_listagem_verDetalhes a span {
    white-space: nowrap;
    font-size: 10.5px;
    overflow: hidden;
    text-transform: uppercase !important;
    font-family: 'Raleway', Verdana, Arial, Helvetica, "sans-serif";
    font-weight: 600;
    transform: translateY(1px);
    display: inline-block;
    vertical-align: middle;    
}

.tb_A_dados tr.selected td .div_listagem_verDetalhes a {
    color:#fff;
    border: 1.5px solid #fff;
}

.div_listagem_verDetalhes a i {
    font-size: 13px;
    margin: 0px 3px 0px 0px;
    vertical-align: middle;
}








.novoBotao_simples {
    display: inline-block;
    background-color: #fff;
    border-radius: 20px;
    color: #6f7990;
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    padding: 5px 23px 4px 20px !important;
    line-height: 16px;
    margin-top:6px;
    border: 1px solid #c9cedb;
    transition: all 0.15s ease-in-out;
}

.novoBotao_simples:hover {
    border-color:#3C57A1;
    color:#3C57A1;
    transition: all 0.15s ease-in-out;
}

.novoBotao_simples i {
    margin-right:10px;
    display: inline-block !important;
}





.listagem_legenda {
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    line-height: 23px;    
}



.atividade_detalhe_left {
    float:left;
    width:50%;
}

.atividade_detalhe_right {
    float:right;
    width:50%;
    padding-left: 20px;
}

.listagem_alterar_responsavel, .mudar_etapa_atividade {
    float:right;
    position:absolute;
    right: 0px;
    top: 13px;
}






.listagem_icone_ferramentas { cursor:default; display: inline-block; white-space: nowrap; font-size: 13px; color:#858fad; }
.listagem_icone_comentarios { cursor:default; display: inline-block; white-space: nowrap; font-size: 13px; color:#858fad; }
.listagem_icone_aprovacoes { cursor:default; display: inline-block; white-space: nowrap; font-size: 13px; color:#858fad; }
.listagem_icone_arquivos { cursor:default; display: inline-block; white-space: nowrap; font-size: 13px; color:#858fad; }
.listagem_icone_formularios { cursor:default; display: inline-block; white-space: nowrap; font-size: 13px; color:#858fad; }
.listagem_icone_contatos { cursor:default; display: inline-block; white-space: nowrap; font-size: 14px; color:#858fad; }

.listagem_icone_ferramentas i { margin-right:4px; font-weight: 300 !important; }
.listagem_icone_comentarios i { margin-right:4px; font-weight: 300; }
.listagem_icone_aprovacoes i { margin-right:4px; font-weight: 300; }
.listagem_icone_arquivos i { margin-right:4px; font-weight: 300; }
.listagem_icone_formularios i { margin-right:4px; font-weight: 300; }
.listagem_icone_contatos i { margin-right:4px; font-weight: 300; }

tr.selected td .listagem_icone_ferramentas, tr.selected td .listagem_icone_ferramentas:hover { color:#fff !important; }
tr.selected td .listagem_icone_comentarios, tr.selected td .listagem_icone_comentarios:hover { color:#fff !important; }
tr.selected td .listagem_icone_aprovacoes, tr.selected td .listagem_icone_aprovacoes:hover { color:#fff !important; }
tr.selected td .listagem_icone_arquivos, tr.selected td .listagem_icone_arquivos:hover { color:#fff !important; }
tr.selected td .listagem_icone_formularios, tr.selected td .listagem_icone_formularios:hover { color:#fff !important; }
tr.selected td .listagem_icone_contatos, tr.selected td .listagem_icone_contatos:hover { color:#fff !important; }

.listagem_icone_ferramentas:hover { color:#3C57A1; }
.listagem_icone_comentarios:hover { color:#3C57A1; }
.listagem_icone_aprovacoes:hover { color:#3C57A1; }
.listagem_icone_arquivos:hover { color:#3C57A1; }
.listagem_icone_formularios:hover { color:#3C57A1; }
.listagem_icone_contatos:hover { color:#3C57A1; }

a .listagem_icone_ferramentas { cursor:pointer !important; }
a .listagem_icone_comentarios { cursor:pointer !important; }
a .listagem_icone_aprovacoes { cursor:pointer !important; }
a .listagem_icone_arquivos { cursor:pointer !important; }
a .listagem_icone_formularios { cursor:pointer !important; }
a .listagem_icone_contatos { cursor:pointer !important; }


/* LISTAGEM DE ATIVIDADES */










/* HISTORICO - COMENTARIOS - SITUACOES - RESPONSAVEIS */

.historico_container {
    padding:10px 0px;
}

.historico_container i {
    display: inline-block;
    margin: 0px 4px 4px 0px;
    font-size: 14px;
    color:#3C57A1;
}

/* HISTORICO - COMENTARIOS - SITUACOES - RESPONSAVEIS */











/* DETALHES DA ATIVIDADES */

.diagrama_etapa_linha {
    height: 19px;
    /*margin-top: 65px;*/
    border-bottom: 1px solid #C3C8D7;
    display: block;
    margin-bottom: -19px;
}

.diagrama_etapas_container {
    display:flex;
    justify-content: space-between;
}

.diagrama_etapa_atual_seta {
    color:#3C57A1;
    text-align: center;
    padding:3px;
    font-weight: bold;
    height:53px;
    visibility: hidden;
    font-size:13px;
}



.diagrama_etapa_atual_seta i {
    display: block;
    font-size: 22px;
    animation: seta_etapa_animada 1s ease-in-out alternate-reverse infinite;
}

@keyframes seta_etapa_animada {
    from { transform: translateY(0px); }
    to { transform: translateY(-4px); }
}






.mostrar_seta_etapa {
    visibility: visible;
}

.diagrama_etapa {

}

.diagrama_etapa_atual {
    border:2px solid #3C57A1;
    border-width: 2px !important; 
}

.diagrama_etapa_nome {
    padding: 10px 15px;
    display: block;
    width: 100%;
    border: 1px solid #C3C8D7;
    border-radius: 35px;
    background-color: #fff;
    text-align: center;
    min-width: 160px;
    max-width: 230px;
}

.diagrama_etapa_desc_curta  {
    text-align: center;
}

.diagrama_etapa_desc_curta a  {
    display: inline-block;
    text-align: center;
    font-size: 12px !important;
    font-family: "Raleway", sans-serif !important;
    font-weight: 500;
}

.diagrama_etapa_desc_curta a:hover  {
    color:#3C57A1;
}

.diagrama_etapa_desc_curta a:hover p {
    color:#3C57A1;
}

.diagrama_etapa_desc_curta a p {
    display: inline-block;
    text-align: center;
    margin: 12px 0px 0px 0px !important;
    font-size: 12px !important;
    font-family: "Raleway", sans-serif !important;
    font-weight: 500;
}

.diagrama_etapa_desc_longa {
    display: inline-block;
    text-align: center;
    display: none;
}

.diagrama_etapa_desc_longa p {
    text-align: center;
    font-size:11px !important;
    opacity: 0.8;
    margin:0px;
}

/* DETALHES DA ATIVIDADES */





















/* OPORTUNIDADES */

.oportunidade_detalhe_left {
    /*float:left;*/
    width:50%;
}

.oportunidade_detalhe_right {
    /*float:right;*/
    width:50%;
    padding-left: 20px;
}






.tb_A_bignumbers {
    padding: 12px !important;
}

.bignumber_container {
    display: flex;
    align-items: stretch;
    text-align: left;
}

.bignumber {
    display:inline-block;
    background-color:#F5F6FA;
    border-radius:5px;
    margin-right: 12px;
    padding: 15px 45px 15px 15px;
    text-align: left;
}

.bignumber_tit {
    font-weight:bold;
    color:#4E5B73;
    font-size: 12.5px;
    text-align: left;
}

.bignumber_tit::after {
    display: inline-block;
    margin-right:3px;
    content:"\f078";
    font-family: "Font Awesome 5 Pro";
    display:none;
}

.bignumber_valor {
    color:#3C57A1;
    font-size:45px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    letter-spacing: -1.5px;
    line-height: 30px;
    padding-top: 15px;
}

.bignumber_valor span {
    font-size:30px;
    display: inline-block;
    margin-right: 10px;
    text-align: left;
    
}

/* OPORTUNIDADES */

















/* UNIDADES */

.unidades_agrupamentos_tag {
    color: #ffffff;
    font-size: 12px;
    display: inline-block;
    margin: 3px 3px 0px 0px;
    border-radius: 2px;
    cursor: default;
    white-space: nowrap;
    overflow: hidden; 
}

.unidades_agrupamentos_tag .quadradinho_cor {
    display: inline-block;
    width:14px;
    height:14px;
    border:1px solid #fff;
}

.unidades_agrupamentos_tag .unidades_agrupamentos_tag_desc {
    display: none;
}

tr.selected .unidades_agrupamentos_tag {
    display: block;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
}

tr.selected .unidades_agrupamentos_tag .unidades_agrupamentos_tag_desc {
    display: inline-block;
    margin-left:3px;   
}




.ranking_tit {
    color:#3C57A1;
    font-size:22px;
    font-family: 'Oxygen', sans-serif;
    text-align:center;
    border-bottom:1px solid #3C57A1;
    padding: 20px;
}

.ranking_tit span {
    font-weight: bold;
}

.ranking_td_campos {
    width: 50px;
    padding: 8px 0px 8px 5px !important;
    vertical-align: top !important;
    font-family: "Raleway", sans-serif !important;
    text-transform: uppercase !important;
    font-size: 9px !important;
    font-weight: 700;
    color: #3c57a1 !important;
}

.ranking_td_campos a:hover {
    text-decoration: none !important;
}

.ranking_td_campos a:hover span::before {
    color: #3c57a1 !important;
}

.ranking_td_campos a span {
    padding: 9px;
    display: block;
    font-size:11px;
}

.ranking_td_icones {
    padding:5px !important;
}

.ranking_td_campos_altura {
    min-height:28px;
    display: block;
}

/* UNIDADES */




























.jstree_tipo_atividade {
    /*padding:30px;*/
}






/* PERFIS DE USUARIO */

.perfis_usuario_blocoTitulo {
    background-color:#3C57A1;
    color:#fff;
}










/* DASHBOARD */

.dashboard_container {
    margin: 0px auto;
    text-align: center;
}

.dashboard_menu {
    display: inline-block;
}

.dashboard_menu a {
    display: inline-block;
    width: 160px;
    height: 160px;
    color: #3C57A1;
    margin: 0px 15px 15px 0px;
    padding: 10px;
    vertical-align: top;
    border-radius: 5px;
    background-color: #fff;
    transition: all 0.15s ease-in-out;
    text-align: center;
}

.dashboard_menu a img {
    display: none;
}

.dashboard_menu a i {
    display: block;
    font-size: 45px;
    padding: 10px;
    margin-top: 33px;
}

.dashboard_menu a:hover {
    transform: translateY(-5px);
    transition: all 0.15s ease-in-out;
    box-shadow: 2px 10px 18px -4px rgba(60,87,161,0.35);
    background-color: #3C57A1;
    color:#fff;  
}

.dashboard_menu span {
    font-family: "Raleway",sans-serif;
    font-size:16px;
    text-align: center;
    display: inline-block;
}


.dashboard_quadro {
    display: block;
    margin:15px auto;
}














/* DESIGN SYSTEM */

.section_designsystem {
    padding-bottom:120px;
}

.section_designsystem h1 {
    color:#3C57A1;
    font-size:34px;
    font-weight:300;
    margin:0px;
    padding:0px;
    padding-top:30px;
}

.section_designsystem h2 {
    color: #3c57a1;
    font-size: 21px;
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    padding-top: 30px;
}

.section_designsystem h2 span {
    color:rgb(224, 84, 84);
}

.designsystem_p_principal {
    color: #4e5b73;
    font-family: 'Oxygen', sans-serif;
    line-height: 22px;
    font-size: 16px;
    padding: 0px;
    margin: 10px 0px 15px 0px;
    letter-spacing: 0.2px;   
}

.section_designsystem p {
    color: #4e5b73;
    font-family: 'Oxygen', sans-serif;
    line-height: 22px;
    font-size: 14px;
    padding: 0px;
    margin: 10px 0px 15px 0px;
    letter-spacing: 0.2px;
}


.section_designsystem p span {
    font-weight: bold;
}

.designsystem_codebutton {
    display: inline-block;    
    background-color:#3C57A1;
    color:#fff;
    padding:3px 10px;
    vertical-align: middle;
    cursor:pointer;
}

.designsystem_codebutton i {
    transform: translateY(1px);
    margin-left:5px;
    color:#c3c8d7;
}

.designsystem_codebutton::after {
    content: " Ver código";
    display: inline-block;    
    vertical-align: middle;
    cursor:pointer;    
    width:0px;
    padding-left:6px;
    white-space: nowrap;
    overflow: hidden;
    transition: all 0.1s ease-in-out;
    color:#c3c8d7;
    transform: translateY(-1px);
}

.designsystem_codebutton:hover {
    color:#fff !important;
}

.designsystem_codebutton:hover::after {
    width:80px;
    transition: all 0.1s ease-in-out;
    color:#fff !important;
}

.designsystem_codebutton:active {
    background-color:#3C57A1;
}


.ancora_topo {
    border-bottom: 1px solid #c3c8d7;
    padding:5px 0px;
    text-align:right;
    margin: 40px 0px;
    font-size:15px;
}

.ancora_topo a {
    color:#3C57A1;
    font-weight: 500;
    transition: all 0.10s ease-in-out;
    display: inline-block;
    padding:5px 0px 5px 5px;
}

.ancora_topo a:hover {
    transition: all 0.10s ease-in-out;
    transform: translateY(-2px);
}    

.ancora_topo a i {
    font-size:12px;
}



.designsystem_classes {
    overflow: hidden;
    height:30px;
    transition: all 0.3s ease-in-out;
}

.designsystem_classes_open {
    height:210px;
    transition: all 0.3s ease-in-out;
}



.designsystem_classes_open .designsystem_codebutton::after {
    content: " Fechar código";
    width:100px !important;
    transition: all 0.1s ease-in-out;
}



.designsystem_textarea {
    display: block;
    opacity: 0;
    background-color: #3C57A1 !important;
    border-radius:0px !important;
    padding:15px;
    color:#fff;
    font-family: monospace;
    overflow: auto;
    margin-top:20px;
    width:700px !important;
    height:0px;
    transition: all 0.3s ease-in-out;
}

.designsystem_textarea:hover {
    background-color: #3C57A1 !important;
}


.designsystem_textarea_open {
    height:160px;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}


.designsystem_link_exemplo {
    font-weight: bold;
    color: #3C57A1;
    text-decoration: underline !important;
}

.designsystem_link_exemplo:after {
    content: "\f35d";
    font-family: "Font Awesome 5 Pro";
    text-decoration: none !important;
    margin-left:5px;
}








.tb_A_flex {
    display:flex;
    align-items: stretch;
}

.tb_A_flex_coluna {
    margin-left:20px;
    flex: 1;
}

.tb_A_flex_coluna .tb_A {
    
}

.tb_A_flex_coluna:nth-child(1) {
    margin-left:0px !important;
}





/* DESIGN SYSTEM */




/* CARREGANDO */

.loading_blue2020, .scheduler_loandig {
    height: 300px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    flex-flow: column;
    color:#3C57A1;
}

.loading_blue2020 h2, .scheduler_loandig h2 {
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    color: #3C57A1;
    font-size: 15px;
    font-weight: 500;
    font-family: "Raleway", sans-serif;
    padding: 7px;
}

.loading_blue2020 i, .scheduler_loandig i {
    color:#3C57A1;
}

.fa-spin {
    -webkit-animation: fa-spin 0.5s linear infinite !important;
    animation: fa-spin 0.5s linear infinite !important;
}

.loading_blue2020 i::before, .scheduler_loandigi::before {
    content: "\f3f4" !important;
}

/* CARREGANDO */

















/* Componente JS_Tree - Árvore de Tipos de Atividades (visível em Adicionar Atividade */

.jstree-proton .jstree-wholerow {
    height: 32px !important;
    border-radius: 3px;
}

.jstree-proton .jstree-hovered {
    background: #a0a4af;
    box-shadow: inset 0 0 1px #a0a4af;
}

.jstree-proton.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
    background: #a0a4af;
}

.jstree-proton.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
    background: #a0a4af;
}

.jstree-proton .jstree-wholerow-hovered {
    background: #a0a4af;
}

.jstree-proton-responsive .jstree-wholerow-hovered {
    background: #a0a4af;
}

.jstree-proton .jstree-wholerow-clicked {
    background: #3C57A1;
}

.jstree-proton .jstree-folder {
    background-size: 320px 96px;
}
.jstree-proton .jstree-anchor {
    /*font-size: 13.5px;*/
    font-size: 14px;
}

.jstree-proton .jstree-node {
    min-height: 32px !important;
    line-height: 32px !important;
}

.jstree-proton .jstree-icon:empty {
    height: 32px !important;
}

.jstree-proton .jstree-icon:empty {
    height: 32px !important;
    line-height: 32px !important;
    margin-top: 2px;
    margin-left: 6px;
}

.jstree-proton>.jstree-no-dots .jstree-closed>.jstree-ocl {
    margin-top: 3px;
}

.jstree-proton .jstree-anchor {
    line-height: 29px;
    margin: 1px 0 2px;
    height: 32px;
    font-family: "Raleway", sans-serif;
}

.jstree-proton>.jstree-no-dots .jstree-closed>.jstree-ocl {
    margin-top: 3px;
}

.jstree-proton>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -37px -5px;
    margin-top: 3px;
}

/* Componente JS_Tree - Árvore de Tipos de Atividades (visível em Adicionar Atividade */





















/* UI DIALOG */

.ui-widget-content {
    border: 0px;
    background: #fff;
    margin: -2px;
}

.ui-widget.ui-widget-content {
    border: 0px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 12px 10px;
    background: none;
    overflow: auto;
    background-color: #f2f3f6;
}

.ui-widget-header {
    border: 0;
    background: #ffffff;
    color: #3c57a1;
    font-weight: 500;
    border-radius: 0px !important;
    font-family: "Raleway", sans-serif;
    padding: 10px 12px !important;
    font-size: 15px;
    padding-bottom: 15px !important;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(220, 20%, 28%, 1) !important;
    opacity: 0.7 !important;
}

   
.ui-icon-background,.ui-state-active .ui-icon-background{
    background-color:#3C57A1 !important;
}

/* UI DIALOG */














/* media-queries 2020 */

@media screen and (max-width: 1280px) {
    .novologin_dados {
        width: 100%;
        min-height: 750px;
    }

    .novologin_Mobilegradient {
        display:block;
    }

    .novologin_splash {
        display: none;
    }

}


@media screen and (max-width: 1024px) {
    body { 
        overflow-x: auto;
        overflow-y: auto;
    }

    .header2020_ambiente {
        display: none;
    }

}





@media screen and (max-height: 1070px) {
    .novoMenu2020 .novomenu2020_icone {
        height: 45px;
    }
    
    .div_menu_esquerdo_conteudo_span {
        line-height: 45px;
    }

    .novomenu2020_icone::before {
        line-height: 45px;  
    }

    .novoMenu2020_expandido .novomenu2020_icone {
        height: 50px;
    }

    .novoMenu2020_expandido .novomenu2020_icone::before {
        line-height: 50px;
    }

    .novoMenu2020_expandido .div_menu_esquerdo_conteudo_span {
        line-height: 50px;
    }

}




@media screen and (max-height: 880px) {
    .novoMenu2020 .novomenu2020_icone {
        height: 37px;
    }

    .div_menu_esquerdo_conteudo_span {
        line-height: 37px;
    }

    .novomenu2020_icone::before {
        line-height: 37px;  
    }

    .novoMenu2020_expandido .novomenu2020_icone {
        height: 50px;
    }    

}