@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;600;700&display=swap');
@font-face {
    font-family: 'xilosa';
    src: url('../fontes/xilosa_.ttf');
}

@media (max-width: 480px)
{
    .w-20{
        width: 100% !important;
    }
}
.bg-login{
    /* background: url('/background-junino.jpg') !important; background-size: contain; */
    /* background-image: linear-gradient(90deg,  #021e38 0%,  #255a77 100%) !important; */
    background-image: linear-gradient(180deg,  #021e38 80%,  #103548 100%) !important;
}
.content-wrapper {
    background-color: #e1e1e1 !important;
  }
inicial{
    z-index: 5;
}
.inicial:hover{
    z-index: 9 !important;
}
.row{
    margin-right: 0px !important; margin-left: 0px !important;
}
.poppins{
    font-family: 'Poppins', sans-serif !important; 
}
.bg-grey{
    background-color: #eaebeb; transition: 0.3s;
}
.bg-grey:hover{
    background-color: #d1d0d0;
}
.soft-primary{
    background-color: #B6E9FE !important; border: solid 1px #76D7FE !important; transition: 0.7s !important; color: #12749B !important
}
.soft-primary:hover{
    background-color: #76D7FE !important; border: solid 1px #46C9FD !important;
}
.soft-success{
    background-color: #c9ffdd !important; transition: 0.7s !important; color: #087C33 !important
}
.soft-success:hover{
    background-color: #78F5A6 !important;
}
.soft-warning{
    background-color: #fbfcdb !important; transition: 0.7s !important;
}
.soft-warning:hover{
    background-color: #f7f9b4 !important;
}
.soft-nugerada{
    background-color: #e2f9fa !important; transition: 0.7s !important;
}
.soft-nugerada:hover{
    background-color: #59cbeb !important;
}
.soft-danger{
    background-color: #ffc5c5 !important; transition: 0.7s !important; color: #800d0d !important
}
.soft-danger:hover{
    background-color: #f67e7e !important; transition: 0.7s !important; color: #800d0d !important
}
.text-purple{
    color: purple;
}
.profile-user-img{
    max-height: 100px !important;
}
.bg-clean{
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
    margin: 20px 0 30px;
}.custom-file-label{
    position: relative !important; width: 100% !important;
}
.data_criacao{
    display: none;
}
.xilosa{
    font-family: xilosa;
}
/* .login-box h2{
    font-family: xilosa;
} */
.opacity-4{
    background-color: #021e38; box-shadow: #000000 0px 2px 20px;
}
.login-box input{
    background: none !important; 
}.login-box ::placeholder {
    opacity: 1; /* Firefox */
  }
.bg_parcelas{
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 5px !important;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.custom-file-label::after{
    content: "BUSCAR" !important;
}
.historico .card-body{
    overflow-y: scroll; max-height: 600px;
}.alert-light a{
    color: #000000 !important;
}.brand-link{
    border-bottom: 1px solid #dee2e6 !important;
}
/* Tradicional */
.bg-natal{
    background-image: linear-gradient(-45deg,  #0a611e 0%,  #063b20 100%) !important; color: #ffffff;
}.overlay-natal{
    background-image: url('/flocos-neve.png'); position: absolute; height: 100%; width: 95%; max-width: 100%; opacity: 0.1;
}
.btn-natal{
    background-color: #660a0a !important; border: solid 3px #fff !important; color: #fff !important;
}
.bg-inter{
    background-color: #F87D0A;
}
.bg-meira{
    background-image: linear-gradient(-45deg,  #096ea4 0%, #021e38 100%) !important; color: #ffffff;
}
.bg-info a{
    color: #ffffff !important;
}.bg-info a:hover{
    background-color: rgba(255, 255, 255, 0.5);
}.login-page, .register-page{
    background-image: linear-gradient(#0f2a4d, #4c7f93) !important;
    /*background-color: rgba(0, 0, 0, 0.9) !important; background-image: url('/background.jpg') !important; background-repeat: no-repeat; background-position: center center; */
}.login-logo a, .register-logo a{
    color: #fff !important; font-size: 1.8rem !important; margin-bottom: 0px !important;
}.card a, .esteira a{
    color: #000;
}.card a:hover, .esteira a:hover{
    color: #17a2b8 !important;
}.nav-treeview{
    transition: padding .3s ease-in-out;
    padding-left: 1rem !important;
}.user-panel{
    border-bottom: 1px solid #dee2e6 !important; color: #ffffff;
}.modal-backdrop{
    z-index: 1030 !important;
}.modal{
    color: #000000 !important;
}.sidebar a{
    color: #ffffff !important;
}.btn-proposta{
    color: #fff; z-index: 9999; margin: 0 0 20px 50px; width: 60px; height: 60px; font-size: 12px;
    z-index: 9999999 !important; transition: all 1s !important; transform: scale(0.8); 
}.btn-proposta:hover{
    transform: scale(1.1); 
}.btn-outline-light:hover{
    color: #000 !important;
}.badge a{
    color: #ffffff !important;
}.vs__dropdown-toggle{
    border: none !important; background: none !important;
}.info-box .border-info{
    border: solid 2px #0e8092 !important;
}.border-left-info{
    border-left: solid 4px #0e8092 !important;
}.border-left-success{
    border-left: solid 4px #28a745 !important;
}.border-left-warning{
    border-left: solid 4px #ffc107 !important;
}.border-left-danger{
    border-left: solid 4px #dc3545 !important;
}.border-left-primary{
    border-left: solid 4px #007bff !important;
}.border-left-secondary{
    border-left: solid 4px #64757A !important;
}.border-left-cartao{
    border-left: solid 4px #CD6155 !important;
}.border-left-lilas{
    border-left: solid 4px #B632CE !important;
}.border-left-laranja{
    border-left: solid 4px #FF871D !important;
}.border-left-roxo{
    border-left: solid 4px #AC89FB !important;
}.border-left-cb{
    border-left: solid 4px #1a01aa !important;
}.border-laranja{
    border: solid 1px #FF871D !important;
}.bg-cartao{
    background-color: #CD6155; color: #ffffff;
}.badge-cartao{
    background-color: #CD6155; color: #ffffff;
}.border-left-compra{
    border-left: solid 4px #8E44AD !important;
}.bg-compra{
    background-color: #8E44AD !important; color: #ffffff;
}.badge-compra{
    background-color: #8E44AD; color: #ffffff;
}.border-left-comissao{
    border-left: solid 4px #1ABC9C !important;
}.bg-comissao{
    background-color: #1ABC9C !important; color: #ffffff;
}.badge-comissao{
    background-color: #1ABC9C; color: #ffffff;
}.bg-margemcompra{
    background-color: #B03060 !important; color: #ffffff;
}.badge-margemcompra{
    background-color: #B03060; color: #ffffff;
}.bg-intencao{
    background-color:  #F946FF !important; color: #ffffff;
}.border-left-margemcompra{
    border-left: solid 4px #B03060 !important;
}.bg-margemcompra{
    background-color: #B03060; color: #ffffff;
}.bg-prevenda{
    background-color: #044061; color: #b7edff;
}.bg-pendenteprevenda{
    background-color: #F4BC45;
}.bg-retornoprevenda{
    background-color: #CAF445;
}.bg-quitacao{
    background-color: #3F1298; color: #fff;
}.bg-pendentedocumentacao{
    background-color: #fff70f; color: #594a05;
}.bg-retornopendentedocumentacao, .bg-aguardandoassinatura{
    background-color: #6e3fcc; color: #ffffff;
}.bg-propostaok{
    background-color: #15f032; color: #054033;
}
.border-left-intencao{
    border-left: solid 4px #F946FF !important;
}.badge-intencao{
    background-color: #F946FF; color: #ffffff;
}.badge-fgts{
    background-color: #7B68EE; color: #ffffff;
}.btn-app>.badge{
    font-size: 14px !important;
}.badge{
    font-weight: 500 !important;
}.badge-light{
    border: solid 1px; font-size: .875rem !important;
}.bg-lilas, .badge-lilas{
    background-color: #B632CE !important; color: #ffffff !important;
}.bg-laranja, .badge-laranja{
    background-color: #FF871D !important; color: #ffffff !important;
}.badge-roxo{
    background-color: #AC89FB !important; color: #ffffff !important;
}.text-gm{
    color: #336799 !important;
}.text-compra{
    color: #8E44AD !important;
}.text-cartao{
    color: #CD6155 !important;
}.text-margemcompra{
    color: #B03060 !important;
}.text-comissao{
    color: #1ABC9C !important;
}.text-lilas{
    color: #B632CE !important;
}.text-laranja{
    color: #FF871D !important;
}.text-roxo{
    color: #AC89FB !important;
}.text-intencao{
    color: #F946FF !important;
}.text-nugerada{
    color: #B0E0E6 !important;
}.text-fgts{
    color: #7B68EE !important;
}.text-cartaobeneficio{
    color: #1a01aa !important;
}.text-compracartao{
    color: #aa0101 !important;
}.text-margemcompracartao{
    color: #ff85c0 !important;
}.bg-gradient-info {
    background: #17a2b8 linear-gradient(180deg,#cff9ff,#17a2b8) repeat-x!important;
}.text-gray-200{
    color: #eaecf4!important;
}.text-gray-500{
    color: #747474!important;
}.badge-soft-warning {
    color: #a87a06;
    background-color: #fdf3d9;
    border: solid 1px #a87a06;
}.badge-soft-success {
    color: #028b52;
    background-color: #ccf7e5;
    border: solid 1px #00d97e;
}.badge-soft-danger {
    color: #e63757;
    background-color: #fad7dd;
    border: solid 1px #e63757;
}th{
    font-weight: normal !important;
}.w-20{
    width: 20%; float: left;
}.relatorio{
    font-size: 0.9rem !important;
}.text-desc{
    font-size: 0.7rem !important;
}.mx-input{
    border: 0px !important;
}.sidebar .nav-item, .sidebar .nav-icon{
    font-size: 13px !important;
}.user-panel img{
    height: 2.1rem !important;
}.products-list .product-info {
    margin-left: 10px !important;
}.status{
    font-weight: 400 !important; font-family: 'Almarai', sans-serif;
}.font-weight-bold{
    font-weight: 400 !important;
}

/* BG Status */
.bg-digitado-pendencia{
    background-color: #FF8C00; color: #ffffff;
}.bg-retorno-pendencia{
    background-color: #8A2BE2; color: #ffffff;
}.bg-proposta-paga{
    background-color: #00FF7F; color: #000;
}.bg-comissao-baixada{
    background-color: #66CDAA; color: #000;
}.bg-margem-liberada{
    background-color: #8B008B; color: #fff;
}.bg-boleto-quitado{
    background-color: #00FFFF; color: #000;
}.bg-saldo-quitado{
    background-color: #DB7093; color: #fff;
}.bg-nu-gerada{
    background-color: #B0E0E6 !important; color: #000;
}.bg-liquidando{
    background-color: #FF871D; color: #fff;
}.bg-cartaobeneficio{
    background-color: #1a01aa; color: #ffffff;
}
.bg-emacordo{
    background-color: #21a9d3; color: #fff;
}.bg-debitobsp{
    background-color: #124fc9; color: #fff;
}.bg-aguardandosaldo{
    background-color: #6a2fd1; color: #fff;
}.bg-saldoretornado{
    background-color: #2fd1b9; color: #fff;
}
.vdatetime-input{
    border: #cccccc solid 1px; padding: .375rem .75rem; width: 100%; position: relative;
}.disabled{
    opacity: .80;
}.bg-transparent .mx-input{
    box-shadow: none !important; background: none !important;
}.live__scroll {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.live__scroll .row{
    display:block;
}
.live__scroll .live__scroll--box{
    display: inline-block;
    float: none;
    min-height: calc(100vh - 230px);
    max-height: calc(100vh - 230px);
    overflow-y: hidden;
    vertical-align: text-top;
    width: 100%;
}.live__scroll .live__scroll--box:hover{
    overflow-y: scroll;
}.live__scroll .col-md-3,.live__scroll .col-md-4, .live__scroll .col-md-5{
    display: inline-block;
    float: none;
    height: 100%;
    overflow-y: hidden;
    vertical-align: text-top;
}.titulo-coluna{
    display: block; width: 100%; background-image: url('/seta-etapas.svg'); background-position: center right;background-size: auto 70%; background-repeat: no-repeat; padding: 10px 0 10px; text-align: center;
}#forma-fase {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    background: rgb(255, 255, 255);
  }
  #forma-fase:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 6px solid #f4f6f9;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }
  #forma-fase:before {
    content: "";
    position: absolute;
    right: -3px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 3px solid rgb(255, 255, 255);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.fase-ativa{
    background-color: #72a0d8 !important; color: #ffffff; cursor: default !important; padding-right: 20px;
}.fase-ativa:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 5px solid #f4f6f9 !important;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}.fase-ativa:before{
    content: "";
    position: absolute;
    right: -3px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 3px solid #72a0d8 !important;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}#forma-fase:hover{
    transition: 0.5s; transform: scale(1.1);
}
#forma-fase:after:hover{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 3px solid #72a0d8 !important;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}#forma-fase:before:hover{
    border-left: 3px solid #72a0d8 !important;
}.badge-soft-warning {
    color: #a87a06;
    background-color: #fdf3d9;
    border: solid 1px #a87a06;
}.badge-soft-success {
    color: #028b52;
    background-color: #ccf7e5;
    border: solid 1px #00d97e;
}.badge-soft-danger {
    color: #e63757;
    background-color: #fad7dd;
    border: solid 1px #e63757;
}.badge-soft-primary {
    color: #007BFA;
    background-color: #d1d8fc;
    border: solid 1px #007BFA;
}
.badge-soft-secondary {
    color: #383d41;
    background-color: #e7e7e7;
    border: solid 1px #383d41;
}.btn-add-negocio{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1030;
}.alert-warning-100{
    background-color: #ffc10729; border-top: solid 1px #856404 !important; border-bottom: solid 1px #856404 !important; color: #856404 !important; border-radius: 0px !important;
}
.alert-warning-100 a{
    font-weight: bold; color: #856404 !important;
}
.alert-danger-100{
    background-color: #ff070729; border-top: solid 1px #850404 !important; border-bottom: solid 1px #850404 !important; color: #850404 !important; border-radius: 0px !important;
}
.alert-danger-100 a{
    font-weight: bold; color: #850404 !important;
}

@media print {
    .col-md-3 .historico{ width: 100% !important; margin-top: 20px;}
}

.rounded-20-px{
    border-radius: 20px !important;
}