/* #wrap{
    flex-direction: column;
}
#main header{
    position: absolute;
    left: 0;
}
#wrap aside div.f{
    padding: 50px
}
 */
body{
    background: #ddd;
}
#ctl00_menuSMSContatos, #signupMenu, #menu footer, #ctl00_saldoDisponivel, #ctl00_limiteCredito,
#main header #ctl00_balance .balance-item span, #main header #ctl00_balance .balance-item::before, #menu .nav-title, #minimumWidth, #izSE_overlay, #ctl00_menuWitiSMS, #sendTemplate, .home-title, #main header #ctl00_addMoney a span:before, #main header #ctl00_addMoney a span:after, .hidden-th + .dxgvHEC{
    display: none !important
}
*,.dxgvControl_Office2010Silver .dxgvHeader_Office2010Silver td, .dxgvControl_Office2010Silver .dxgvHeader_Office2010Silver div span{
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif !important;
}
#wrap aside div.f{
    padding: 0;
}
#main{
    padding: 10px;
    padding-left: 0;
}
#mainContent{
    padding: 30px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    min-height: calc(100vh - 250px);
    position: relative;
    overflow: hidden;
}
input{
    padding: 5px;
}
#main header #ctl00_balance .balance-item{
    margin-right: 0;
}
#main header #ctl00_balance, #main header #ctl00_addMoney{
    background: #DDD;
    color: #21235D;
}
h5{
    font-weight: bold;
    text-transform: capitalize;
    font-size: 18px;
    border: none;
}
h4{
    border: none;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 24px;
}
#main header{
    position: relative;
    left: 0;
    flex-direction: column;
    border-radius: 10px 10px 0 0;
    border-bottom: 0;
}
#ctl00_divSaldo{
    position: absolute;
    right: 0px;
    top: 0px;
}
#ctl00_divSaldo::before{
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 10px;
    height: 10px;
    display: block;
    background: radial-gradient(circle at left bottom, transparent 65%, #DDD 72%);
}
#ctl00_divSaldo::after{
    content: "";
    position: absolute;
    bottom: -10px;
    right: 0px;
    width: 10px;
    height: 10px;
    display: block;
    background: radial-gradient(circle at left bottom, transparent 65%, #DDD 72%);
}
.langPicker{
    position: absolute;
    top: 5px;
    left: -60px;
}
.langPicker > li > a{
    color: #999;
}

.langPicker a{
    line-height: 35px;
}
.langPicker ul{
    display: none;
}
.langPicker > li:hover ul{
    display: block;
}
.langPicker ul li a{
    display: block;
}
.langPicker svg{
    fill: #999;
}
.langPicker > li > a:hover{
    color: #000;
}
.langPicker > li:hover svg{
    fill: #000;
}
.langPicker li ul{
    position: absolute;
}
#logo{
    width: 100%;
    text-align: center;
    margin: 40px 0 0 30px;
}
#logo img{
    width: 150px;
    height: 38px;
    margin: 0 auto;
}
#main header #balance, #main header #ctl00_balance{
    border-left: 0;
    padding: 10px 10px 20px 10px;
    border-radius: 0 0 0 10px;
}
#main header #balance .balance-item sup, #main header #ctl00_balance .balance-item sup, #main header #ctl00_balance.single .balance-item sup{
    font-size: 1em;
    vertical-align: unset;
}
#main header #ctl00_balance.single .balance-item{
    font-size: 26px;
}
.cta,.redButton, .blueButton, .dxucButton_MetropolisBlue, .grayButton, #ctl00_contentPrincipal_divFile a{background:#12171D;color:#fff;border-radius:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;text-transform:uppercase;white-space:nowrap;padding:10px 30px;font-weight:700;font-size:16px;border:5px solid #263e5a;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;text-decoration:none}.cta:hover,.redButton:hover{background:#263e5a}.cta:disabled,.redButton:disabled,.cta.disabled,.disabled.redButton,.cta.wait,.wait.redButton,.dxucButtonDisabled_MetropolisBlue{
    background:#ccc;border-color:#bbb;cursor:wait
}
.grayButton{
    background:#ccc;border-color:#bbb;color:#5f5f5f;
}
.blueButton:hover{
    background-color: #21235D;
}
.cta svg,.redButton svg{fill:#fff}#first-steps li a{color:#4b7bd7}#proxy-quota .progress{stroke:#4b7bd7}#proxy-quota .progress:last-child{stroke:#014faa}#proxy-quota.warn .progress{stroke:#ff9a84}#proxy-quota.warn .progress:last-child{stroke:#ff461e}
.submit{background:#12171D;border-color:#21235D}.submit:hover{background:#12171D}
/* #wrap aside{background: url(/static/images/banner.jpg) center 80%; background-size: cover;} */
#wrap aside{
    background: transparent;
    padding: 10px;
    box-sizing: border-box;
}
#wrap aside div.f{
    background: #DDD;
    border-radius: 10px;
    /* overflow: hidden; */
    width: 100%;
    min-width: 100%;
}
#wrap aside nav>ul>li ul li{
    padding: 0 10px
}
#wrap aside nav>ul>li ul li a{
    padding: 10px 20px;
    color: #21235D;
    border-radius: 10px;
}
#wrap aside nav>ul>li ul li a svg{
    fill: #21235D;
    /* mix-blend-mode: overlay; */
}
#wrap aside nav>ul>li ul li a:hover svg{
    fill: #fff;
}
#wrap aside nav>ul>li ul li a:hover{
    background: #21235D;
    color: white;
}
#wrap #collapsePanel{
    top: 50px;
    right: 0px;
    height: 30px;
    line-height: 30px;
    background: #aaa;
    border-radius: 5px 0 0 5px;
}
#wrap #collapsePanel svg{
    fill: white;
}
#wrap #collapsePanel svg use:first-child{
    display: none;
}
#wrap #collapsePanel:hover{
    background: #21235D
}
#wrap #collapsePanel:hover svg{
    fill: white;
}
div:has([href*="devexpress.com"])
{
    display: none !important
}
#pageTitle{
    padding: 50px 20px 20px 0;
}
#pageTitle .roundIconButton{
    /* margin-right: 10px; */
    display: none;
}
/* #pageTitle .roundIconButton svg{
    border: none
} */
.redFill{
    fill: #21235D
}
.redButtonSmall{
    border-radius: 5px;
    background: #21235D;
    border: none;
    color: #fff;
    border-width: 3px;
}
@media (min-width: 1400px)
{
    #wrap #main header, #wrap #main footer {
        left: 0px;
    }
    #menu li{
        margin-left: 50px;
    }
    #logo{
        margin-left: 80px;
    }
}
@media (max-width: 1170px) {
    #wrap #main header, #wrap #main footer {
        left: 0px;
    }
}
#wrap aside nav::-webkit-scrollbar-track{background:rgba(0,0,0,0.2)}#wrap aside nav::-webkit-scrollbar-thumb{background:#21235D}
#wrap.hideSidebar aside{
    min-width: 75px;
}
#wrap.hideSidebar aside #collapsePanel{
    width: auto;
    top: 70px;
    border-radius: 0 5px 5px 0;
}
#wrap.hideSidebar aside nav>ul>li ul li{
    padding: 3px;
}
#wrap.hideSidebar #logo{
    width: 55px;
}
#wrap aside nav>ul>li ul li span{
    background: #12171D;
    color: #fff;
    border-color: #12171D;
}
/* .dxgvControl_Office2010Silver{
    background: transparent;
    border-width: 3px;
}
.dxgvControl_Office2010Silver, .dxeButtonEdit_Office2010Silver, .dxeTextBox_Office2010Silver, .dxeButtonEdit_Office2010Silver td, input, select{
    border-color: #21235D;
}
input{
    border-width: 1px;
}
.dxeButtonEditButton_Office2010Silver{
    padding: 3px 6px;
}
.dxgvControl_Office2010Silver td{
    border-color: #dfd1fd !important;
}
.dxeButtonEdit_Office2010Silver input, select{
    color: #21235D !important;
}

.dxgvHeader_Office2010Silver{
    font-weight: bold;
    text-transform: none;
}
.dxgvControl_Office2010Silver td.dxgvHeader_Office2010Silver{
    background: #f8efff !important;
    border-color: #8e65af !important;
}
.dxgvHeader_Office2010Silver td{
    color: #21235D !important;
    border-color: #21235D !important;
}
.dxeButtonEditButton_Office2010Silver{
    background: transparent;
} */
.dxgvControl_Office2010Silver{
    background: transparent;
}
.dxgvControl_Office2010Silver td.dxgvHeader_Office2010Silver{
    background: #eee !important;
    border-color: #ccc !important;
}
.dxgvControl_MetropolisBlue > tbody > tr > td, .dxgvCSD .dxgvTable_MetropolisBlue > tbody > tr:first-of-type td{
    padding: 0
}
/* .dxgvDataRow_MetropolisBlue td{
    padding: 5px 7px;
} */
.dxgvHeader_MetropolisBlue td{
    font-weight: bold;
    text-transform: capitalize;
}
[id*="lnkExportRespostaPDF"] img, [id*="lnkExportRespostaXLS"] img, [id*="lnkExportRespostaCSV"] img,
[id*="lnkExportPDF"] img, [id*="lnkExportXLS"] img, [id*="lnkExportCSV"] img,
[id*="lnkExportDLRPDF"] img, [id*="lnkExportDLRXLS"] img, [id*="lnkExportDLRCSV"] img{
    display: none;
}
[id*="lnkExportRespostaPDF"]::before,
[id*="lnkExportPDF"]::before,
[id*="lnkExportDLRPDF"]::before{
    content: "↓ pdf";
    margin: 0 7px;
    color: #21235D;
}
[id*="lnkExportRespostaXLS"]::before,
[id*="lnkExportXLS"]::before,
[id*="lnkExportDLRXLS"]::before{
    content: "↓ xls";
    margin: 0 7px;
    color: #21235D;
}
[id*="lnkExportRespostaCSV"]::before,
[id*="lnkExportCSV"]::before,
[id*="lnkExportDLRCSV"]::before{
    content: "↓ csv";
    margin: 0 7px;
    color: #21235D;
}
.summary li{
    border-radius: 10px;
}
.summary li.blue{
    background: #21235D;
}
.summary li h2{
    font-size: 50px !important;
}
.summary li span{
    text-transform: none;
}
.summary li.tomato{
    background: tomato !important;
    color: #fff;
}
.box{
    border-radius: 10px;
}
.disc{
    background: #21235D;
    border: none;
    border-radius: 30px;
}
#first-steps li .disc svg{
    fill: white;
    transform: scale(0.8);
}
#main header #ctl00_balance{
    /* align-items: center; */
    padding: 10px;
}
#main header #ctl00_addMoney a{
    width: auto;
    height: auto;
    border: none;
    font-size: inherit;
    line-height: inherit;
    display: flex;
}
#main header #ctl00_addMoney a:hover span{
    transform: none;
}
#main header #ctl00_addMoney a span{
    border-radius: 5px;
    background: #21235D;
    padding: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
}
#main header #ctl00_addMoney span svg{
    fill: #fff;
}
#main header #ctl00_addMoney{
    flex: 0 0 auto;
}
#wrap.hideSidebar #main header{
    left: 0;
}
.dxgvDataRowAlt_Office2010Silver{
    background: #fcf9ff;
}
.tabs{
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 10px;
}
.tabs li a{
    border-radius: 5px;
    margin-right: 10px;
    border: none;
}
.tabs li a.active span, .tabs li a:hover span{
    background: rgba(0,0,0,0.5)
}
.tabs li a.active, .tabs li a:hover{
    background: #21235D;
    color: #fff;
}
.stepstrack::before, .stepstrack .progress{
    z-index: 0;
}
.stepstrack.stepstrack-blue [data-step].active{
    color:#fff;
    border-color: #12171D;
    background-color: #12171D;
}
.stepstrack.stepstrack-blue [data-step].active::before{
    background: #12171D;
    box-shadow: 0 0 0 3px #12171D;
}
.stepstrack.stepstrack-blue [data-step].active span{
    color:#fff;
}
.stepstrack.stepstrack-blue .progress{
    background-color: #12171D;
}
.stepstrack [data-step]{
    font-size: 30px;
}
.stepstrack [data-step] span{
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    text-align: left;
    font-size: 12px;
}
.stepstrack [data-step]{
    width: auto;
    height: auto;
    border-radius: 5px;
    padding: 5px 10px;
}

.flex-wrap{
    display: flex;
    flex-wrap: wrap;
}
.flex-column{
    flex-direction: column;
}
.tag{
    border-radius: 10px;
    padding: 2px 7px;
}
.dxgvControl_Office2010Silver a{
    color: black;
}
#main footer.hidden{
    border: none;
}
#main footer{
    left: 320px;
    right: 20px !important;
    bottom: 20px;
    border-radius: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 10px 20px rgba(0,0,0,0.25);
}
@media (min-width: 1400px) {
    #wrap #main footer {
        left: 420px;
    }
}
@media (max-width: 1170px) {
    #wrap #main footer {
        left: 260px;
    }
}
@media (max-width: 1080px) {
    #wrap.hideSidebar #main footer {
        left: 95px;
    }
}
#main footer #selectedLeads span{
    font-size: 1.5em;
    text-transform: none;
    color: #000;
}
#main footer .dxeButtonEdit_MetropolisBlue td{
    padding: 10px !important;
}
.dxeButtonEdit_MetropolisBlue input{
    padding: 5px 10px !important;
}
/* .dxtc-stripContainer .dxtc-rightIndent, .dxtc-stripContainer .dxtc-leftIndent{
    display: none !important;
} */
.dxtc-stripContainer{
    height: 55px !important;
}
.dxtc-stripContainer .dxtc-rightIndent, .dxtc-stripContainer .dxtc-leftIndent{
    border: none !important;
}
.dxtc-activeTab, .dxtc-tab{
    border-radius: 10px;
    border: none !important;
}
.dxtc-activeTab{
    background: #21235D !important;
}
.dxtc-activeTab a{
    color: #fff !important;
}
.dxtc-spacer{
    width: 10px !important;
    border: none !important;
}
.noPaddingLeft{
    padding-left: 0;
}
b{
    font-weight: bold;
}
.toolbar{
    background: #fff;
    border-color: #aaa;
    padding: 0;
}
.toolbar a{
    padding: 10px 20px;
    border-right: 1px solid #aaa;
    border-radius: 0;
}
.toolbar .infoTooltip{
    border: none;
}
.infoPanel{
    background: #ccc;
    border-radius: 5px;
    padding: 20px;
}
.commando-icons img{
    opacity: 1;
}
.themeTable table th{
    background: #fff;
}
.hidden{
    display: none !important;
}
.cardGrid.planGrid .dxgvFocusedRow_Office2010Silver td::after, .cardGrid.planGridSub .dxgvFocusedRow_Office2010Silver td::after,
.cardGrid.planGrid .dxgvFocusedRow_Office2010Silver td::before, .cardGrid.planGridSub .dxgvFocusedRow_Office2010Silver td::before{
    background-color: #21235D;
}
.cardGrid.planGrid .dxgvTable_Office2010Silver tbody .standard.group-balance, .cardGrid.planGridSub .dxgvTable_Office2010Silver tbody .standard.group-balance{
    background-color: #a3ffb3;
}
.cardGrid.planGrid .dxgvTable_Office2010Silver tbody .standard.group-balance .price, .cardGrid.planGridSub .dxgvTable_Office2010Silver tbody .standard.group-balance .price{
    background-color: #7cdf9c;
    color: #015730
}
.cardGrid.planGrid .dxgvTable_Office2010Silver tbody .standard.group-balance svg, .cardGrid.planGridSub .dxgvTable_Office2010Silver tbody .standard.group-balance svg{
    fill: #015730
}
.cardGrid.planGrid .dxgvTable_Office2010Silver tbody .standard.group-balance h1, .cardGrid.planGrid .dxgvTable_Office2010Silver tbody .standard.group-balance h2, .cardGrid.planGrid .dxgvTable_Office2010Silver tbody .standard.group-balance h3, .cardGrid.planGrid .dxgvTable_Office2010Silver tbody .standard.group-balance li, .cardGrid.planGrid .dxgvTable_Office2010Silver tbody .standard.group-balance p, .cardGrid.planGridSub .dxgvTable_Office2010Silver tbody .standard.group-balance h1, .cardGrid.planGridSub .dxgvTable_Office2010Silver tbody .standard.group-balance h2, .cardGrid.planGridSub .dxgvTable_Office2010Silver tbody .standard.group-balance h3, .cardGrid.planGridSub .dxgvTable_Office2010Silver tbody .standard.group-balance li, .cardGrid.planGridSub .dxgvTable_Office2010Silver tbody .standard.group-balance p{
    color: #015730
}
.cardGrid.planGridSub .dxgvTable_Office2010Silver tbody .standard.plan-starter h3{
    background-color: #21235D;
}
.cardGrid.planGridSub .dxgvTable_Office2010Silver tbody .standard.plan-middle h3{
    background-color: #21235D;
}
.cardGrid.planGridSub .dxgvTable_Office2010Silver tbody .standard.plan-advanced h3{
    background-color: #12171D;
}