﻿.logo-img-nav {
    width: 60px;
    vertical-align: baseline;
}

.logo-title-nav {
    text-transform: uppercase;
    margin-top: 12px;
    font-size: 0.4rem;
    font-weight: 400;
    color: #F4FAF8;
    font-family: 'Aviano Serif', 'poppins', sans-serif;
}
@media(min-width:467px) {
    .main-card {
        height: calc(100vh - 110px);
    }
}

.main-card{
    justify-content:center;
}

.navbar-pos {
    top: 60px;
}

.nav-container {
    align-items: center;
    display: flex;
}

.main-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
   
}


body {
    background-color: #1D1D2D;
}
.main-title {
   
   
}

h1 {
    margin-bottom: 0px;
}

.h1-title {
    margin-bottom: 30px;
}
.main-title-clientname {
    text-transform: capitalize;
    color: #00CD7C;
    display: inline-flex;
}

  

.silo-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    color:none !important;
    background-color: none !important;
    /*color: white;
    background-color: white;*/ /* Color del icono */
    /*mask-size: cover;
    -webkit-mask-size: cover;*/
}

.form-group:not(.has-danger):not(.has-success) .form-control:focus, .form-group:not(.has-danger):not(.has-success) .input-group-append .input-group-text, .form-group:not(.has-danger):not(.has-success) .input-group-prepend .input-group-text, .input-group-focus:not(.has-danger):not(.has-success) .form-control:focus, .input-group-focus:not(.has-danger):not(.has-success) .input-group-append .input-group-text, .input-group-focus:not(.has-danger):not(.has-success) .input-group-prepend .input-group-text {
    border-color: #2b3553;
}

.error-panel {
    margin-top: 15px;
}

.btn-transparent {
    background-color : transparent !important;
}
.btn-external {
    width: 170px;
    margin-right: 10px;
}

.btn-fixed-width{
    width:200px;
}

.all-center {
    justify-content: center;
}
.notengocuenta {
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}
.btn-submit {
    margin-top: 50px; 
}

.main-text {
    color: #777C8B;
    font-size: 16px; 
    margin-top: 10px;

}
.silo-icon-google {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url('/assets/icons/google.svg#silo-icon-google');
    background-size: contain;
    background-repeat: no-repeat;
    mask: no-repeat center;
}
.silo-icon-facebook {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url('/assets/icons/facebook.svg#silo-icon-facebook');
    background-size: contain;
    background-repeat: no-repeat;
    mask: no-repeat center;
}
.silo-icon-microsoft {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url('/assets/icons/microsoft.svg#silo-icon-microsoft');
    background-size: contain;
    background-repeat: no-repeat;
    mask: no-repeat center;
}
