/*
    Created on : Sep 14, 2022
    Author     : Itix
*/
:root {
    --first-color: #355391 !important;
    --second-color: #1C2E52 !important;
    --third-color: #F0F2EF !important;
}

::-moz-selection {
    background: var(--first-color);
    text-shadow: none;
    color: #ffffff;
}
::selection {
    background: var(--first-color);
    text-shadow: none;
    color: #ffffff;
}
/* ******************************************
 *       BASIC ELEMENTS CUSTOMIZATION       *
 * **************************************** */
a {
    color: #666666;
}
.input-group-addon {
    color: #666666;
}
#card-limit-upgrade {
    background: var(--first-color);
}
a:hover, a:focus, a:active {
    color: #1C2E52;
}
.qui-highlight-text {
    color: var(--first-color);
}
.text-primary {
    color: var(--first-color);
}
.green-qui {
    color: var(--first-color);
}
span.green-qui {
    color: var(--first-color);
}
.logo-top {
    width: 50px;
    display: none;
}
#topbar {
    background: var(--first-color);
}
#filter-map {
    background-color: var(--first-color);
    color: #fff;
}
div#inputRage ul li p.p-range {
    border: 2px solid #fff;
    background-color: var(--first-color);
}
.rangeSelection {
    background-color: var(--first-color) !important;
    border: 2px solid #FFFFFF !important;
}
.rangeSelected {
    background-color: #FFFFFF !important;
    border: 2px solid var(--first-color) !important;
}
.list-title {
    color: var(--first-color);
    font-size: 30px !important;
}
#filter-map div button {
    color: #666666;
}
#filter-map label {
    color: #FFFFFF;
}

.qui-form > .qui-field.field-success {
    border: 1px solid #41CD89;
    color: #41CD89;
}
.qui-field.field-success > div > span.btn-default:hover,
.qui-field.field-success > div > span.btn-default:active {
    border: 0.5px solid transparent;
    color: #41CD89;
}
.qui-field.field-success > div > span.btn-default .caret {
    border-top-color: #41CD89;
    margin-top: 0;
}
.card-display .success {
    border-bottom: 1px solid #41CD89;
    color: #41CD89;
}
.navbar .navbar-right > li.current-user > a i {
    color: var(--first-color);
}
.nav-tabs>li.active {
	border-top: 2px solid var(--first-color);
	border-left: 1px solid #e2e2e4;
	border-right: 1px solid #e2e2e4;
}
.nav-tabs > li.active.histCashback a, .nav-tabs > li.active.histCashback a:hover, .nav-tabs > li.active.histCashback a:focus {
	color: var(--first-color);
	background-color: #FFFFFF;
	margin: 0px !important;
	height: 32px;
	padding-top: 5px;
	width: 219px;
}
.nav-tabs > li.active.histRecharge a, .nav-tabs > li.active.histRecharge a:hover, .nav-tabs > li.active.histRecharge a:focus {
	color: var(--first-color);
	background-color: #FFFFFF;
	margin: 0px !important;
	height: 32px;
    padding-top: 5px;
    width: 200px;
}
#transfertabs>li.active>a {
	background-color: #FFFFFF !important;
	color: var(--first-color);
	border-left: 1px solid #aaaaaa !important;
	border-right: 1px solid #aaaaaa !important;
	border-top: 2px solid;
	border-top-color: var(--second-color);
	border-bottom-color: #FFFFFF !important;
}
.btn-custom {
	color: #FFFFFF;
	background-color: var(--first-color);
	border-color: var(--second-color);
}
p.organize-p {
    color: #666666;
}
#financial h4.green-qui {
    color: inherit;
}
#scroll-top {
    background-color: rgba(246, 226, 28, 0.3);
}
#scroll-top:hover {
    background-color: var(--first-color);
    border-color: var(--second-color);
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
	border: 3px solid var(--second-color);
}
.banner-01 {
	background-image:
		url('../images/home_01banners.jpg');
	height: 570px;
	cursor: pointer;
}

.banner-02 {
	background-image:
		url('../images/home_02banners.png');
	height: 570px;
	cursor: pointer;
}

@media screen and (min-width: 1366px) {
    .banner-02 {
    	background-position: left!important;
    }
}

@media screen and (min-width: 1024px) {
    .banner-02 {
    	background-position: left!important;
    }
}

.banner-03 {
	background-image:
		url('../images/home_03banners.jpg');
	height: 570px;
	cursor: pointer;
}

.banner-04 {
	background-image:
		url('../images/home_04banners.jpg');
	height: 570px;
	cursor: pointer;
}
.banner-cadastro {
    background-image: url(../images/bg_cadastro.jpg);
}
.banner-desbloqueio {
    background-image: url(../images/bg_cadastro.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: bottom;
    margin: 0 0 0 -15px;
    min-height: 100%;
}
.swMain > ul li > a.selected .stepNumber {
    border-color: var(--second-color);
}
.swMain ul li>a.done .stepNumber,
.swMain>ul li:last-child>a.selected .stepNumber {
    border-color: var(--second-color);
    background-color: var(--first-color);
}
.swMain>ul li>a.selected .stepNumber,
.swMain>ul li>a.selected:before, .swMain li>a.done:before {
    border-color: var(--second-color);
}
.swMain > ul li > a.selected:before,
.swMain li > a.done:before {
    border-color: var(--second-color);
}
.tooltip.customTooltip .tooltip-inner {
	color: #FFFFFF;
	background-color: var(--first-color);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.tooltip.customTooltip .tooltip-arrow {
	border-bottom-color: var(--second-color);
}
.bg-primary-card-request {
    background: #666666;
}
.bg-primary {
    background: var(--first-color);
    color: #FFFFFF;
}
.banner {
    background-color: #F7F7F7;
}
.banner > .logo {
    margin: 0;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    min-height: inherit;
    width: 10vw !important;
}
#request-text, #activate-text {
    background-color: var(--second-color);
    height: 50px;
    padding-top: 10px;
    margin: 30vh auto 0 auto;
    visibility: visible;
}
.request-text {
    text-transform: uppercase;
    margin-left: 10%;
    font-size: 45px;
    color: #ffffff;
}
.background-text{
    background-color: #FFFFFF !important;
    color: #464545;
    font-size: 45px;
    font-size: clamp(45px, 3vw, 70px);
    font-weight: bolder;
    opacity: 80%;
    height: auto !important;
    letter-spacing: -1px;
}
.logo-desbloqueio{
    background-image: url('../images/logo-white.png');
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-size: 100%;
    margin: 0px 0px 5% 8% !important;
}
.logotipo-rodape {
    background-repeat: no-repeat;
    background-image: url('../images/logo_color.png');
    background-size: contain;
    background-position: center;
    min-height: 20px;
}
#aquicard-logo.logo-desbloqueio {
    visibility: hidden;
}
#aquicard-logo.logo-solicitacao {
    width: 100%;
}
.logotipo-header {
    background-repeat: no-repeat;
    background-image: url('../images/logotipo.png');
    background-size: 100%;
    min-height: 100%;
    width: 225px;
    background-position: center;
    background-attachment: fixed;
}
div.login-logo {
    background: url('../images/logotipo.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 300px;
    height: 65px;
    margin: 0px auto 0px;
}
.secure-environment-item {
    background-color: transparent;
	width: 35px;
}
.symbol.required.login:before {
    content: "*";
    display: inline;
    color: #E6674A;
}
.feedback-icon {
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.success-icon {
    background-image: url('../images/alert_congratulations.png');
}
.error-icon {
    background-image: url('../images/alert_erro.png');
}
.alternative-contact {
    display:  none;
}
.ico-volta-qui {
    background-image: url(../images/ico_voltaqui.svg);
    height: 120px;
    width: 120px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}
.ico-transfer {
    background-image: url(../images/ico_transferencia.svg);
    height: 120px;
    width: 120px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}
.ico-security {
    background-image: url(../images/ico_seguranca.svg);
    height: 121px;
    width: 121px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}
.ico-cashback {
    background-image: url(../images/ico_cashback.svg);
    height: 120px;
    width: 120px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}
.over-title {
    font-weight: 600;
}
.step-image-1 {
	background-image: url('../images/step1.png');
	background-size: 100%;
    background-repeat: no-repeat;
	width: 878px;
	height: 85px;
	display: inline-block;
}
.step-image-2 {
	background-image: url('../images/step2.png');
	background-size: 100%;
    background-repeat: no-repeat;
	width: 878px;
	height: 85px;
	display: inline-block;
}
.step-image-3 {
	background-image: url('../images/step3.png');
	background-size: 100%;
    background-repeat: no-repeat;
	width: 878px;
	height: 85px;
	display: inline-block;
}
#public_footer.bg-primary {
    background: #909090;
    color: #FFFFFF;
}
.footer-copyright {
    height: 75px;
    background: var(--first-color);
    color: #FFFFFF;
}
.footer-copyright .container {
    margin-top: 10px;
}
.unavailable-cobrander {
    display: none;
}
.social-container {
    border: 1px solid #666666;
    background-color: #FFFFFF;
}
.social-container:hover {
    border: 1px solid #4F4F4F;
    background-color: #FFFFFF;
}
.social-container:hover i {
    color: #4F4F4F;
}
.card-quinumber-info {
    background-image: url(../images/card_quinumber_info.png);
    background-repeat: no-repeat;
    min-height: 154px;
    width: 243px;
    border: 1px solid #cccccc;
    border-radius: 6%;
    background-position: center;
    background-size: cover;
}
.card-image-carrier-sm {
    background-image: url(../images/card_large_yellow.png);
    background-repeat: no-repeat;
    min-height: 94px;
    width: 150px;
    border: 1px solid #cccccc;
    border-radius: 6%;
    background-position: center;
    background-size: cover;
}
.card-exclu-image-sm {
    background-image: url(../images/card_large_yellow.png);
    background-repeat: no-repeat;
    min-height: 94px;
    width: 150px;
    border: 1px solid #cccccc;
    border-radius: 6%;
    background-position: center;
    background-size: cover;
}
.card-image-carrier-md {
    background-image: url(../images/card_large_yellow.png);
    background-repeat: no-repeat;
    min-height: 177px;
    width: 280px;
    border: 1px solid #cccccc;
    border-radius: 6%;
    background-position: center;
    background-size: cover;
}
.card-image-carrier-sm-middle {
    background-image: url(../images/card_large.png);
    background-repeat: no-repeat;
    min-height: 109px;
    width: 173px;
    border: 1px solid #cccccc;
    border-radius: 6%;
    background-position: center;
    background-size: cover;
}
.card-image-sm {
    background-image: url(../images/card_large.png);
    background-repeat: no-repeat;
    min-height: 94px;
    width: 150px;
    border: 1px solid #cccccc;
    border-radius: 6%;
    background-position: center;
    background-size: cover;
}
.card-image-md {
    background-image: url(../images/card_large.png);
    background-repeat: no-repeat;
    min-height: 175px;
    width: 280px;
    border: 1px solid #cccccc;
    border-radius: 6%;
    background-position: center;
    background-size: cover;
}
.card-image-sm-middle {
    background-image: url(../images/card_large.png);
    background-repeat: no-repeat;
    min-height: 109px;
    width: 173px;
    border: 1px solid #cccccc;
    border-radius: 6%;
    background-position: center;
    background-size: cover;
}
.card .card-number, .card .card-date, .card .card-name,
.card .card-number-ticket, .card .card-date-ticket, .card .card-name-ticket {
    color: #FFFFFF;
}
.card .card-number-exclu {
    position: absolute;
    top: 97px;
    left: 24px;
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}
.card .card-date-exclu {
    position: absolute;
    top: 125px;
    left: 135px;
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
}
.card .card-name-exclu {
    position: absolute;
    top: 155px;
    left: 10px;
    font-family: "ProximaNova-Regular", sans-serif;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #333333;
    font-weight: bold;
}
.color-bold-white {
    color: #666666;
}
.qui-green, .color-green, .green-qui, .color-primary, span.green-qui {
    color: var(--first-color);
    font-weight: bold;
}
.secure-environment-item {
    background-color: transparent;
    width: 35px;
}
.bar:before, .bar:after {
    background: var(--first-color);
}
.banner-image {
    background-image: url(../images/bg_login.png);
    background-color: var(--first-color);
    background-position: center;
}
.login-box-shadow {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 1px 6px #FFFFFF80;
    border-radius: 3px;
    opacity: 1;
}
.backlogo-card-display {
    display: none;
}
.close-button .text-primary {
    color: #666666;
}
.logo-card-display {
    float: left;
    width: 100px;
    display: none;
}
.cardFavoriteSelected {
    color: var(--first-color);
}
a.text-primary:focus, a.text-primary:hover {
    color: #666666;
}
.sidebar.app-aside {
    border-left-color: var(--first-color);
}
#sidebar > div nav > ul > li.active > div > a {
    border-right: 6px solid var(--first-color);
    border-left: 6px solid var(--first-color);
}
#sidebar > div nav > ul li >div> a:active:focus {
    background: #d5d4d8;
    border-left: 6px solid #111932;
    margin-left: -6px;
}
#sidebar nav > ul > li.active > div > a .item-inner {
    color: var(--first-color);
}
#sidebar nav > ul > li.active > div > a .item-media > i {
    color: var(--first-color);
}

.accordion-open .is-expanded {
    border-left: 6px solid var(--first-color);
}
.is-expanded .recharge-image-0 {
    fill: var(--first-color);
}
.is-expanded .subItem {
    color: var(--first-color);
}


li.active>a.text-dark>div.more-cards-container {
    border-color: #666666;
    color: #666666;
}
.value > .color-primary,
.cifrao.color-primary,
.number.color-primary,
.digit.color-primary {
    color: #666666;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--second-color);
    border-color: var(--second-color);
    color: #FFFFFF;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: var(--second-color);
  background-color: #eee;
  border-color: #ddd;
}
div#recharge-values-operator ul li.click-recharge {
    border: 2px solid #A9A9A9;
    background-color: #fff;
    color: #A9A9A9;
}
#app > footer {
    background: var(--first-color);
    border-top-color: #C8C7CC;
    color: #FFFFFF;
}
@media screen and (max-width: 800px) and (min-width: 768px) {
    .banner-desbloqueio {
        background-image: url(../images/bg_cadastro.png);
        background-size: contain;
        margin: -100px -15px;
        min-height: 30%;
        z-index: 5;
    }
}
@media screen and (max-width: 991px) and (min-width: 801px) {
    .banner-desbloqueio {
        background-image: url(../images/bg_cadastro.png);
        background-size: cover;
        margin: 0;
        min-height: 49%;
        z-index: 5;
        left: 0;
    }
    .container-unlock {
        margin: 190px auto 0;
        padding: 0;
        width: 576px;
        float: unset;
    }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .banner-desbloqueio {
        background-image: url(../images/bg_cadastro.png);
        background-size: contain;
        margin: -100px -15px;
        min-height: 45%;
        z-index: 5;
    }
}
@media screen and (max-width: 1365px) and (min-width: 1200px) {
    .card-image-md {
        min-height: 174px;
        width: 270px;
        border-radius: 4%;
        background-position: center;
        background-size: cover;
    }
}
@media screen and (max-width: 1365px) and (min-width: 1200px) {
        .banner-cadastro {
        background: url(../images/bg_cadastro.jpg) center center no-repeat;
        width: inherit;
        height: 100%;
        margin: 0 -15px;
    }
    #request-text, #activate-text {
        background-color: var(--second-color);
        height: 50px;
        padding-top: 10px;
        margin: 30% auto;
        visibility: visible;
    }
}
@media screen and (max-width: 1919px) and (min-width: 1366px) {
    #aquicard-logo .logo-desbloqueio, #aquicard-logo .logo-solicitacao {
        margin-left: 150px;
    }
    .banner>.logo {
        margin: 30px auto;
        width: 30%;
    }
    .banner-cadastro {
        background: url(../images/bg_cadastro.jpg) center center no-repeat;
        width: inherit;
        height: 100%;
        margin: 0 -15px;
    }
}
@media screen and (min-width: 1920px) {
    #aquicard-logo .logo-desbloqueio, #aquicard-logo .logo-solicitacao {
        margin-left: 200px;
    }
    .banner-cadastro {
        width: 100%;
        height: 100%;
        margin-left: -136px;
    }
}
.text-rodape{
	color:#ffffff;
}
/* ******************************************
 *     DASHBOARD ELEMENTS CUSTOMIZATION     *
 * **************************************** */
.navbar-brand > img {
    width: 175px;
}
svg.round-progress path {
  stroke: var(--first-color) !important;
}
#appsArea_B {
    display: none;
}
#app > footer {
    background: var(--first-color);
    border-top-color: #c8c7cc;
    color: #777;
}
.footer-option {
    color: #FFFFFF;
}
/* *******************************************
 *              BUTTON CLASSES               *
 ******************************************* */
/* Green Button */
.btn-qui-green {
	background-color: var(--first-color);
	border-color: var(--first-color);
	color: #ffffff;
}
.btn-qui-green-new {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #1AE28B;
	border-color: #36b577;
	color: #000000;
}
.open .btn-qui-green.dropdown-toggle {
	background-color: var(--second-color);
	border-color: var(--second-color);
}
.btn-qui-green:hover, .btn-qui-green:active, .btn-qui-green.active,
	.btn-qui-green.active:focus, .btn-qui-green:active:focus,
	.btn-qui-green:active:hover, .btn-qui-green.dropdown-toggle:active:hover,
	.btn-qui-green:focus, .btn-qui-green-search:hover {
	background-color: var(--second-color);
	border-color: var(--second-color);
	color: #ffffff;
}
.btn-qui-green-export {
	background-color: #ffffff;
	border-color: var(--second-color);
	color: var(--first-color);
	padding-left: 20px !important;
	border: 2px solid;
	padding-right: 20px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	border-radius: 10px;
}
.btn-qui-green-export:hover {
	background-color: #ffffff;
	border-color: var(--second-color);
	color: var(--second-color);
	padding-left: 20px !important;
	border: 2px solid;
	padding-right: 20px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	border-radius: 10px;
	background-color: #ffffff !important;
}
.btn-qui-green-search {
	background-color: var(--first-color);
	border-color: var(--first-color);
	color: #ffffff;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
}

.is-expanded .recharge-image-2 {
    fill: #111932;
}
.btn-qui-green.disabled:hover, .btn-qui-green.disabled:focus,
	.btn-qui-green.disabled:active, .btn-qui-green.disabled.active,
	.btn-qui-green[disabled], .btn-qui-green[disabled]:hover,
	.btn-qui-green[disabled]:focus, .btn-qui-green[disabled]:active,
	.btn-qui-green[disabled].active, fieldset[disabled] .btn-qui-green:hover,
	fieldset[disabled] .btn-qui-green:focus, fieldset[disabled] .btn-qui-green:active,
	fieldset[disabled] .btn-qui-green.active {
	background-color: var(--second-color);
	border-color: var(--second-color);
	color: #ffffff;
}
.btn-qui-green.btn-o {
    background: none;
	border: 1px solid var(--first-color);
	color: var(--first-color);
}
.btn-qui-green.btn-o:hover, .btn-qui-green.btn-o:focus,
.btn-qui-green.btn-o:active, .btn-qui-green.btn-o.active, .btn-qui-green.btn-o.active:focus,
.btn-qui-green.btn-o:active:focus, .btn-qui-green.btn-o:active:hover  {
	background-color: var(--first-color);
	border-color: #666666;
	color: #666666;
}
.btn-qui-green.btn-o:active, .btn-qui-green.btn-o.active,
.btn-qui-green.btn-o.active:focus, .btn-qui-green.btn-o:active:focus,
.btn-qui-green.btn-o:active:hover {
    background-color: #E0E0E0 !important;
    border-color: #666666 !important;
    color: #666666 !important;
}
.btn-qui-green.btn-o.disabled:hover, .btn-qui-green.btn-o.disabled:focus,
	.btn-qui-green.btn-o.disabled:active, .btn-qui-green.btn-o.disabled.active,
	.btn-qui-green.btn-o[disabled], .btn-qui-green.btn-o[disabled]:hover,
	.btn-qui-green.btn-o[disabled]:focus, .btn-qui-green.btn-o[disabled]:active,
	.btn-qui-green.btn-o[disabled].active, fieldset[disabled] .btn-qui-green.btn-o:hover,
	fieldset[disabled] .btn-qui-green.btn-o:focus, fieldset[disabled] .btn-qui-green.btn-o:active,
	fieldset[disabled] .btn-qui-green.btn-o.active {
    background-color: var(--first-color);
	border-color: transparent;
	color: #CCCCCC;
}
.btn-qui-green.btn-o .caret {
	border-top-color: var(--second-color);
}
.btn-qui-green .caret {
	border-top-color: #ffffff;
}
.dropup .btn-qui-green .caret {
	border-bottom: 4px solid #ffffff;
}
.div-o {
	background: none !important;
	background-color: #fff !important;
	width: 100%;
	border: 1px solid var(--first-color);
	color: var(--first-color);
	outline: none !important;
	box-shadow: none !important;
	border-radius: 4px;
	display: inline-block;
	padding: 6px 12px;
}
/* Primary Button Alternative */
.button-action-group > a > .btn-qui-green {
	background-color: var(--first-color);
	border-color: var(--second-color);
	color: #FFFFFF;
}
.button-action-group > a > .open .btn-qui-green.dropdown-toggle {
	background-color: #521822;
	border-color: #521822;
}
.button-action-group > a > .btn-qui-green:hover,
.button-action-group > a > .btn-qui-green:active,
.button-action-group > a > .btn-qui-green.active,
.button-action-group > a > .btn-qui-green.active:focus,
.button-action-group > a > .btn-qui-green:active:focus,
.button-action-group > a > .btn-qui-green:active:hover,
.button-action-group > a > .btn-qui-green.dropdown-toggle:active:hover,
.button-action-group > a > .btn-qui-green:focus,
.button-action-group > a > .btn-qui-green-search:hover {
	background-color:var(--second-color);
	border-color:var(--second-color);
	color: #FFFFFF;
}
.button-action-group > a > .btn-qui-green.disabled:hover,
.button-action-group > a > .btn-qui-green.disabled:focus,
.button-action-group > a > .btn-qui-green.disabled:active,
.button-action-group > a > .btn-qui-green.disabled.active,
.button-action-group > a > .btn-qui-green[disabled],
.button-action-group > a > .btn-qui-green[disabled]:hover,
.button-action-group > a > .btn-qui-green[disabled]:focus,
.button-action-group > a > .btn-qui-green[disabled]:active,
.button-action-group > a > .btn-qui-green[disabled].active,
.button-action-group > a > fieldset[disabled] .btn-qui-green:hover,
.button-action-group > a > fieldset[disabled] .btn-qui-green:focus,
.button-action-group > a > fieldset[disabled] .btn-qui-green:active,
.button-action-group > a > fieldset[disabled] .btn-qui-green.active {
	background-color: #16377a;
	border-color: #16377a;
	color: #FFFFFF;
}
/* Blue Button */
.btn-qui-blue {
	background-color: var(--first-color);
	border-color: var(--first-color);
	color: #ffffff;
}
.open .btn-qui-blue.dropdown-toggle {
	background-color: var(--second-color);
	border-color: var(--second-color);
}
.btn-qui-blue:hover, .btn-qui-blue:active, .btn-qui-blue.active,
	.btn-qui-blue.active:focus, .btn-qui-blue:active:focus, .btn-qui-blue:active:hover,
	.btn-qui-blue.dropdown-toggle:active:hover, .btn-qui-blue:focus,
	.btn-qui-blue-search:hover {
	background-color: #005adc;
	border-color: #005adc;
	color: #ffffff;
}
.btn-qui-blue-export {
	background-color: #ffffff;
	border-color: var(--first-color);
	color: var(--first-color);
	padding-left: 20px !important;
	border: 2px solid;
	padding-right: 20px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	border-radius: 10px;
}
.btn-qui-blue-export:hover {
	background-color: #ffffff;
	border-color: var(--third-color);
	color: var(--third-color);
	padding-left: 20px !important;
	border: 2px solid;
	padding-right: 20px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	border-radius: 10px;
}
.btn-qui-blue-search {
	background-color: var(--first-color);
	border-color: var(--first-color);
	color: #ffffff;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	padding-right: 20px;
}
.btn-qui-blue.disabled:hover, .btn-qui-blue.disabled:focus,
	.btn-qui-blue.disabled:active, .btn-qui-blue.disabled.active,
	.btn-qui-blue[disabled], .btn-qui-blue[disabled]:hover, .btn-qui-blue[disabled]:focus,
	.btn-qui-blue[disabled]:active, .btn-qui-blue[disabled].active,
	fieldset[disabled] .btn-qui-blue:hover, fieldset[disabled] .btn-qui-blue:focus,
	fieldset[disabled] .btn-qui-blue:active, fieldset[disabled] .btn-qui-blue.active
	{
	background-color: var(--second-color);
	border-color: var(--second-color);
	color: #ffffff;
}
.btn-qui-blue.btn-o {
    background: none;
	border: 1px solid var(--first-color);
	color: var(--first-color);
}
.btn-qui-blue.btn-o:hover {
	color: var(--third-color);
	border-color: var(--third-color);
	background: none !important;
}
.btn-qui-blue.btn-o:active, .btn-qui-blue.btn-o.active, .btn-qui-blue.btn-o.active:focus,
	.btn-qui-blue.btn-o:active:focus, .btn-qui-blue.btn-o:active:hover {
	background-color: #eaeaec;
	border-color: var(--first-color);
	color: var(--first-color);
}
.btn-qui-blue.btn-o:focus {
	background-color: var(--third-color);
	border-color: var(--third-color);
	color: #ffffff;
}
.btn-qui-blue.btn-o.disabled:hover, .btn-qui-blue.btn-o.disabled:focus,
	.btn-qui-blue.btn-o.disabled:active, .btn-qui-blue.btn-o.disabled.active,
	.btn-qui-blue.btn-o[disabled], .btn-qui-blue.btn-o[disabled]:hover,
	.btn-qui-blue.btn-o[disabled]:focus, .btn-qui-blue.btn-o[disabled]:active,
	.btn-qui-blue.btn-o[disabled].active, fieldset[disabled] .btn-qui-blue.btn-o:hover,
	fieldset[disabled] .btn-qui-blue.btn-o:focus, fieldset[disabled] .btn-qui-blue.btn-o:active,
	fieldset[disabled] .btn-qui-blue.btn-o.active {
	border-color: var(--second-color);
	color: var(--second-color);
}
.btn-qui-blue.btn-o .caret {
	border-top-color: var(--second-color);
}
.btn-qui-blue .caret {
	border-top-color: #ffffff;
}
.dropup .btn-qui-blue .caret {
	border-bottom: 4px solid #ffffff;
}
.btn-qui-white {
	background-color: var(--first-color);
	border-color: #ffffff;
	color: #ffffff;
	height: 40px;
	width: 255px;
}
.btn-qui-white:focus, .btn-qui-white:hover {
	color: #ffffff;
	text-decoration: none;
	height: 40px;
	width: 255px;
}
.symbol.required:before {
    color: #747474;
}
.ADMdtp-box .daysNames>span, .ADMdtp-box footer .today, .ADMdtp-box footer .calTypeContainer p {
    color: #666666;
}
.symbol.required.login:before {
    content: "*";
    display: inline;
    color: #E6674A;
}

.physical-person, .company-card, .account-tax {
    width: 30px;
}
.ADMdtpDays > span > span.today:after {
    border-bottom: 0.7em solid #666666;
}
.ADMdtp-box footer .timeSelectIcon {
    fill: #666666;
}
.selectField>.ui-select-bootstrap>.ui-select-choices,
.ui-select-bootstrap>.ui-select-choices,
.ui-select-bootstrap>.ui-select-no-choice {
    background-color: #FFFFFF;
}
.ui-select-bootstrap .ui-select-choices-row>span {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    background-color: #FFFFFF;
}
.ui-select-choices-row-inner:hover {
	color: var(--second-color);
	border-radius: 0px !important;
	background-color: #FFFFFF;
}
.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 0px !important;
    background-color: var(--second-color)
}

a.text-dark:hover, a.text-dark:focus, a.text-dark:active {
    color: #666666;
}
.clip-radio label:before {
    background-color: #F4F4F4;
}
.clip-radio.radio-primary input[type="radio"]:checked+label:before {
    background: var(--first-color);
}
.clip-radio.radio-primary input[type="radio"]:checked+label:after {
    border: 1px solid var(--second-color);
}


.elipse-icon{
    background-color: var(--first-color);
    -webkit-text-fill-color: var(--first-color);
}


.font-format-cobrander{
	color:var(--first-color);
	font-size: 16px;
	font-weight: bold;
}

.text-primary {
    color: var(--first-color);
}

.pre-footer{
    background: url('../../assets/images/cta-solicite-footer-mascara.jpg') 0 -165px;
}

#consumer-pre-footer{
	padding-top: 80px;
}

/* ******************************************
 *      MATERIAL DESIGN                     *
 * **************************************** */
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: var(--first-color);
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, md-input-container:not(.md-input-invalid).md-input-focused label, md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, md-input-container:not(.md-input-invalid).md-input-focused md-icon {
    color: var(--first-color);
}
input.material[type='password'] {
    background: none;
}
md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
	border-bottom-color: var(--first-color);
	color: rgba(0,0,0,0.87);
}

md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value, md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value, md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value.md-select-placeholder, md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
    color: var(--first-color);
}
md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar {
    background-color: var(--second-color);
}
md-progress-linear.md-default-theme .md-container, md-progress-linear .md-container {
    background-color: var(--third-color);
}

@media screen and (min-width: 768px){
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	    margin-top: -72px;
	}
}

.card-select {
    background-image: url(../images/card_large.png);
}
/* ******************************** *
 *      START: HIDE PUBLIC AREA     *
 * ******************************** */
 #public_header, #public_footer {
    display: none;
}
.backlogo-card-display, .logo-card-display {
    display: none;
}
#clientArea {
    display: none;
}
#appsArea_A {
    display: none;
}
.navbar .navbar-header .sidebar-toggler {
    display: none !important;
}
#applicationHome {
    display: none;
}
.logo-card-display {
    display: none;
}
.backlogo-card-display {
    display: none;
}
#card-request-view {
    display: none;
}
/* ******************************** *
 *      END  : HIDE PUBLIC AREA     *
 * ******************************** */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: var(--first-color) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}
div.icons-step {
    border: 3px solid var(--second-color);
}
.icon-store, .icon-luck, .icon-post, .icon-bank {
    fill: var(--first-color);
    stroke: var(--first-color);
}
.icon-pay-with-card-cobrander {
    color: var(--first-color);
}

/* #card-limit-upgrade > #button-limit-card,
#button-limit-card {
    color: var(--first-color);
} */
#card-limit-upgrade > #button-limit-card {
    color: #17264F;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom.focus, .btn-custom:active, .btn-custom.active, .open>.dropdown-toggle.btn-custom {
    color: var(--first-color);
}
.carousel-indicators .active {
    background-color: var(--first-color);
}
.carousel-indicators li {
    border: 1px solid var(--second-color);
}
.notFavoritoPopover , .favoritoPopover {
    background: var(--first-color);
}
.favoritoPopover .arrow:after,
.notFavoritoPopover .arrow:after,
.popover.top > .arrow:after,
.unlockPopover .arrow:after {
    border-top-color: var(--first-color);
}
.font-dark-card {
    color: #FFFFFF !important;
}
.main-login .logo {
    margin-bottom: 15px;
}
/****************************************************
			START: FOOTER 03/12/2018
****************************************************/
footer, footer a, footer p {
	color:#ffffff;
}
footer{
    background-color: #656696;
}
.ADMdtp-box > footer {
    background-color: inherit;
    border-bottom: none;
}
footer div.container div.row div div nav#align-line-left-nav{
    max-width: 400px;
}
footer div.container div.row div div nav.align-line-nav{
    max-width: unset;
}

.border-bottom-color{
    border-bottom: 1px solid #ffffff;
}

footer.intern-footer-position{
	position: relative !important;
	margin-left: unset !important;
}

/****************************************************
			END: FOOTER 03/12/2018
****************************************************/

.security-text-login{
    color: #ffffff;
}

a.forgot_pass_houver {
    color: #808080;
}
a:hover.forgot_pass_houver {
    color: var(--first-color);
}
.qui-green, .color-green, .green-qui, .color-primary, span.green-qui {
    color: var(--first-color);
    font-weight: bold;
}
.btn-qui-green:hover, .btn-qui-green:active, .btn-qui-green.active,
.btn-qui-green.active:focus, .btn-qui-green:active:focus,
.btn-qui-green:active:hover, .btn-qui-green.dropdown-toggle:active:hover,
.btn-qui-green:focus, .btn-qui-green-search:hover {
background-color: var(--second-color);
border-color: var(--second-color);
color: #ffffff;
}


a.text-primary:focus, a.text-primary:hover {
	color: var(--second-color);
}

/* Parametrização da tela Fale Conosco*/

#show-custom-description{
    display: none;
}

/* Parametrização menú secundario,para mostrar/ocultar o nome do titular do cartão*/

#align-arrow-without-owner-info{
    display: none;
}

/*Parametrização Block Card*/

#show-custom-card-inovah{
    display: none;
}

/*Parametrização tela de transferências*/
#show-my-cards {
    display: none;
}

#show-other-cards {
    display: none;
}

/*Parametrização Fale Conosco Portal*/
#show-contact-us{
    display: none;
}

/*Parametrização Tela Tarifas*/
#show-limits{
    display: none;
}

#custom-references {
    display: none;
}

#references-faq {
    display: none;
}

#show-note3 {
    display: none;
}