@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap');

/*-=-=-=-=- ESTILOS ORIGINALES -=-=-=-=-=-=-*/

input#vincular {
    margin-top: 25px;
    padding: 12px 19px;
}


/* Pop up Escuelas */
.popupEscuelasContainer {
    position: absolute;
    width: 350px;
    height: 350px;
    box-sizing: border-box;
    background: #ffffff;
    top: 300px;
    z-index: 1005;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -4px rgba(0,0,0,0.75);

}

.popupEscuelasContainer::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    top: 195px;
    right: -22px;
    box-sizing: border-box;
    border: 12px solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(-135deg);
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.1);
}

#popupBkg {
    box-shadow: 0px 0px 1px 5000px rgba(0,0,0,0.3);
}

.popupEscuelasContent {
    position: absolute;
    width: 350px;
    height: 350px;
    box-sizing: border-box;
    background: #ffffff;
    top: 0px;
    z-index: 1005;
    border-radius: 8px;
    padding: 20px;
}

.hideMe {
    display: none;
}

.popupStep2 {
    visibility: hidden;
}

.wizNavTitular1 {font-size: 13px; color: #38485C; text-transform: uppercase; font-family: 'Open sans', sans-serif;}
.wizNavTitular2 {font-size: 24px; color: #38485C; text-transform: uppercase; font-family: 'Nunito', sans-serif; }
.wizNavTitular3 {font-size: 16px; color: #38485C; font-family: 'Open sans', sans-serif; text-align: right; position: relative; top: -30px;}
.wizNavTitutlares {margin-top: -20px;border-top: 1px solid #38485C;}

a, .btn-link {
    color: #007BC7;
}

.myDragClass {
    font-size: 14pt;
    transform: scale(1.03);
    border-width: 2px;
    border-style: solid;
    border-color: #02a8fc;
}

.myDragClass {
    width: 110%;
    height: 110%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.32);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.32);
    transition: 0.5s;
    cursor: grabbing;
    border: 3px solid #005387!important;
}

.wizBkg {
    background: rgb(243,246,249);
    background: -webkit-linear-gradient(left, rgba(243,246,249,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(243,246,249,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(243,246,249,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
}

.wiz .wiz-body {
    color: #38485C;
    background-color: #ffffff;
    margin-bottom: 0px!important;
    padding: 30px 30px 0px 40px;
    height: auto!important;
    min-height: 100vh;
    padding-bottom: 80px!important;
}

.wizMainNav {
    width: 100%;
    height: auto!important;
}

.wizNav {
    list-style-type: none;
    position: relative;
    margin: -10px 0px 0px -40px;
}

.wizNav.active .wizNumber {
    background-color: #005FAB!important;
    color: #fff!important;
}

.wizNav.visited .wizNumber {
    background-color: #005FAB!important;
    color: #fff!important;
}

.wizNav.active .wizText {
    font-weight: 600!important;
    color: #38485C;
}

.wizNumber {
    background-color: #E6EBF0!important;
    color: #005FAB!important;
    border-radius: 50%;
    padding: 10px 16px;
    line-height: 70px;
    margin-right: 10px;
    font-weight: 600;
    font-family: 'Open sans', sans-serif;
    font-size: 18px;
    cursor: not-allowed;
    position: relative;
    z-index: 1004;
}

.wizNumber:hover {
    text-decoration: none;
    color: #005FAB;
}

.wizText {
    font-family: 'Open sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    display: block;
    left: 50px;
    top: -44px;
    line-height: 18px;
    color: #9EAAB8;
    max-height: 10px;
    min-height: 10px;
    max-width: 210px;
}

.wizSubNavContainer {
    height: 30px;
}

.wizSubNav {
    list-style-type: none;
    position: relative;
    left: -40px;
    margin-left: 0px;
    top: 34px;
    max-width: 260px;
}

.wizSubNav > li.active > .wizSubText {
    font-weight: 600!important;
    color: #38485C;
}

.wizSubNav > li.active > .wizDot {
    background-color: #005FAB!important;
}

.wizSubNav > li.active > .wizDot:before {
    background: #005FAB!important;
}

.wizSubNav > li.visited > .wizSubText {
    font-weight: 400!important;
    color: #38485C;
}

.wizSubNav > li.visited > .wizDot:before {
    background: #005FAB!important;
}

.wizSubNav > li.visited > .wizDot {
    background-color: #005FAB!important;
}

.wizDot {
    line-height: 10px!important;
    background-color: #e4ebf2;
    border-radius: 50%;
    margin-left: 15px;
    padding: 7px 7px!important;
    font-size: 0px!important;
    margin-right: 17px!important;
    position: relative;
    top: -43px;
}

.wizDot:before {
    content: '';
    width: 3px;
    height: 25px;
    text-align: center;
    background: #e4ebf2;
    display: inline-block;
    position: absolute;
    margin-top: -2px;
    top: -23px;
    left: 5px;
}

.wizSubText {
    position: relative;
    top: -59px;
    color: #9EAAB8;
    display: block;
    left: 50px;
    line-height: 15px;
    max-height: 15px;
}

.wizard nav .nav-wizard > li > ul > li.visited > a:before {
    font-weight: 600;
    color: #1b6699;
    background-color: #005FAB;
}

.wizard nav .nav-wizard > li.active {
    font-weight: 600;
}

.wizTitle {
    margin-top: 42px!important;
    margin-bottom: -40px!important;
}

ul.wizNav.visited:after {
    width: 3px;
    height: 41px;
    background-color: #005FAB!important;
    position: absolute;
    content: '';
    top: 50px;
    left: 60px;
}

/* Select 2 */
.chosen-container {
    font-size: 16px!important;
}

.chosen-container.chosen-container-single .chosen-single {
    background: none;
    height: 46px;
    padding: 10px 12px;
    border: 1px solid #8A98A8!important;
    border-radius: 4px;
    box-shadow: none;
    color: rgba(58,71,89,.6)!important;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 10px 6px;
    list-style: none;
    line-height: 15px;
    font-size: 15px;
    color: #9ba3ac;
}

.chosen-container.chosen-container-single .chosen-single div b {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #455466;
    position: relative;
    top: 18px;
    right: 10px;
}

.chosen-container.chosen-container-single.chosen-with-drop .chosen-results li.highlighted, .chosen-container.chosen-container-multi.chosen-with-drop .chosen-results li.highlighted {
    background: #005FAB!important;
}


@media (max-width: 768px) {
    .wizText {display:none;}
    .wizSubText {display:none;}	
    .wizNav {float: left;width: 50px;margin-bottom: 50px;}
    .wizMainNav {min-height: 135px; margin-left: 0px;}
    .wizSubNav {top: 35px; left:-43px;}
    .wizSubNav > li.active > .wizDot {z-index: 1001;}
    .wizContainer {background-color: #fff; padding: 0px;}
    .wizBkg {background: #fff;}
}

.errors{
    padding-top:5px;
    height: auto;
    margin-bottom: 5px;
    overflow: hidden;
    text-indent:5px;
    width: 95%;
    margin:0 auto;
    padding-bottom:5px;
    font-size:11px;
    color: #CC0000;
}

.errorGenerico{
    width: 60%;
    float: left;
}

.errorGenerico img{
    width: 35%;
    float: right;
}

#collapsible
{
    width:auto;
}

.summary {
    position: relative;
    width: 100%;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body {font-size: 16px!important;}

body, .label, .list-group, .list-group p, .list-group-item-text, .shortcut p, .alert-link p, .list-group blockquote p, .jumbotron p {
    font-family: 'open sans', sans-serif!important;
}

b, strong {
    font-weight: 600;
}

b, p strong {
    font-family: 'Open sans', sans-serif!important;
    font-weight: 600;
}

a:visited, .btn-link:visited {
    color: inherit;
}

.move {
    width: 15px;
    height: 15px;
    position: relative;
    left: 10px;
}

.up {
    background-image: url(../img/up-arrow.svg)!important;
    background-repeat: no-repeat;
    position: relative;
    top: -5px;
}

.down {
    background-image: url(../img/down-arrow.svg)!important;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
}

.orderNumber {
    background-color: #D1D8E0;
    padding: 3px 15px;
    border-radius: 15px;
    margin: 10px 0px;
}

/*td {
    padding: 20px!important;
}*/

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #F3F6F9;
}

.table th, .table td {
    padding: 10px!important;
}

table.table.table-striped.tablaEscuelas {
    margin-bottom: 30px;
}

.navTitle {
    max-width: 100px;
}

.h-100 {background-color: #f5f8fa;}

main {background-color: #F3F6F9;}

span.add-on {
    position: absolute;
    right: 24px;
    top: 43px;
    color: #959da7;
    font-size: 12px;
}

.font-13 {font-size: 13px!important;}
.font-15 {font-size: 15px!important;}
.font-16 {font-size: 16px!important;}
.font-17 {font-size: 17px!important;}
.font-18 {font-size: 18px!important;}
.font-19 {font-size: 19px!important;}
.font-20 {font-size: 20px!important;}
.font-21 {font-size: 21px!important;}
.font-22 {font-size: 22px!important;}

.light {
    -webkit-text-stroke: 1px #f5f8fa;
}

label {
    font-weight: 400 !important;
    font-size: 13px !important;
    margin-bottom: 0.15rem!important;
}

.form-control {
    font-size: 16px!important;
    height: 46px!important;
    border: 1px solid #8A98A8!important;
    font-weight: 400!important;
    font-family: 'Open sans', sans-serif!important;
    color: rgb(80 94 111)!important;
    border-radius: 4px!important;
    box-shadow: none;
    padding: 5px 35px 5px 10px;
}

.form-control:focus {
    box-shadow: inset 0px 0px 0px 2px rgba(3, 110, 211, 1)!important;
}

.form-control-sm {
    height: 46px!important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(80 94 111)!important;
    font-weight: 400!important;
    font-family: 'Roboto', sans-serif;
}

textarea {
    color:rgb(80 94 111)!important;
}

.bootstrap-select > .dropdown-toggle {
    font-family: 'Roboto', sans-serif;
    font-weight: 300!important;
}

.dropdown-menu.show {
    height: auto!important;
}

/* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 16px!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500!important;
    margin-bottom: 15px!important;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #8A98A8;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #38485C;
    border: 1px solid #38485C;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0px 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}




/*Radio button */
/* The customcheck */
.customradio {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500!important;
}

/* Hide the browser's default checkbox */
.customradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkradio {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #cfd3d7;
}

/* On mouse-over, add a grey background color */
.customradio:hover input ~ .checkradio {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.customradio input:checked ~ .checkradio {
    background-color: #38485C;
    border: 1px solid #38485C;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkradio:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customradio input:checked ~ .checkradio:after {
    display: block;
}

/* Style the checkmark/indicator */
.customradio .checkradio:after {
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    border: 2px solid white;
    border-radius: 50%;
}

button:focus {outline: none;}

.table .thead-dark th {
    color: #38485C;
    background-color: #DFE7F0;
    border-color: #DFE7F0;
    font-size: 17px;
    font-weight: 400;
    padding: 5px;
    font-family: 'Open sans', sans-serif;
}

.alert-ba1 {
    border: 2px solid #007BC7!important;
    border-left: 6px solid #007BC7!important;
    border-radius: 4px!important;
    height: auto!important;
    line-height: 27px!important;
    background-color: #e8f1f7;
    padding: 16px 15px 0px 15px!important;
}

.alert-ba2 {
    border: 2px solid #09af4b!important;
    border-left: 6px solid #09af4b!important;
    border-radius: 4px!important;
    height: auto!important;
    background-color: #edf5ef;
    font-family: 'Open sans', sans-serif!important;
    padding: 16px 15px 0px 15px!important;
}

.alert-ba3 {
    border: 2px solid #FFA82E!important;
    border-left: 6px solid #FFA82E!important;
    border-radius: 4px!important;
    height: auto!important;
    line-height: 27px!important;
    background-color: #FCF9F5;
    padding: 16px 15px 0px 15px!important;
}

.alert-ba4 {
    border: 2px solid #e14051!important;
    border-left: 6px solid #e14051!important;
    border-radius: 4px!important;
    height: auto!important;
    line-height: 27px!important;
    background-color: #FCF9F5;
    padding: 16px 15px 0px 15px!important;
}

.alert-ba1, .alert-ba2, .alert-ba3, .alert-ba4 {
    font-weight: 400!important;
    color: #485768!important;
}

.alertTitle {
    position: relative;
    left: 30px;
    top: -28px;
    margin-bottom: 0px;
}

.alertBody {
    position: relative;
    left: 30px;
    top: -29px;
    margin-bottom: -10px;
    width: 95%;
}

.close {
    color: #38485C!important;
    text-shadow: none;
    opacity: 1!important;
    border: none!important;
}

.text-primary {
    color: #007BC7!important
}

.text-alert {
    color: #FFA82E!important
}

h1, h2, h3, h4, h5 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: 'Nunito', sans-serif;
}

h1, .h1 {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 51px;
}

h4, .h4 {
    font-family: 'Nunito', sans-serif;
    font-weight: normal!important;
    font-size: 21px;
}

h6, .h6 {
    font-family: 'Open sans', sans-serif;
}

.bg-light {
    background-color: #F3F6F9!important;
}

.navbar {
    border-bottom: none!important;
    height: 85px;
}

.btn {
    padding: 0.275rem 1.1rem;
    text-align: center;
    font-family: 'Open sans', sans-serif!important;
    font-weight: 600!important;
    letter-spacing: 0px;
    color: #3a4759;
    opacity: 1;
    font-size: 15px;
}

.btn-primary {
    background: #FFDB2E!important;
    border: none!important;
    color:#3a4759!important;
}

.btn-secondary {
    background-color: #5C6A7A!important;
    border-color: #5C6A7A!important;
    color:#fff!important;
    box-shadow: none!important;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 7px 20px 10px 20px;
    font-size: 18px;
    border-radius: 4px;
    font-weight: 600;
}

.btn-link:hover, .btn-link:focus {
    color: inherit!important;
    opacity: 0.7!important;
}

.btn-md {
    height: 36px!important;
    line-height: 24px!important;
}

.shadow-md {
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%)!important;
}

main > .container {
    padding: 40px 15px;
}

.footer {
    background-color: #333333!important;
    border-top: 3px solid #FCDA59;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

.navTitle {
    max-width: 200px;
    text-align: left;
    position: relative;
    left: -390px;
    line-height: 16px;
    top: 0px;
    display: none;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger, .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.custom_error {
    color: #CC0000;
    font-size: 11px;
}

.custom-tooltip {
    line-height: 16px;
    vertical-align: text-top;
    width: 14px;
    height: 16px;
    background-image: url(../img/question.svg);
    background-position: center;
    background-repeat: no-repeat;
    top: 0px;
    position: relative;
    margin-left: 4px;
    margin-right: 4px;
    display: none;
}

.footerButtons{
    margin-top: 25px;
    margin-bottom: 25px;
}
.footerButtons .backButton.cancelarCarga {
    float:right;
}
.footerButtons .submitButton {
    float:right;
}

.accordion-toggle {
    width: 100%;
    display: block;
    margin-left: 10px;
    color: #425569;
    text-decoration: none;
    height: 60px;
}

a.accordion-toggle.collapsed:after {
    content: '+';
    float: right;
    position: relative;
    font-size: 30px;
    right: 20px;
    top: 5px;
}

a.accordion-toggle:after {
    content: '-';
    float: right;
    position: relative;
    font-size: 30px;
    right: 20px;
    top: 5px;
}

.precarga {
    background: url("../img/load.gif") no-repeat scroll center center transparent;
    height: 15px;
    width: 100%;
}

.accordion-toggle:hover,.accordion-toggle:focus{
    color: grey;
    text-decoration: none;
}

.document-uploaded{
    color:green; 
    margin-left: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgreen; 
    border-radius: 15px;
    padding-left: 5px; 
    padding-right: 5px; 
    white-space: pre;
}

.document-pending{
    color:grey;
    margin-left: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    border-radius: 15px;
    padding-left: 5px; 
    padding-right: 5px; 
    white-space: pre;
}

@media (max-width: 768px) {
    .footer {
        bottom: 0;
        width: 100%;
        z-index: 1010;
    }
    .w-75 {width:100%!important;}
    main {background-color: #fff!important;padding-bottom: 60px!important;}
    .navTitle {max-width: 100px;position: absolute;left: 100px;line-height: 16px;top: 23px;}
    .bg-light {background-color:#fff!important;}
    .form-control {height: 40px!important;}
    label {font-size: 14px!important;}
    .bootstrap-select > .dropdown-toggle {height: 34px!important; line-height: 21px!important;}
    main > .container {background:white}
    .h-100 {background:white;}
}



/* Nuevos estilos */
label.error {
    color: #CC0000;
    font-size: 12px!important;
    height: auto;
    overflow: hidden;
    text-align: left;
    text-indent: 5px;
    width: 100%;
    font-weight: 300!important;
}

.footerButtons {
    margin-top:36px;
    margin-bottom: 25px;
}

.footer-container {
    background: -webkit-linear-gradient(left, rgba(243,246,249,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(243,246,249,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(243,246,249,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
}

.accordion-heading {
    padding: 0px;
    border-bottom: 1px solid #e2e2e2;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    position: relative;
    bottom: -5px;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
}

a#eliminar_responsable2 {
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    position: absolute;
    top: 14px!important;
    display: block;
    right: 15px;
    background-color: #007BC7;
    color: #ffffff!important;
    padding: 3px 10px 5px;
    border-radius: 4px;
}

a#eliminar_responsable2:hover {
    background-color: #0985c3;
}

a.btn.popbot {
    background: #697887;
    padding: 10px 20px;
    color: #fff!important;
    box-shadow: none;
}

a.btn.popbot:hover {
    background-color: #5d6b79;
}

.accordion-body {
    padding: 10px;
    border: none;
}

.wizContainer {
    background-color: transparent;
    width: 100%;
    padding: 0px 15px;
    height: auto!important;
}

.wizMainContent {
    width: 100%;
    background-color: #fff;
    padding: 40px 0px 110px 40px;
    margin-top: 0px;
    height: 100%;
    min-height: 100vh;
    margin-bottom: 0px;
}

label.error {
    color: #CC0000;
    float: left;
    font-size: 12px!important;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    text-indent: 0px;
    width: 100%;
    font-weight: 300!important;
    margin-top: 5px;
    margin-bottom: 10px!important; 
}

.accordion-toggle span {
    position: absolute;
    left: 10px;
    top: 18px;
    font-size: 22px;
    color: #455466;
}

.document-delete-files {
    margin: 0;
    font-size: 12px;
    line-height: inherit;
    color: #ffffff;
    font-weight: normal!important;
    font-family: 'Roboto', sans-serif!important;
    border: none;
    position: relative;
    top: 76px;
    z-index: 1004;
    width: 105.5%;
    padding: 3px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #e43838;
}

/* Upload */
.plupload_logo {
    display: none;
}

.plupload_header_title {
    font-family: 'Roboto', sans-serif!important;
    line-height: 19px;
    padding: 6px 0 3px;
    position: relative;
    left: -50px;
    font-size: 20px;
}

.plupload_header_text {
    position: relative;
    left: -50px;
    font-family: 'Roboto', sans-serif!important;
    font-size: 14px;
}

.plupload_header_content {
    height: 50px!important;
    padding: 4px 160px 0 60px!important;
    position: relative;
    background-color: #f7fafc;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: left;
}

.plupload_container {
    min-height: 100px!important;
    border-radius: 4px;
    border: solid 1px #e2e2e2;
    position: absolute;
    top: 0!important;
    width: 170px;
}

.plupload_content {
    position: absolute;
    top: 0px!important;
    bottom: 0px;
    left: 0;
    right: 0;
    overflow-y: auto;
    width: 100%;
    overflow:hidden !important;
}

.ui-widget-header {
    border-bottom: 1px solid #e8e8e8;
    background-color: #f8fbfc!important;
    color: #455366;
    font-weight: 400;
    background-image: none;
    font-size: 13px;
}

.document-uploaded {
    color: #ffffff;
    margin-left: 10px;
    background-color: #00af87;
    border-radius: 4px;
    padding: 2px 10px;
    white-space: pre;
    font-size: 14px;
    border: none;
}

.document-pending {
    color: #455366;
    margin-left: 10px;
    background-color: #ffd930;
    border-radius: 4px;
    padding: 2px 10px;
    white-space: pre;
    font-size: 14px;
    border: none;
}

.plupload_droptext:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f093";
    position: relative;
    top: -20px;
    color: #465467;
    left: 80px;
    font-size: 16px;
}

.plupload_droptext {
    margin-top: 0px!important;
    font-size: 14px!important;
    color: #526174!important;
    font-weight: 400!important;
    line-height: 90px!important;
    margin-left: 0px!important;
    position: relative!important;
    z-index: 1;
    overflow: hidden;
}

.plupload_message {
    position: relative!important;
}

.plupload_message i {
    font-style: normal!important;
    position: relative!important;
    top: -2px!important;
}

.plupload_message strong {
    font-weight: bold!important;
    font-size: 14px!important;
    top: -1px!important;
    position: relative!important;
}

.plupload_wrapper * {
    box-sizing: content-box!important;
    font-family: 'Roboto', sans-serif!important;
}

.plupload_view_list .plupload_file {
    line-height: 95px!important;
    background-color: #fff!important;
    background-image: none!important;
    padding-bottom: 15px!important;
    border-bottom: none!important;
    position: relative!important;
    z-index: 1005!important;
    top: 0px!important;
    height: 30px!important;
    margin-top: -80px!important;
}

.plupload_file_name {
    padding: 0px!important;
    left: -1px!important;
    position: absolute!important;
    min-width: 101.5%!important;
    top: -21px!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    max-width: 93px!important;
    background-color: #fff!important;
}

.plupload_filelist_footer {
    border-width: 1px 0 0 0!important;
    border-bottom-left-radius: 6px!important;
    border-bottom-right-radius: 6px!important;
}

.plupload_buttons, .plupload_upload_status {
    background: #ffdd3a!important;
    padding: 6px 0px!important;
    color: #516074!important;
    font-weight: normal!important;
    width: 99.5%!important;
    text-align: center!important;
    border-bottom-right-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
    left: 0px!important;
    top: 0px!important;
}

.plupload_cell.plupload_upload_status {
    display: none!important;
}

.plupload_button.plupload_stop {
    display: none!important;
}

.plupload_progress.plupload_right {
    width: 100%!important;
}

.plupload_progress_container.ui-progressbar.ui-corner-all.ui-widget.ui-widget-content {
    position: relative!important;
    left: 0!important;
    height: 5px!important;
    margin-top: 8px!important;
    border: 1px solid #e2e2e2!important;
    float: left!important;
    width: 97%!important;
}

.ui-progressbar-value.ui-corner-left.ui-widget-header {
    background-color: #ffe145!important;
    border: none!important;
    padding: 1px!important;
}

.plupload_view_list div.plupload_file_name {
    margin-right: 0px;
    padding: 8px 6px;
    _width: 100%;
}

/*Spinner*/
.spinner-container {
    position: fixed;
    background-color: black;
    opacity: 0.8;
    text-align:center;
    z-index:1233;
    overflow: auto;
    width: 100%; /* width of the spinner gif */
    height: 100%; /*hight of the spinner gif +2px to fix IE8 issue */
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -2rem; /* half width of the spinner gif */
    margin-top: -2rem; /* half height of the spinner gif */
    text-align:center;
    z-index: 2;
}

.spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.path {
    stroke-dasharray: 180;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
    0% {stroke: #ffd604;}
    25% {stroke: #ffd604;}
    50% {stroke: #4285F4;}
    75% {stroke: #4285F4;}
    100% {stroke: #ffd604;}
}

@keyframes colors {
    0% {stroke: #ffd604;}
    25% {stroke: #ffd604;}
    50% {stroke: #4285F4;}
    75% {stroke: #4285F4;}
    100% {stroke: #ffd604;}
}
@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 180;
    }
    50% {
        stroke-dashoffset: 60;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 180;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}
@keyframes dash {
    0% {
        stroke-dashoffset: 180;
    }
    50% {
        stroke-dashoffset: 60;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 180;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*Estilos 02.09*/
.alert-dismissible .close {
    border: none!important;
}

.infoExtraEscuelaSugerida {
    color: #455466!important;
}

a.btn.btn-lg.btn-danger {
    width: 100%;
    padding: 2px 0px 6px 0px;
    background-color: #697888;
    color: #fff;
    margin-top: -10px;
}

a.btn.btn-lg.btn-danger:hover {
    background-color: #697888;
}

h4.text-primary {
    font-family: 'Open sans', sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #38485C!important;
}

div#pasos-ajax {
    max-width: 248px;
    position: relative;
    top: 0px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='rgb(58 71 89)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 6px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;
    background-size: 30px;
}

/* DatePicker */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 30%;
    height: 44px!important;
    line-height: 30px;
    padding: 0px;
    border: none!important;
    color: #455466;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #9fabb8;
    background: none;
    font-weight: normal;
    color: #979fa8;
    border-radius: 4px;
    text-align: center;
}

.ui-widget-header {color: #697888;border-bottom: 1px solid #b7b8b7;}
.ui-datepicker table {color: #455466;}
.ui-datepicker th {font-weight: normal!important;}

.ui-widget-header .ui-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #455466;
    background-image: none!important;
}

.ui-datepicker-prev {
    position: absolute!important;
    top: 13px!important;
    width: 1.8em!important;
    height: 1.8em!important;
    transform: rotate(180deg)!important;
    -webkit-transform: rotate(180deg)!important;
    margin-left: -2px!important;
}

.ui-datepicker-prev:hover {
    position: absolute!important;
    top: 13px!important;
    width: 1.8em!important;
    height: 1.8em!important;
    transform: rotate(180deg)!important;
    -webkit-transform: rotate(180deg)!important;
    margin-left: -2px!important;
}

.ui-datepicker-next {
    position: absolute!important;
    top: 16px!important;
    width: 1.8em!important;
    height: 1.8em!important;
    transform: rotate(0deg)!important;
    -webkit-transform: rotate(0deg)!important;
    margin-right: -3px!important;
}

.ui-datepicker-next:hover {
    position: absolute!important;
    top: 16px!important;
    width: 1.8em!important;
    height: 1.8em!important;
    transform: rotate(0deg)!important;
    -webkit-transform: rotate(0deg)!important;
    margin-right: -3px!important;
}

/* Estilos 09.09 */
.document-uploaded {
    color: #ffffff;
    margin-left: 0px;
    background-color: #00af87;
    border-radius: 50%;
    padding: 4px 4px 4px 8px;
    white-space: pre;
    font-size: 14px;
    border: none;
    top: 5px;
    position: relative
}

.document-pending {
    color: #ffffff;
    margin-left: 0px;
    background-color: #8b95a9;
    border-radius: 50%;
    padding: 4px 4px 4px 8px;
    white-space: pre;
    font-size: 14px;
    border: none;
    top: 5px;
    position: relative
}
.document-rejected{
    color: #ffffff;
    margin-left: 0px;
    background-color: #e43838;
    border-radius: 50%;
    padding: 4px 4px 4px 8px;
    white-space: pre;
    font-size: 14px;
    border: none;
    top: 5px;
    position: relative
}

.plupload_filelist_header {
    display: none;
}

.plupload_container .plupload_header {
    display: none;
}

.plupload_file_status {
    display: none;
}

.plupload_total_file_size {
    display: none;
}

.plupload_filelist_footer {
    background-color: #fff!important;
}

.plupload_button {
    background-color: #ffe145;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none;
    background: none;
    font-weight: inherit;
    color: inherit;
}

.plupload_filelist_footer {
    border: none;
}

.plupload_wrapper {
    font: normal 11px Verdana,sans-serif;
    width: 100%;
    min-width: 100%!important;
    line-height: 12px;
    position: absolute;
    top: 0;
}

.plupload_view_list div.plupload_file_size {
    display: none;
}

.textoDocs {
    min-height: 110px;
}

.plupload_dropbox .plupload_droptext {
    display: inline-flex!important;
}

.plupload_view_list div.plupload_file_name {
    margin-right: 0px;
    padding: 0px;
}

.pluploadDividerUser {
    border-top: 1px solid #ccc;
    margin-top: 23px;
    margin-bottom: 24px;
}

.cardDocumental {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 20px;
}

.progress {
    height: 7px;
    margin-bottom: 10px;
}

.progress-bar.progress-bar-striped.bg-primary.progress-bar-animated {
    background-color: #FFDB2E!important;
    height: 7px;
}

.btnEliminarEscuela {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
}

.mt-lg-45 {margin-top: 2rem}

@media (max-width: 768px) {
    .mt-lg-45 {margin-top: 0rem}
    a.btn.btn-block.btn-secondary.btn-sm {position: relative;top: -120px;max-width: 40px;float: right;padding: 10px;right: -8px;}
    .wizMainContent {padding: 0px;margin-top: -20px;}
    .wizNav {float: left;min-width: 90px;}
    div#pasos-ajax {max-width: 100%;}
    .wizNumber {padding: 7px 14px;}
    .wizNav.active .wizNumber {background-color: #005FAB!important;color: #fff!important;line-height: 54px;padding: 7px 14px!important;}
    .wizTitle {margin-top: 20px!important;margin-bottom: -15px;}
    .row.mt-5 {margin-top: 20px!Important;}
    .wizMainContent {margin-bottom:80px!important;}
    h1, .h1 {font-size: 32px;}
    .btn-lg, .btn-group-lg > .btn {font-size: 16px;text-align: left;}
    ul.wizNav.active {top: 8px;left: 0px;}
    .wizNavTitutlares {margin-top: -25px; margin-bottom: 30px;}
    .wizNavTitular1 {font-size: 10px;margin-top: 0px;}
    .wizNavTitular2 {font-size: 20px; margin-top: -5px;}
    .wizNavTitular3 {font-size: 13px; top: 3px;}
    ul.wizNav.visited:after {display: none;}
    .popupEscuelasContainer {width: 90%;top: 10%;}
    .popupEscuelasContent {width: 100%;}
    .popupEscuelasContainer::after {display: none;}
    .plupload_wrapper {position: relative;}
    .plupload_container {width: 100%; margin-top: 20px;}
    .plupload_dropbox .plupload_droptext {display: block!important; margin-right: 20px;width: 100%;}
    .plupload_file_name {min-width: 100.5%;}
    .document-delete-files {top: 124px;width: 100.6%; font-size: 14px;}
    .plupload_buttons, .plupload_upload_status {width: 99.2%!important;}
    .accordion-toggle span {font-size:15px;}
    .accordion-heading {font-size:12px;}
    .accordion-toggle {height: 50px;}
    .alertTitle {font-size: 17px; left: 25px;}
    .alertBody {position: relative;left: 25px;top: -24px;margin-bottom: -10px;width: 75%;font-size: 12px;line-height: 18px;}
    .alert-dismissible .close {padding: 0.5rem 1rem;}
    .table th, .table td {padding: 5px!important;}
    a.linkValue {font-size: 14px;}
    .table {font-size: 12px;}
    .toggleDetalle {margin-top: -2px;margin-bottom: 20px;width: 100%;height: 30px;background-color: white;border-bottom: 1px solid #626e7e;}
    .modal-title {font-size: 24px;}
}

footer .container hr{
    border-color:white;
}

footer{
    color:white;
}

.lista_redes {
    width: auto;
    height: auto;
}

.lista_redes a {
    text-decoration: none;
}

.lista_redes a img {
    margin-left: 39px;
}

#titulo1{
    visibility: hidden;

}

.nombres div:not(:first-child,:last-child){
    border-left: solid 1px;
    border-right: solid 1px;
    border-color:white;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .lista_redes{
        float:left;
    }
    
    .nombres div:not(:first-child,:last-child){
        border-left: solid 1px;
        border-right: solid 1px;
        border-color:white;
    }

}

@media only screen and (max-width: 768px) and (min-width: 721px) {
    .nombres h4{
        text-align: left !important;
    }

    .nombres p{
        text-align: left !important;
    }
    
    .nombres div:not(:first-child,:last-child){
        border-left: solid 0px;
        border-right: solid 0px;
    }
    
    .lista_redes{
        float:left !important;
    }
    
    .footer-img-container1{
        display:none;
    }

    #lista_redes a img {
        transform: scale(1.1) !important;
    }

    .lista_redes {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .lista_redes a {
        text-decoration: none;
        display: flex;
        color: var(--blanco);
        text-decoration: underline;
        margin: 8.5px 0px;
    }

    .lista_redes a img {
        margin-left: 0px !important;
    }

    #titulo1 {
        visibility: visible;
        color: var(--blanco);
    }

    #titulo1 {
        margin: 0 8.5px 0px 5px;
        transform: scale(1.2);
    }

    #facebook::after {
        content: 'Facebook';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #twitter::after {
        content: 'Twitter';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #instagram::after {
        content: 'Instagram';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #youtube::after {
        content: 'Youtube';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #whatsapp::after {
        content: 'Whatsapp';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }
}


@media only screen and (max-width: 720px) and (min-width: 426px) {
    .nombres h4{
        text-align: left !important;
    }

    .nombres p{
        text-align: left !important;
    }
    
    .nombres div:not(:first-child,:last-child){
        border-left: solid 0px;
        border-right: solid 0px;
    }
    
    .lista_redes{
        float:left !important;
    }
    
    .footer-img-container1{
        display:none;
    }

    .lista_redes {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .lista_redes a {
        text-decoration: none;
        display: flex;
        color: var(--blanco);
        text-decoration: underline;
        margin: 8.5px 0px;
    }

    .lista_redes a img {
        margin-left: 0px !important;
    }


    #titulo1 {
        visibility: visible;
        color: var(--blanco);
    }

    #titulo1 {
        margin: 0 8.5px 0px 0;
    }

    #facebook::after {
        content: 'Facebook';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #twitter::after {
        content: 'Twitter';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #instagram::after {
        content: 'Instagram';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #youtube::after {
        content: 'Youtube';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #whatsapp::after {
        content: 'Whatsapp';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }
}

/* ============================================== MOBILE L ================================================= */

@media only screen and (max-width: 425px) and (min-width: 376px) {
    .nombres h4{
        text-align: left !important;
    }

    .nombres p{
        text-align: left !important;
    }
    
    .nombres div:not(:first-child,:last-child){
        border-left: solid 0px;
        border-right: solid 0px;
    }

    .lista_redes{
        float:left !important;
    }
    
    .footer-img-container1{
        display:none;
    }

    #lista_redes a img {
        transform: scale(1.1) !important;
    }

    .lista_redes {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .lista_redes a {
        text-decoration: none;
        display: flex;
        color: var(--blanco);
        text-decoration: underline;
        margin: 8.5px 0px;
    }

    .lista_redes a img {
        margin-left: 0px !important;
    }

    #titulo1 {
        visibility: visible;
        color: var(--blanco);
    }

    #titulo1 {
        margin: 0 8.5px 0px 0;
    }

    #facebook::after {
        content: 'Facebook';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #twitter::after {
        content: 'Twitter';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #instagram::after {
        content: 'Instagram';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #youtube::after {
        content: 'Youtube';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }

    #whatsapp::after {
        content: 'Whatsapp';
        margin-left: calc(6px * 2);
        font-size: calc(16px * 1);
    }
}

/* ============================================== MOBILE M ================================================= */

@media only screen and (max-width: 375px) and (min-width: 361px) {
    .nombres h4{
        text-align: left !important;
    }

    .nombres p{
        text-align: left !important;
    }
    
    .nombres div:not(:first-child,:last-child){
        border-left: solid 0px;
        border-right: solid 0px;
    }
    
    .lista_redes{
        float:left !important;
    }
    
    .footer-img-container1{
        display:none;
    }

    .lista_redes {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .lista_redes a {
        text-decoration: none;
        display: flex;
        color: var(--blanco);
        text-decoration: underline;
        margin: 8.5px 0px;
    }

    .lista_redes a img {
        margin-left: 0px !important;
    }

    #titulo1 {
        visibility: visible;
        color: var(--blanco);
    }

    #titulo1 {
        margin: 0 8.5px 0px 0;
    }

    #facebook::after {
        content: 'Facebook';
        margin-left: calc(6px * 1.5);
        font-size: calc(16px * 1);
    }

    #twitter::after {
        content: 'Twitter';
        margin-left: calc(6px * 1.5);
        font-size: calc(16px * 1);
    }

    #instagram::after {
        content: 'Instagram';
        margin-left: calc(6px * 1.5);
        font-size: calc(16px * 1);
    }

    #youtube::after {
        content: 'Youtube';
        margin-left: calc(6px * 1.5);
        font-size: calc(16px * 1);
    }

    #whatsapp::after {
        content: 'Whatsapp';
        margin-left: calc(6px * 1.5);
        font-size: calc(16px * 1);
    }
}

/* ============================================== MOBILE S ================================================= */

@media only screen and (max-width: 360px)  {
    .nombres h4{
        text-align: left !important;
    }

    .nombres p{
        text-align: left !important;
    }
    
    .nombres div:not(:first-child,:last-child){
        border-left: solid 0px;
        border-right: solid 0px;
    }    

    .lista_redes{
        float:left !important;
    }
    
    .footer-img-container1{
        display:none;
    }

    .lista_redes {
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .lista_redes a {
        text-decoration: none;
        display: flex;
        color: var(--blanco);
        text-decoration: underline;
        margin: 8.5px 0px;
    }

    .lista_redes a img {
        margin-left: 0px !important;
    }

    #titulo1 {
        visibility: visible;
        color: var(--blanco);
    }

    #titulo1 {
        transform: scale(1.1);
    }

    #facebook::after {
        content: 'Facebook';
        margin-left: 6px;
    }

    #twitter::after {
        content: 'Twitter';
        margin-left: 6px;

    }

    #instagram::after {
        content: 'Instagram';
        margin-left: 6px;

    }

    #youtube::after {
        content: 'Youtube';
        margin-left: 6px;

    }

    #whatsapp::after {
        content: 'Whatsapp';
        margin-left: 6px;

    }
}

.footer-img-container2{
    display:none;
}
@media only screen and (max-width: 760px)  {
    .footer-img-container2{
        display:block;
    }
    #informacion p {
        display:none;
    }
}

.nombres h4{
    text-align: right;
    font-style: normal;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 501 !important;
    letter-spacing: 0px;
}

.nombres p{
    text-align: right;
    font-family: 'Open sans', sans-serif;
    font-size: 13px;
    font-weight: 400 !important;
    letter-spacing: 0px;
}

.footer-img-container2 p{
    font-family: 'Open sans', sans-serif;
    font-size: 13px;
    font-weight: 400 !important;
    letter-spacing: 0px;
}

#informacion p{
    font-family: 'Open sans', sans-serif;
    font-size: 13px;
    font-weight: 400 !important;
    letter-spacing: 0px;
}




















/*-=-=-=-=-=-=-=-=-=-=--=-=- ESTILOS LANDING -=-=-=-=-=-=-=-=-=-=-=-=-=-*/
main.landing p {
    font-family: 'Nunito', sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 20px;
}

main.landing .btn-lg, .btn-group-lg > .btn {
    padding: 12px 20px 12px 20px;
    font-size: 18px!important;
    border-radius: 8px;
    font-weight: 600!important;
}


.bg-blue {
    background-color: #E5F1F9!important;
}

section#landing {
    height: 65vh;
    min-height: 600px;
    max-height: 600px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: -10px;
    align-items: center;
}

.first-fold-cards {
    height: 65vh;
    min-height: 600px;
    background-color: #cee5f4;
    width: 80%;
    position: relative;
    right: calc(-20% - 15px);
    display: flex;
    align-items: center;
}

.first-fold-cards .card.card-home.colored-boxes.card-blue {
    width: calc(100% + 20%);
    position: relative;
    right: 0px;
    left: -20%;
    background-color: transparent;
    height: 80vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

nav.navbar.navbar-expand-md.fixed-top.bg-white.shadow-md.landing {
    border-bottom: none!important;
    height: 60px;
    position: fixed!important;
}

.fc-blue {
    color: #007bc7!important;
}

h2, .h2 {
  font-weight: 600!important;
}

@media (max-width: 768px) {
.first-fold-cards .card.card-home.colored-boxes.card-blue {
    left: 0px;
    height: auto;
}
}

/* -=-=-=-=-=-=-=-=-=-=-=- CARDS -=-=-=-=-=-=-=-=-=-=-=- */
/* .card {
    border-radius: 10px;
} */

section#landing {
    height: 65vh;
    min-height: 600px;
    max-height: 600px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
    align-items: center;
}

.first-fold-text {
    height: calc(65vh - 90px);
    min-height: 600px;
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10%;
    margin-right: 20%;
}

.first-fold-text h1 {
    line-height: 50px;
}

.first-fold-cards {
    height: 65vh;
    min-height: 600px;
    background-color: #cee5f4;
    width: 80%;
    position: relative;
    right: calc(-20% - 15px);
    display: flex;
    align-items: center;
    padding-top: 50px;
}

.card.card-home.colored-boxes.card-blue {
    width: calc(100% + 20%);
    position: relative;
    right: 0px;
    left: -20%;
    background-color: transparent;
    height: 80vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.card.card-home {
    border-radius: 30px;
    border: none;
}

.card.card-home .card-body {
    margin: 15px 20px;
}

.card.card-home .card-body .row .col-md-4 {
    padding: 10px 5px!important;
}

.card.card-small {
    border-radius: 20px;
    border: none;
    height: auto;
    margin-bottom: 0px;
}

a .card.card-small p {
    font-size: 16px;
    color: #38485cdb;
    margin-bottom: 5px;
}

a .card.card-small h4 {
    font-size: 19px;
    font-weight: 700!important;
    color: #38485C;
}

a .card.card-small .card-body {
    padding: 25px 10px 50px 10px;
    margin: 0px 5px;
}

.card.card-small.card-light-blue.h-100 p {
    font-weight: 600;
}

a, .btn-link .card.card-small .card-body h4 {
    text-decoration: none!important;
}

a.text-link {
    text-decoration: underline!important;
    transition: 0.4s;
    font-weight: 500;
}

a.text-link.blue {
    color: #007bc7;
}

a.text-link:hover {
    font-weight: 500;
    opacity: 0.75;
    transition: 0.4s;
}

.text-link-faq {
  text-align: left;
}

.card.orange{background-color: #FFEFE5;}
.card.blue{background-color: #E8F4FB;}
.card.green{background-color: #E8FBF7;}
.card.yellow{background-color: #FFF7E0;}

.card-blue {
    background-color: #CEE5F4;
}

.card-blue .card-body p {
    font-weight: 300;
    color: #38485C;
    font-size: 16px;
}

.card-light-blue {
    background-color: #F1F9FF;
}

.card.light-blue .card-body p {
    font-weight: 300;
    color: #38485C;
    font-size: 16px;
}

a.btn.btn-primary.btn-lg.mt-3.float-right.w-100 {
    width: 200px!important;
}

@media (max-width:768px){
a.btn.btn-primary.btn-lg.mt-3.float-right.w-100 {
    width: 100%!important;
}
  
.text-link-faq {
  text-align: center;
}
  
section#landing {
    height: auto;
    min-height: auto;
    max-height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 0px;
    align-items: flex-start;
    max-width: 100vw;
}
  
.first-fold-text {
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 40px;
    min-height: 100%;
    max-height: 100%;
    margin-bottom: 60px;
}
  
.first-fold-cards {
    height: auto;
    background-color: #cee5f4;
    margin-right: 0px;
    position: relative;
    border-radius: 30px 30px 0px 0px;
    min-height: auto;
    max-height: 100%;
    padding-bottom: 50px;
    left: -15px;
    right: 0px;
    width: 100vw;
    padding-top: 0px
}
  
div#fechas {
    margin-top: -30px;
}

  
.card.card-home.colored-boxes.card-blue {
    width: 100%;
    position: relative;
    right: 0px;
    left: 0px!important;
    background-color: transparent;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: -100px;
}
  
.card.card-small {
    height: 100%!important;
    margin-bottom: 10px;
    margin-top: 0px!important;
}
  
.card.card-home.colored-boxes {
    border-radius: 30px;
    border: none;
    width: calc(100vw + 0px);
    position: relative;
    left: -15px;
    margin-top: 10px;
    margin-bottom: -130px;
    padding-bottom: 40px;
}
  
.card.card-home .card-body {
    margin: 15px 5px;
}
  
.card.card-home .card-body .row .col-md-4 {
    padding: 5px 5px!important;
}
  
.card.card-small {
    margin-bottom: 0px;
}
  
a .card.card-small .card-body {
    padding: 25px 10px;
}
}

/* -=-=-=-=-=-=-=-=-=-=-=- ACCORDION -=-=-=-=-=-=-=-=-=-=-=- */
.accordion-color {
    box-shadow: none!important;
}

.card.btn-collapse.orange {
    border-left: 12px solid #FF6940;
    background-color: white;
}

.card.btn-collapse.blue {
    border-left: 12px solid #007BC7;
    background-color: white;
}

.card.btn-collapse.orange .card-header .btn.btn-collapse-link {
    color: #FF6940;
}

.card.btn-collapse.blue .card-header .btn.btn-collapse-link {
    color: #007BC7;
}

.card.btn-collapse.purple .card-header .btn.btn-collapse-link {
    color: #8361BF;
}

.card.btn-collapse .card-header button.btn.btn-collapse-link.collapsed {
    color: #38485C;
}


.card.btn-collapse.purple {
    border-left: 12px solid #8361BF;
    background-color: white;
}

.btn-collapse {
    width: 100%;
    text-align: left;
    font-size: 18px;
    padding: 0px;
    border-radius: 12px;
    border: 0px;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15)!important;
    overflow: hidden;
}

.btn-collapse .card-header {
    background-color: transparent;
    padding: 0px;
    border: none;
    border-radius: 0px;
}

.btn-collapse-link {
    font-family: 'Nunito'!important;
    box-shadow: none!important;
    font-size: 18px;
    width: 100%;
    text-align: left;
    padding: 8px 15px;
    border-radius: 0px 12px 0px 0px;
    transition: 0.15s;
    position: relative;
    z-index: 0;
}

.btn-collapse-link.collapsed {
    font-family: 'Nunito'!important;
    box-shadow: none!important;
    font-size: 18px;
    width: 100%;
    text-align: left;
    padding: 8px 15px;
    border-radius: 0px 12px 12px 0px;
    transition: 0.5s;
    color: #38485C;
}

.btn-collapse-link.collapsed::after {
    content: '';
    position: relative;
    width: 13px;
    height: 13px;
    background-color: transparent;
    float: right;
    border-radius: 2px;
    transform: rotate(45deg);
    border-right: 3px solid #37485c;
    border-bottom: 3px solid #37485C;
    transition: 0.4s;
    margin-top: 3px;
}

.btn-collapse-link::after {
    content: '';
    position: relative;
    width: 13px;
    height: 13px;
    background-color: transparent;
    float: right;
    border-radius: 2px;
    transform: rotate(225deg);
    border-right: 3px solid #37485c;
    border-bottom: 3px solid #37485C;
    transition: 0.4s;
    margin-top: 9px;
}

.card.btn-collapse .collapse {
    box-shadow: none;
    border-radius: 0px 0px 12px 12px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.accordion-color .card-body h4 {
    font-weight: 300!important;
}

.accordion-color .card-body p {
    font-size: 16px;
    font-weight: 300;
    color: #38485C;
    line-height: 22px;
}

.accordion-color .card-body hr {
    border-top: 1px solid #e9ecef;
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
    float: left;
    width: 90%;
}

.fecha-container {
    display: flex;
}

.fecha-container .icon {
    margin-right: 10px;
}

.fecha-container p.orange  {
    color: #FF6940!important;
}

.fecha-container p.blue  {
    color: #007BC7!important;
}

.fecha-container p.purple  {
    color: #8361BF!important;
}

.fecha-container.upload-archivo {
    margin-top: 10px;
    border-radius: 10px;
    border: 1px solid #aaa;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px;
}

.accordion-classic .card.btn-collapse {
    box-shadow: none!important;
}

.accordion-classic .card {
    border: 2px solid #e9ecef;
}

.accordion-classic .card.btn-collapse .card-header .btn-collapse-link.collapsed {
    background-color: #F3F6F9;
    box-shadow: none!important;
    color: #38485C;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 52px;
}

.accordion-classic .card.btn-collapse .card-header .btn-collapse-link::after {
    display: none;
}

.accordion-classic .card.btn-collapse .card-header .btn-collapse-link {
    background-color: #007BC7;
    box-shadow: none!important;
    border-bottom: none!important;
    color: white;
    min-height: 52px;
}

.accordion-classic .card.btn-collapse .collapse {
    box-shadow: none;
    border-top: none;
    transition: 0.4s;
}

.accordion-classic .card.btn-collapse .collapse.show {
    box-shadow: none;
    border-top: none;
    transition: 0.4s;
}

.accordion-classic .card.btn-collapse .card-header .btn-collapse-link.collapsed .accordionCross::after {
    background-color: #495057;
    border: none;
    width: 18px;
    height: 2px;
    transform: rotate(0deg);
    margin-top: -2px;
    left: 0px;
    content: '';
    position: relative;
    transition: 0.4s;
    float: right;
    border-radius: 2px;
}

.accordion-classic .card.btn-collapse .card-header .btn-collapse-link.collapsed .accordionCross::before {
    background-color: #495057;
    border: none;
    width: 18px;
    height: 2px;
    transform: rotate(90deg);
    margin-top: 0px;
    left: 0px;
    content: '';
    position: relative;
    transition: 0.4s;
    float: right;
    border-radius: 2px;
}

.accordion-classic .card.btn-collapse .card-header .btn-collapse-link .accordionCross::after {
    background-color: #fff;
    border: none;
    width: 18px;
    height: 2px;
    transform: rotate(0deg);
    margin-top: -2px;
    left: 0px;
    content: '';
    position: relative;
    transition: 0.4s;
    float: right;
    border-radius: 2px;
}

.accordion-classic .card.btn-collapse .card-header .btn-collapse-link .accordionCross::before {
    background-color: #fff;
    border: none;
    width: 18px;
    height: 2px;
    transform: rotate(180deg);
    margin-top: 0px;
    left: 0px;
    content: '';
    position: relative;
    transition: 0.4s;
    float: right;
    border-radius: 2px;
}

.accordionCross {
    position: absolute;
    float: right;
    top: 0px;
    right: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 100%;
}

.accordion-classic button.btn.btn-collapse-link span {
    max-width: 86%;
    float: left;
    line-height: 22px;
    font-weight: 500;
}

.alert.alert-new {
    border: 2px solid;
    border-radius: 10px;
    color: #38485C;
    font-size: 16px;
    line-height: 24px;
    padding: 15px 20px;
    margin-bottom: 30px;
    font-weight: 300!important;
}

.alert-danger {
    border-color: #C93B3B!important;
    background-color: #FCF5F5!important;
}

.alert-warning {
    border-color: #FFA82E!important;
    background-color: #FCF9F5;
}

.alert-primary {
    border-color: #007BC7!important;
    background-color: #F5F9FC;
}

.alert-success {
    border-color: #26874A!important;
    background-color: #F5FCF8;
}

.card.btn-collapse.resumen {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.card.btn-collapse.resumen .card-header .btn.btn-collapse-link.collapsed {
    background-color: white;
}

.card.btn-collapse.resumen .card-header .btn.btn-collapse-link.collapsed span {
    height: auto;
    text-wrap: wrap;
    color: #38485C;
    transition: 0.4s;
}

card.btn-collapse.resumen .card-header .btn.btn-collapse-link {
    background-color: white;
}

.card.btn-collapse.resumen .card-header .btn.btn-collapse-link span {
    height: auto!important;
    text-wrap: wrap!important;
    color: #007BC7;
    transition: 0.4s;
}

.accordion-classic .card.btn-collapse.resumen .card-header .btn-collapse-link {
    background-color: #ffffff;
    box-shadow: none!important;
    border-bottom: none!important;
    min-height: 52px;
    padding: 7px 10px;
    border-radius: 0px;
}

.accordion-classic .card.btn-collapse.resumen .card-header .btn-collapse-link .accordionCross::after {
    background-color: #495057;
}

.resumen-title-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    text-align: left;
}

.resumen-title-container .preTitle {
    font-size: 14px!important;
    font-weight: 300!important;
}

.accordion-classic .card.btn-collapse.resumen .card-header .btn-collapse-link.collapsed .resumen-title-container .preTitle {
    color: #BBB7B7!important;
}

.accordion-classic .card.btn-collapse.resumen .card-header .btn-collapse-link .resumen-title-container .preTitle {
    color: #007BC7!important;
}

.resumen-title-container span {
    font-size: 19px;
    font-weight: 700!important;
}

ul.home-ul {
    margin-left: -20px!important;
}

ul.home-ul li {
    font-size: 12px;
}

ul.home-ul li {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 20px;
}



/* -=-=-=-=-=-=-=-=-=-=-=- ICONOS -=-=-=-=-=-=-=-=-=-=-=- */
.icon {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.icon.icon-md {
    width: 25px;
    height: 25px;
}

.icon.secundario {
    min-width: 20px;
    min-height: 20px;
    margin-left: -15px;
    margin-right: 5px!important;
}

.icon-calendario {background-image: url("/img/icons/calendario.svg");}
.icon-calendario.blue {filter: invert(1);}
.icon-calendario.purple {filter: invert(1) hue-rotate(70deg);}
.icon-ayuda {background-image: url("/img/icons/ayuda.svg");}
.icon-escuelas {background-image: url("/img/icons/escuelas.svg");}
.icon-simulador {background-image: url("/img/icons/simulador.svg");}
.icon-preinscripcion {background-image: url("/img/icons/preinscripcion.svg");}
.icon-facebook {background-image: url("/img/icons/si-facebook.svg");}
.icon-instagram {background-image: url("/img/icons/si-instagram.svg");}
.icon-twitter {background-image: url("/img/icons/si-twitter.svg");}
.icon-youtube {background-image: url("/img/icons/si-youtube.svg");}
.icon-whatsapp {background-image: url("/img/icons/si-whatsapp.svg");}
.icon-cec {background-image: url("/img/icons/icon_cec.svg");}
.icon-bot {background-image: url("/img/icons/icon_bot.svg");}
.icon-eye {background-image: url("/img/icons/icon_eye.svg");}
.icon-trash {background-image: url("/img/icons/icon_trash.svg");}
.icon-pencil {background-image: url("/img/icons/icon_pencil.svg");}
.icon-info {background-image: url("/img/icons/icon_info.svg");}
.icon-search {background-image: url("/img/icons/icon-search.svg");}
.icon-warning {background-image: url("/img/icons/icon_warning.svg");}
.icon-danger {background-image: url("/img/icons/icon_danger.svg");}
.icon-check-disabled {background-image: url("/img/icons/icon_check-disabled.svg");}
.icon-check-success {background-image: url("/img/icons/icon_check-success.svg");}
.icon-upload {background-image: url("/img/icons/icon_upload.svg");}
.icon-doc {background-image: url("/img/icons/icon_doc.svg");}
.icon-eye-show {background-image: url(/img/icons/icon_pass-show.svg);}
.icon-eye-hide {background-image: url(/img/icons/icon_pass-hide.svg);}



/* -=-=-=-=-=-=-=-=-=-=-=- FOOTER -=-=-=-=-=-=-=-=-=-=-=- */
footer.footer {
    background-color: #37485c!important;
    border-top: none!important;
}

footer h1 {
    color: white;
    font-size: 22px;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    margin-bottom: 25px;
}

.si-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

a.footer-social {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
}

a.footer-social .icon {
    margin-right: 0px;
    margin-bottom: 22px;
    margin-left: 35px;
}

a.footer-social span {
    font-size: 18px;
    line-height: 16px;
    font-weight: 200;
    color: white;
    text-decoration: underline;
}

.puesto-container {
    text-align: right;
    border-right: 1px solid rgba(255,255,255,0.3);
    padding: 0px 20px 0px 0px;
    height: 100%;
    margin: 0px -5px;
}

.puesto-container.last {
    margin-right: 0px;
    border: none;
    padding: 0px;
}

footer p {
    font-size: 14px!important;
    color: #FFFFFF!important;
}

.footer p.small {
    opacity: 0.85;
    font-weight: 600;
}

footer p.nombre {
    font-family: 'Nunito', sans-serif;
    font-weight: 200;
    font-size: 14px!important;
    opacity: 0.7;
}

footer p.legals {
    font-size: 14px!important;
    color: #AAAAAA!important;
    margin-top: 0px;
    margin-bottom: 10px;
    letter-spacing: 0px;
    font-weight: 300;
}

footer p.legals br {
    display: none;
}

img.logoCiudadBA {
    height: 45px;
    margin-top: 10px;
}

img.logoCiudadBAFull {
    height: 45px;
}

footer {
    color: white;
    padding: 30px 8px!important;
}

footer hr.escritorio {
    display: block;
    width: 100%;
    padding: 0px!important;
    margin: 25px 0px!important;
}

img.logoVamosBA {
    margin-top: 0px;
}


@media (max-width:768px){
.si-container {
    margin-top: 10px;
}
  
footer p.legals br {
    display: block;
}
  
a.footer-social .icon {
    margin-right: 15px;
    margin-bottom: 22px;
    margin-left: 0px;
}
  
footer p.legals {
    margin-top: 40px;
    margin-bottom: 40px;
    min-width: calc(100vw - 80px);
    letter-spacing: -1px;
}
  
.puesto-container {
    border-right: none;
    padding: 0px;
    height: 100%;
    margin: 0px;
    min-width: calc(100vw - 80px);
    text-align: left;
}
  
img.logoCiudadBA {
    height: 45px;
    margin-top: 0px;
}
  
img.logoVamosBA {
    margin-top: -5px;
}

}

@media (max-width:575px){
.si-container {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}
}

@media (max-width:768px) {
main#divLanding {
    margin-bottom: -60px;
}
}