/* ----------------------------------- BODY */

body, html {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
}

/* ------------------------------------ FONTS */


a {
    color: #1d415c;
}
a:hover {
    color: #d99a44;
    text-decoration: underline;
}

a.text-hover-primary:hover,
  .text-hover-primary:hover {
     color: #d99a44 !important; 
}


.text-shadow {
    text-shadow: 1px 1px 2px rgba(0,0,0,.4);
}


/* ------------------------------------ ICONS */
a.text-hover-primary:hover i, .text-hover-primary:hover i {
    color: #d99a44 !important;
}


/* ---------------------------------- BUTTON */
.btn {
    text-transform: uppercase;
}


.btn.btn-primary {
    color: #FFFFFF;
    background-color: #d99a44;
    border-color: #d99a44;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #0f415c;
    border-color: #0f415c;
}


.btn.btn-secondary {
    color: #ffffff;
    background-color: #0f415c;
    border-color: #0f415c;
}

.btn.btn-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-secondary:focus:not(.btn-text), .btn.btn-secondary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #0f415c;
    border-color: #0f415c;
}


.btn.btn-outline-primary {
    color: #1d415c;
    background-color: transparent;
    border-color: #1d415c;
}


  .btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #1d415c;
    border-color: #1d415c;
}

.btn.btn-light-primary {
    color: #d99a44;
    background-color: #fff1de;
    border-color: transparent;
}


.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #0f415c;
    border-color: transparent; }





/* ----------------------------------- SWAL */
.swal2-html-container a {
    text-decoration: underline;
    color:#d99a44;
    
}

img.swal2-image {
    max-height: 220px;
    margin-bottom: 0;
}

.swal2-popup .swal2-content {   
    font-size: 0.9rem !important;
    margin-top: 1.2rem !important;   
}




/* ------------------------------------------------------- PAGES */

/* ---------------------------------- LOADING */

div#loading, div#loading1, div#loading2, div#loading3 {
    padding-left: 30px;
    color: #1BC5BD;
    font-weight: 500;
    font-size: 1.1em;
}


#loading.hide, #loading1.hide, #loading2.hide, #loading3.hide {
   visibility: hidden;
}
#loading.show, #loading1.show, #loading2.show,  #loading3.show {
   visibility: visible;
}


/* ----------------------------------Step 1 serial */


.login.login-2 .login-signin,
.login.login-2 .login-serial,
.login.login-2 .login-forgot {
  display: none;
  width: 90%;

}

.login.login-2.login-signin-on .login-serial {
  display: none; }

.login.login-2.login-signin-on .login-signin {
  display: block; }

.login.login-2.login-signin-on .login-forgot {
  display: none; }


.login.login-2.login-serial-on .login-serial {
  display: block; }

.login.login-2.login-serial-on .login-signin {
  display: none; }

.login.login-2.login-serial-on .login-forgot {
  display: none; }


.login.login-2.login-forgot-on .login-serial {
  display: none; }

.login.login-2.login-forgot-on .login-signin {
  display: none; }

.login.login-2.login-forgot-on .login-forgot {
  display: block; }


/* ----------------------------------Step 2 register */

@media (min-width: 992px) {
    .login.login-1 .login-aside {
        width: 100%;
        max-width: 500px;
    }
   
        
}


@media (min-width: 320px) {
    .collectid  .mt-30 {
        margin-top: 2.0rem !important;
    }
}

/* ----------------------------------Step 2 Certificat */
.custom-file-label::after {   
    color: #ffffff !important;    
    background-color: #0f415c !important;
}

.form-group label {
    font-size: 1rem;
    font-weight: 600;
    color: #3F4254;
    
}

 
.collectid {
    background-image: url(../../public/img/collectID_bg.jpg);
    background-size: cover;
    background-position: bottom center;
    
}