body {
    background: #FAFAFA;
}
.card {
    background: #FAFAFA;
    border: none;
    margin: 0 auto;
    float: none;
    margin-bottom: 10px;
}
.card-header {
    border-bottom: solid 1px #d5d5d5;
    background: #fff;
    width: 100%;
    overflow: hidden;
    min-height: 85px;
    position: relative;
    padding: 0;
    margin: 0;
}
.sw-theme-dots>ul.step-anchor,
.sw-theme-dots .sw-toolbar,
.sw-theme-dots .step-content {
    background: transparent;
}
.sw-main .sw-container {
    border-bottom: 1px dashed #d9d9d9;
}
.sw-theme-dots .sw-toolbar {
    padding-left: 10px;
    padding-right: 10px;
}
.sw-theme-dots>ul.step-anchor:before {
    background-color: #d9d9d9;
}
.sw-theme-dots .step-content {
    padding: 20px 0;
    border: none;
    text-align: left;
    border-top: 1px dashed #b6b6b6;
    margin-top: 35px;
}
h3, h2, h1 {
    color: #4c4c4c;
    text-align: center;
    margin-bottom: 37px;
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.sw-theme-dots .sw-toolbar-bottom {
    padding-top: 20px !important;
}
.content-logos{
    display: flex;
}
.logo-colegio {
    max-width: 180px;
    height: 100%;
    padding: 5px 10px 5px 10px;
    min-height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
}
.logo-colegio img {
    height: 100% !important;
    max-width: 100%;
    max-height: 7em;
}
.logo_inglesamericano img{
    max-width: 100%;
    max-height: 7em;
    padding-top: 10px;
    height: unset !important
}
.logo_inglesamericano{
    max-width: 270px;
}
.title-text {
    padding-left: 25px;
    font-size: 26px;
    color: #1D7A8C;
    border-left: 2px solid #1D7A8C;
    line-height: 25px;
    margin: 25px 0px 25px 0px;
    display: flex;
    justify-content: start;
    align-items: center;
    text-transform: uppercase;
}
.letras_requerido{
    color: red;
}
input:required {
    border-left: solid red 2px;
}
select.ng-invalid-required {
    border-left: solid red 2px;
}
input.ng-invalid-required {
    border-left: solid red 2px;
}
input.ng-invalid {
    border-left: solid red 2px;
}
select.ng-invalid {
    border-left: solid red 2px;
}
select.ng-valid {
    border-left: solid #00ff78 2px !important;
}
input.ng-valid {
    border-left: solid #00ff78 2px !important;
}

input:optional {
    border-left: solid rgba(168, 205, 255, 0.48) 2px;
}
.row_hermanos{
    justify-content: left;
    font-size: 23px;
}
.row_motivo_cambio{
    font-size: 23px;
}
.espacio_responsive{
    padding-bottom: 0;
}
.espacio_responsiveabajo{
    padding-bottom: 20px;
}
 /* The Modal (background) */
 .modal {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .modal-content {
    margin: 15% auto; /* 15% from the top and centered */
    padding: 12%;
    border: 1px solid #888;
    width: 1100px; /* Could be more or less, depending on screen size */
    background-image: url(https://obs.services.geducar.com/platform/banners/bannerAdmisionesGeneral.jpeg);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 99999999;
    min-width: 1130px;
  }
  
  /* The Close Button */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 0%;
    right: 0%;
    background-color: gray;
    width: 32px;
    text-align: center;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  } 

@media (max-width: 1370px) {
    .modal-content{
        padding: 13%;
        width: 912px;
        background-size: 100%;
    }
} 
@media (max-width: 1000px) {
    .modal-content{
        padding: 11%;
        width: 580px;
        background-size: 100%;
    }
} 

@media (max-width: 767px) { 
    .espacio_responsive{
        padding-bottom: 2%;
    }
    .form-group{
        margin-bottom: 0rem;
    }
    .con_quien_vive{
        margin-top: 0rem !important
    }
    .nav{
        flex-direction: column;
        align-items: center;
    }
    .boton_borrar{
        text-align: center;
    }
    .modal-content{
        padding: 35%;
        width: 455px;
        background-size: 100%;
        background-image: url(https://obs.services.geducar.com/platform/banners/bannerAdmisionesGeneral.jpeg);
        min-width: 455px;
    }
}
@media (max-width: 600px) {
    .modal-content{
        padding: 37%;
        width: 339px;
        background-size: 100%;
        background-image: url(https://obs.services.geducar.com/platform/banners/bannerAdmisionesGeneral.jpeg);
        min-width: 339px;
    }
}
@media (max-width: 430px) {
    .modal-content{
        padding: 48%;
        width: 299px;
        background-size: 100%;
        background-image: url(https://obs.services.geducar.com/platform/banners/bannerAdmisionesGeneral.jpeg);
        min-width: 299px;
    }
}
@media (max-width: 300px) {
    .modal-content{
        padding: 48%;
        width: 150px;
        background-size: 100%;
        background-image: url(https://obs.services.geducar.com/platform/banners/bannerAdmisionesGeneral.jpeg);
        min-width: 150px;
    }
}
@media (max-width: 200px) {
    .modal-content{
        padding: 45%;
        width: 150px;
        background-size: 100%;
        background-image: url(https://obs.services.geducar.com/platform/banners/bannerAdmisionesGeneral.jpeg);
        min-width: 150px;
    }
}