/* @extend display-flex; */
display-flex, .display-flex, .display-flex-center, .signup-content, .signin-content, .social-login, .socials {
  display: flex;
  display: -webkit-flex; }

img {
  max-width: 100%;
  height: auto; }

.main {
  background: #f8f8f8;
  padding: 150px 0; }

body {
  font-size: 13px;
  line-height: 1.8;
  color: #222;
  background: #f8f8f8;
  font-weight: 400;
  font-family: Poppins; 
}

.container {
  width: 900px;
  background: #fff;
  margin: 0 auto;
  box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px; }

.signup {
  margin-bottom: 150px; }

.signup-content {
  /* padding: 75px 0;  */
  padding: 2em 10px 40px 5px;}

.signup-form, .signup-image, .signin-image {
  /*width: 50%;*/
  overflow: visible; }

.signup-image {
  margin: 0 30px; }

.signup-image {
  margin-top: 166px; }

#signin {
  margin-top: 16px; }

.signup-form {
  margin-left: 60px;
  margin-right: 60px /*33px*/;
  /* padding-left: 34px; */ 
/* Para que se centre */
  align-items: center;
  display: block;
}

.signin-content {
  padding-top: 67px;
  padding-bottom: 87px; }

.signin-form {
  margin-right: 90px;
  margin-left: 100px; }

.signin-image {
  margin-left: 110px;
  margin-right: 20px;
  margin-top: 10px; }

@media screen and (max-width: 1200px) {
  .container {
    width: calc( 100% - 30px);
    max-width: 100%; } }
@media screen and (min-width: 1024px) {
  .container {
    max-width: 1200px; } }
@media screen and (max-width: 768px) {
  .signup-content, .signin-content {
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center; }

  .signup-form {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    /* box-sizing: border-box; */
    padding: 0 30px; }

  .signin-image {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 50px;
    order: 2;
    -moz-order: 2;
    -webkit-order: 2;
    -o-order: 2;
    -ms-order: 2; }

  .signup-form, .signup-image, .signin-form, .signin-image {
    width: auto; }

  .signin-form {
    order: 1;
    -moz-order: 1;
    -webkit-order: 1;
    -o-order: 1;
    -ms-order: 1;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0 30px; }
}

/* FORMULARIO USUARIO */
.required:before {
  content: '* ';
  color: red; 
}

.minusc{
  text-transform: lowercase;
}

/** EVALUACIONES **/
.container-evaluacion {
  background-color: white;
  margin-left: 7%;
  margin-right: 7%;
  padding: 6% 7%;
  margin-top: 60px;
  margin-bottom: 30px;
  border-radius: 6px 6px 0 0;
  -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
  box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(175, 175, 175, 0.2);
}

.informacion_postulante, .indicaciones_generales {
  border: 1px solid #eaeaea;
  border-radius: 4px;
  padding: 5px 30px 5px 30px;
  background-color: #f7f7f7;
  font-size: 14px;
}

.container-evaluacion h5 {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 20px;
}

.container-evaluacion h6 {
  font-size: 1.3em;
  font-weight: bold;
}

.container-evaluacion p label span {
  font-size: 1.15em;
  line-height: 1.15em;
  color: #3e3e3e;
}

.container-evaluacion .container-pregunta {
  margin-bottom: 30px;
}

.container-pregunta i {
  font-size: 1em !important;
}

/* MODAL */

.modal-small {
  width: 30% !important;
}

.modal.modal-small.modal-fixed-footer{
  height: 30% !important;
}


.modal .dropdown-content {
  max-height: 200px !important;
}

.modal .modal-header {
  padding: 10px 24px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  height: 66px !important;
}

.modal .modal-header, .modal .modal-footer {
  background-color: #f5f5f5 !important;
}

.modal-content {
  height: calc(100% - 122px) !important;
}

.modal .modal-header h4, .modal .modal-header h5 {
  margin: 0.7rem 0 0.7rem 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.modal-footer .loader .preloader-wrapper.small {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  padding: 0px;
}
  
.modal-footer .loader, .form-footer .loader  {
  display: inline-block;
  height: 100%;
  padding-top: 5px;
  padding-right: 5px;
  vertical-align: middle;
}

.modal-footer .modal-actions, .form-footer {
  display: inline-block;
  vertical-align: middle;
}

.modal .row .col {
  padding: 0rem 0.75rem 0rem 0rem !important;
}

.modal .input-field.col label {
  left: 0 !important;
}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
  font-weight: bold !important;
}

.modal {
  border-radius: 4px;
  background-color: white;
}

.modal-content li.collection-header {
  background-color: #f5f5f5 !important;
}

.modal [type="checkbox"] + span:not(.lever) {
  color: black;
}

.modal .dropdown-content {
  max-height: 200px !important;
}

.text-primary {
  color:#31869b !important;
}

@media screen and (min-width: 1024px) {
  .radio-subje {
    padding: 5px 20px 5px 45px; } }
@media screen and (max-width: 1200px) {
  .radio-subje {
    padding: 5px 10px 5px 30px; } }
@media screen and (max-width: 768px) {
  .radio-subje {
    padding: 5px 5px 5px 15px }}
@media screen and (max-width: 600px) {
  .radio-subje{
    padding: 5px 5px 5px 8px;  }}
@media screen and (max-width: 520px) {
  .radio-subje{
    vertical-align: middle;
    width: 171px;
    display: inline-block;  }}
/*@media screen and (max-width: 515px) {
  .radio-subje{
    vertical-align: middle;
    width: 169px;
    display: inline-block;  }}
@media screen and (max-width: 510px) {
  .radio-subje{
    vertical-align: middle;
    width: 165px;
    display: inline-block;  }}
@media screen and (max-width: 500px) {
  .radio-subje{
    vertical-align: middle;
    width: 164px;
    display: inline-block;  }} */
@media screen and (max-width: 468px) {
  .radio-subje{
    vertical-align: middle;
    width: 153px;
    display: inline-block;  }}
@media screen and (max-width: 360px) {
  .radio-subje{
    vertical-align: middle;
    width: 114px;
    display: inline-block;  }}
    

.title-cred{
  color: #297d82
}

.area-blockquote{
  margin-bottom: 4em;
  padding: 3px 10px;
  border: #1b4a8a 3px solid;
  border-radius: 20px;
}

.enun-eval{
  background-color: #6296cda1;
}

.text-resu-nive{
  overflow-y: auto !important;
  color: #222 !important;
  height: 82px !important;
  font-size: 14.36px !important;
  border: 0 !important;
}

.justify, .justify-align {
  text-align: justify;
}

#back-to-top {
  border-radius: 4px !important;
  opacity: 0.7 !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 1em !important;
  font-size: 1em !important;
}

#back-to-top i {
  line-height: 40px !important;
}