body {
    display: none;
} 

.mt-5 { margin-top: .5em !important;}     
.mt-10 { margin-top: 1em !important;}   
.mt-15 { margin-top: 1.5em !important;}
.mt-20 { margin-top: 2em !important;}
.mt-25 { margin-top: 2.5em !important;} 
.mt-30 { margin-top: 3em !important;}
.mt-35 { margin-top: 3.5em !important;}
.mb-5 { margin-bottom: .5em !important;}
.mb-10 { margin-bottom: 1em !important;}
.mb-15 { margin-bottom: 1.5em !important;}
.mb-20 { margin-bottom: 2em !important;}
.mb-25 { margin-bottom: 2.5em !important;}
.mb-30 { margin-bottom: 3em !important;}
.mb-35 { margin-bottom: 3.5em !important;}

label {
        display: block;
    }
br {
        clear: both;
    }
    
input, select {
        border: 1px solid black;
        margin-bottom: .5em;
    }
    
input.error, select.error {
        border: 1px solid red;
    }

 .login-error, .formulario-error, .formulario-error2, .formulario-error3, .formulario-error4 {
    border: solid 1px #ddadb3;
    background-color: #f8dfe4;
    color: #666666;
    text-align: left;
    padding: 2.5rem;
    font-size: 1.5rem;
    margin-bottom: 3rem;
    overflow: auto;
    display: none;
}    
.login-error label, .formulario-error label, .formulario-acierto label {
    font-weight: normal;
    cursor: pointer;
}
 .formulario-acierto, .formulario-acierto2, .formulario-acierto3, .formulario-acierto4 {
    /*border: solid 1px #ddadb3;
    background-color: #f8dfe4;*/
    color: #666666;
    text-align: left;
    padding: 2.5rem;
    font-size: 1.5rem;
    margin-bottom: 3rem;
    overflow: auto;
    display: none;
}
.moduleH{
    padding: 2%;
}    

#compartirFB {
    margin-bottom: 5px;
}

.fb {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItNDEgMTcwLjkgMjc2IDI3NS45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC00MSAxNzAuOSAyNzYgMjc1Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDF7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGlkPSJXaGl0ZV8yXyIgY2xhc3M9InN0MSIgZD0iTTIwNi45LDE4OC4zSC05LjdjLTcuNCwwLTEzLjQsNi0xMy40LDEzLjR2MjE2LjZjMCw3LjQsNiwxMy40LDEzLjQsMTMuNGgxMTYuNnYtOTQuM0g3NS4ydi0zNi44aDMxLjh2LTI3LjFjMC0zMS41LDE5LjMtNDguNSw0Ny4zLTQ4LjVjMTMuNCwwLDI1LDEsMjguNCwxLjV2MzIuOWgtMTkuNGMtMTUuMiwwLTE4LjMsNy4yLTE4LjMsMTcuOXYyMy41aDM2LjRsLTQuNywzNi44aC0zMS43djk0LjRoNjIuMWM3LjQsMCwxMy40LTYsMTMuNC0xMy40VjIwMS43QzIyMC40LDE5NC4zLDIxNC40LDE4OC4zLDIwNi45LDE4OC4zeiIvPjwvc3ZnPg==);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: #4c69ba;
    background-color: -moz-linear-gradient(top, #4c69ba 0%, #3b55a0 100%);
    background-color: -webkit-linear-gradient(top, #4c69ba 0%, #3b55a0 100%);
    background-color: linear-gradient(to bottom, #4c69ba 0%, #3b55a0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4c69ba', endColorstr='#3b55a0', GradientType=0);
    border: none;
    border-radius: 3px;
    padding: 2px 10px 2px 26px;
    text-shadow: 0 -1px 0 #354c8c;
    white-space: nowrap;
    text-decoration: none !important
}

.fb:hover {
    background-color: #5b7bd5;
    background-color: -moz-linear-gradient(top, #5b7bd5 0%, #4864b1 100%);
    background-color: -webkit-linear-gradient(top, #5b7bd5 0%, #4864b1 100%);
    background-color: linear-gradient(to bottom, #5b7bd5 0%, #4864b1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5b7bd5', endColorstr='#4864b1', GradientType=0);
    border-color: #5874c3 #4961a8 #41599f;
    box-shadow: inset 0 0 1px #607fd6;
    cursor: pointer
}

.fb span {
    color: #fff;
    font-family: sans-serif;
    font-size: .8em;
    font-weight: bold;
    text-shadow: 0 -1px 0 #354c8c;
}
.msg-mecanica {
    font-size: 1.6em;
    font-weight: bold;
}

.input-group-btn .btn-ap {
    font-size: 1.4rem;
    padding: 1rem 2rem;
    margin-right: 1.5rem;
    margin-top: 0;
}