@font-face {
    font-family: "InterTight";
    src: url("../assets/app-assets/fonts/InterTight/fonts/InterTight-Bold.ttf");
    src: url("../assets/app-assets/fonts/InterTight/fonts/InterTight-ExtraBold.ttf");
    src: url("../assets/app-assets/fonts/InterTight/fonts/InterTight-Light.ttf");
    src: url("../assets/app-assets/fonts/InterTight/fonts/InterTight-Medium.ttf");
    src: url("../assets/app-assets/fonts/InterTight/fonts/InterTight-SemiBold.ttf");
}

.blue {
    background-color: #002554
}

.red {
    background-color: #eb212e
}

.green {
    background-color: #4c9c2e;
}

.gray {
    background-color: #e0e0e0
}

body {
    font-family: InterTight
}

/*Wizard*/
/*Steps*/
.app-content .wizard > .steps > ul > li.current .step {
    background-color: #4c9c2e;
    color: #fff;
    border-color: #4c9c2e;
}

.app-content .wizard.wizard-circle > .steps .step, .app-content .wizard > .steps > ul > li.done .step {
    background-color: #e0e0e0;
    color: #999;
    border-color: #e0e0e0;
}

.app-content .wizard.wizard-circle > .steps > ul > li:before {
    background-color: #4c9c2e;
}

.app-content .wizard.wizard-circle > .steps > ul > li:after {
    background-color: #e0e0e0;
}

.app-content .wizard > .steps > ul > li:first-child:before,
.app-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after {
    background-color: transparent;
}

.number-tab-steps.wizard {
    padding-left: 3rem;
    padding-right: 3rem;
}

.app-content .card {
    background-color: transparent;
}

.content-step1 {
    background: url('../assets/app-assets/images/backgrounds/Background-Paso1.png');
    background-size: cover;
}

/*.app-content .wizard.wizard-circle > .steps > ul > li.current:after {*/
/*Buttons*/
.app-content .wizard > .actions > ul > li > a {
    border-radius: 30px;
    background-color: #002554;
}

.app-content .wizard > .actions > ul > li:not(.disabled) > a[href='#previous'] {
    background-color: #002554;
    color: #fff;
}

.app-content .wizard > .actions > ul > li.disabled > a {
    border-radius: 30px;
    background-color: #e0e0e0;
}

.app-content .wizard.wizard-circle > .steps > ul > li.current:after {
    background-color: #4c9c2e;
}

.app-content .wizard > .steps > ul > li:last-child:after {
    background-color: transparent !important;
}

.app-content .wizard .finishButton {
    background-color: #eb212e !important;
    margin-left: -7rem;
    margin-right: 1rem;
    margin-top: -70px;
}

.app-content .wizard .actions.clearfix {
    border-top: solid 1px #e0e0e0;
    margin-top: 70px;
}

.app-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
    background-color: #e0e0e0;
}

/*Generals*/
.text-cicoc {
    color: #2E405C;
}

.custom-file-input, input, select {
    height: calc(2.75rem + 10px);
}

.custom-file-label, input, select, textarea {
    border-color: #e0e0e0 !important;
    border-width: 2px !important;
    border-radius: 10px !important;
    color: #757575 !important;
}

.custom-file-label::after {
    content: 'Buscar';
    background-color: #999;
    color: #757575;
}

/*.app-content.content {
    background-image: url("../assets/app-assets/images/Background-Paso1.png");
    background-attachment: fixed;
}*/

.img-instacredit {
    max-height: 25px;
}

.img-instacredit.img-regional:hover {
    transform: scale(1.1);
}

.embed-responsive-item {
    overflow-x: auto;
}

/*Formulario cliente*/
.form-cliente h4 {
    color: #4c9c2e;
}

.btnSubmit {
    background-color: #eb212e;
    color: #fff;
    border-radius: 15px;
}

#btnScrollToTop {
    /*position: fixed;*/
    background-color: #002554;
}

.card-icon.text-right {
    margin-top: -25px;
}

/*Footer*/
.footer {
    background-color: #4c9c2e;
    padding: 25px !important;
    color: #fff;
    text-align: left;
}

.footer p {
    padding-top: 2rem;
}

.footer .img-footer {
    width: 100%;
}

.footer .title-footer {
    border-bottom: solid 2px #fff;
}

.footer .footer-regional {
    padding-bottom: 5rem;
}

.footer .otrosEnlances {
    padding-top: 0rem;
    margin-bottom: 0.5rem;
}

    .footer .img-app {
        max-width: 300px;
        /*width: 100%;
    height: 3rem;*/
        width: 250px;
        height: 100px;
    }

/*Header*/
.header-static {
        /*padding-top: 4rem;*/
        padding: 25px;
        background-color: #4c9c2e;
    }

html body.fixed-navbar {
    padding-top: 0rem;
}

.img-banner {
    max-width: 100%;
}