body {
    --body-font-family: 'Open Sans',Arial, sans-serif;
    --title-font-family: 'Open Sans', Arial, sans-serif;
    --body-font-size: 14px;
    --body-font-weight: 400;
    --title-font-weight: 700;

    --first-color: #FFF; /* Background Color / Bg Do NAV */
    --second-color: #000; /* Textos Gerais, Títulos Do Nav */
    --third-color: #005078; /* Botões, Barra de Progresso, Botão ACEITAR */
    --fourth-color: #005078; /* Sub Títulos, Formulários, Inputs */

    --success-button-color: var(--third-color);
    --decline-button-color: #a93654; /* Botões de Decline (recusar proposta, encerrar negociação, não, cancelar */
    --warning-button-color: #ec971f; /* Botões de Decline (recusar proposta, encerrar negociação, não, cancelar */

    --btn-radius: 15px;
    --btn-padding: 8px 30px;

    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

.topo-esquerda {
    background: var(--first-color);
    color: var(--second-color);
    box-shadow: 16px 0 2rem 0 rgba(0,0,0,.2);
}
.lateral-esquerda * {
    /*z-index: 1!important;*/
}
.col1-con {
    background: none;
}
div.main-container .bg:first-child {
    background: #FFF;
}
#col-sumario {
    background: #FFF;
}
.menu-bar3 {
    background: inherit;
}

.topo-esquerda * {
    color: var(--second-color);
}
.topo-esquerda img {
    filter: invert(1);
}
.men-info a { /* foto usuário */
    color: var(--second-color);
}
.men-info .nav-pills li a:hover, .men-info .nav-pills li a:focus {
    background-color: var(--second-color);
    color: var(--first-color);
}

.middle-sec {
    background: #F3F3F2;
    color: #323237;
}
.footer {
    background: var(--first-color);;
    background-repeat: repeat-x;
    padding: 15px;
    color: var(--second-color);
}
.bg {
    background: var(--first-color);
    /*color: var(--second-color);*/
}

.col-2 {
    filter: invert(1);
    margin-left: -2px;
    background-size: contain;

    box-shadow: 16px 0 2rem 0 rgba(255,255,255,.2)
}

.coll-head h4 {
    /*text-transform: capitalize;*/
    font-weight: 300;
}

.col-2con {
    border-color: #969696 !important;
    border-width: 0.2rem;
    margin-left: -1px;
}

.padd-to-total {
    padding-top: 30px;
}
.blue-box {
    color: #333;
    background: #dcdcdc;
}
.blue-box h3 {
    color: #5f5f5f;
}
.blue-innner h2 {
    font-family: var(--title-font-family), sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 36px;
    border-top: 3px solid #484848;
    border-bottom: 3px solid #5f5f5f;
    padding: 10px 0;
    margin: 10px;
}
.divisor{
    border-bottom: 3px solid #5f5f5f;
    width: 100%;
}
.footer {
    border-top: 1px solid #969696 ;
}





.modal-confirmacao {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .modal-confirmacao:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
.modal-confirmacao .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.inactive {
    opacity: 0.6;
}

@media (min-width: 768px) {
    .max-w2 {
        max-width: 900px;
        margin: 0 auto;
    }
}

/* BOTOES */
button.gr,
.btn-info,
.text-center a,
.blue-box.text-center a,
.btn-primary,
input.butt  {
    background: var(--third-color);
    transition: all 100ms ease-in;
    border: 1px solid var(--third-color);
}
button.gr:hover,
.btn-info:hover,
.text-center a:hover,
.blue-box.text-center a:hover,
.btn-primary:hover,
input.butt:hover {
    filter: brightness(0.8);
}

.text-center button.gr,
button.gr,button.pin,
.text-center a,
.blue-box.text-center a,
.btn-primary,
input.butt,
.btn {
    border-radius: var(--btn-radius)!important;
    padding: var(--btn-padding)!important;
    transition: filter 100ms ease-in;
}
.btn:hover {
    filter: brightness(0.8);
}

button.gr, a.gr, a.green22, .btn.btn-sucess {
    background: var(--success-button-color)!important;
    border-color: var(--success-button-color)!important;
}
.btn-success {
    background: var(--success-button-color)!important;
    border-color: var(--success-button-color)!important;
}
.btn-warning {
    background: var(--warning-button-color)!important;
    border-color: var(--warning-button-color)!important;
}

.btn.pink, .btn.btn-danger, button.pin {
    background: var(--decline-button-color)!important;
    border-color: var(--decline-button-color)!important;;
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

/* FIM BOTOES */


/* imagens do login */
.media-object {
    filter: invert(0.8);
}
/* FIM imagens do login */


.progress .progress-bar {
    background-color: var(--third-color);
}

div.tooltip * {
    color: #FFF!important;
}

/* FORMS e LABELS*/
td.blue, .bor-b, .col1-con h4, #col-sumario-content .blue, .form, .form h4, .lateral-esquerda .blue, .col-2con h4 span, .max-w > h4.text-center, .modle-center h3.center,.modle-center p, .blue   {
    color: var(--fourth-color);
}
.form-control {
    border-color: var(--fourth-color)!important;
}
.bor-b {
    font-weight: 400;
}


/* Celular View */
@media screen and (max-width: 767px) {
    .gr {
        margin-bottom: 10px;
    }
    #ifrAcordo {
        height: 600px!important;
    }
}

/* END Celular View */


/* estruturas from orange theme*/
.blue-box {
    background: white;
    box-shadow: 0 0 2rem 0 rgba(0,0,0,.2);
}



.withdrawal-resume {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 20px;
    margin: 20px 20px;
    font-size: 2rem;
    min-width: 156px;
    min-height: 150px;
    width: 100%;
}

.box-shadow {
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.2);
}
.col-2con {
    color: var(--fourth-color);
}
/**/

.btn-primary:hover, .btn-primary:focus {
    color: #fff;
    background-color: var(--third-color);
    border-color: var(--third-color);
}