﻿
#wrap-simulador {
    padding: 0.50rem;
    float: left;
    margin-top: -1rem;
}
#wrap-simulador tbody tr:nth-child(even) {background-color: #fff;}
#wrap-simulador h6, #wrap-simulador h5 {letter-spacing: .11875rem;}
#wrap-simulador h6 {color:#797979;}
#wrap-simulador h5 {color:#0a55a5; /*font-weight:600;*/ font-size: 0.98rem; padding: 0.55rem; border-radius:0.25rem; background: #f3f3f3;}
#wrap-simulador .evo-slider-ctn .evo-slider-hdr .evo-slider-hdr-value .evo-slider-range-input {
    font-size: 1.3rem;
    width: 100px;
    color: #265ea7;
}
#wrap-simulador .callout { color: #888;}
#wrap-simulador .button-group.expanded .button {
    /*box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);*/
}
#wrap-simulador .tdTotal {background:#f0ffe0 !important;}

.tbSimuladorContribuicao thead tr td {
    padding: 0.35rem;
    font-size: 0.80rem;
    text-align:center;

}

.tbSimuladorContribuicao tbody tr td {
    text-align:center;
    font-size: 0.80rem;
    padding: 0.35rem;
}

.tbSimuladorContribuicao tfoot, .valor {
    color:#05a75d;
}
.tbSimuladorContribuicao thead, .tbSimuladorContribuicao tbody, .tbSimuladorContribuicao tfoot {
    border: 0px solid #ededed;
    background:#fff;
}
.tbSimuladorContribuicao thead {
     border-bottom: 1px solid #c7c7c7;
}
.tbSimuladorContribuicao tbody td {
     border-bottom: 1px solid #f3f3f3;
}
.tbSimuladorContribuicao tfoot {
    border-top: solid 2px #e6e6e6;
    font-size: 0.88rem;
}


.tbSimuladorContribuicao>thead>tr {
    background-image:none;
    background-color: #fff;
}

.tfootColor {
    background: #ecfff2;
    color: #036d38;
}

#div-parametros, #wrap-simulador {
    background: #e8ebef;
}

#div-parametros .white-box {
    padding: 2rem 0rem;
}

#div-parametros label{
    color: #757575;
}


#div-parametros .evo-tooltip{float:right; color:#b1b1b1;}


#div-dados-participante {
    font-size: .85rem;
    line-height: inherit;
    color: #ababab;
    padding: 0 0 2rem 0;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

#div-dados-participante .row {
    max-width: 99% !important;
}

#div-dados-participante span {
    text-transform: uppercase;
    color: #969696;
    display: block;
    font-weight: bold;
}

#div-resultado {
    background: #edf1f5;
}


.margin {
    margin-bottom: 1.5rem;
}

#wrap-simulador h4 {
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0.05rem;
    margin: 0rem;
}

.valor {
    font-size: 27px;
}

.title1 {
    color: #7c94b3;
    padding: 0.1rem 0rem;
    margin-bottom: 0.50rem;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.title2 {
    color: #00a8c8;
    padding: 1.1rem 0rem;
    text-align: left;
    font-size: 1.3rem;
    text-transform: uppercase;
}

.white-box {
    background: #ffffff;
    padding: 2rem;
    margin-bottom: 15px;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.2);
    border-radius: 4px;
}

.white-box-r {
    background: #ffffff;
    padding: 2rem;
    margin-bottom: 15px;
    border-right: 1px solid rgba(120, 130, 140, 0.13);
}

.color-r {
    color: #f1b53d !important;
}
.yellow {
    background-color: yellow;
}
.fix-width thead, .fix-width tbody, .fix-width tfoot{
}
.p10{
    width:10%;
}
.p15{
    width:15%;
}
.tooltipcss {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipcss .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #888;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipcss:hover .tooltiptext {
    visibility: visible;
}
.inputSearch{
    float:right;
    width:30%
}