.top-ditella-escuela h1 {line-height: 1.1;}

.section {display: none;}
.section:target {display: block;}
.section::before{display:block;content:" ";margin-top:-340px;height:340px;visibility:hidden;pointer-events:none}

.cd-main-content{background:#fff;min-height:100vh!important;min-height:50vh;z-index:2}

.no-margin {margin: 0 !important;}

.box {color: #555 !important; font-size: 16px !important;}

.large {
    font-size: 1.5em;
    font-weight: 300;
}

.nowrap {white-space: nowrap;}

a[disabled] {opacity: 0.5; pointer-events: none}

a.destacado {font-weight: bold; text-decoration: underline; color: #468847;}

.row.flex {display: flex; justify-content: space-between; align-items: flex-start;}

.nav-form {background: rgba(255,255,255,0.6); border: none;}
.nav-form a,
.nav-form a:visited {font-weight: normal; background: transparent; padding: .3em;}
.nav-form a:after{content:"\f105"; color: #5a5a5a; font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;top:50%;margin-top:-.9em;right:0;padding:.3em;font-size:1.2em}

.nav-form a:active, .nav a.active {font-weight: bold; background: transparent;}
.nav-form a:active:after, .nav a.active:after {font-weight: bold; color: #000;}
.nav-form a:hover {background: transparent; color: #000;}
.nav-form li.done a {color: #468847 !important;}
.nav-form li.done a:after{content:"\f058"; color: #468847; font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;top:50%;margin-top:-.9em;right:0;padding:.3em;font-size:1.2em}

.nav-form [disabled] {pointer-events: none; opacity: 0.4}

.nav-form:not(.vertical) {z-index: 1;}
.nav-form:not(.vertical) ul {display: flex; justify-content: space-between; align-items: center;}
.nav-form:not(.vertical) ul > li {flex-shrink: 1; flex-grow: 1; }
.nav-form:not(.vertical) ul > li > a {display: block; font-size: 17px;}
.nav-form:not(.vertical) ul > li > a:after {right: -16px; margin-top: -21px; width: 30px;}
.nav-form:not(.vertical) ul > li.done + li > a {font-weight: bold;}
.nav-form:not(.vertical) ul > li.last > a:after {display: none}


.title-name {font-size: 1.5em;font-weight: 600;}

form input+small,
form select+small,
form textarea+small,
form label+small {line-height:1.2;padding:3px 1px 0;display: inline-block;}

form input+small.leyenda,
form select+small.leyenda,
form textarea+small.leyenda {font-size: 1rem; padding:10px 1px 0;white-space: nowrap;}

form span.sub-absolute {font-size: 12px; position: absolute; right: 15px; bottom: 10px;}

form small > a {font-weight: bold; text-decoration: underline;}
form a {font-weight: bold; text-decoration: underline;}

form small:empty {display: none !important;}

form[disabled] {pointer-events: none; opacity: 0.9}
form:valid {box-shadow: 0 0 3px rgba(0,0,0,0.3);}

form [required]:valid {border-bottom: 2px solid rgba(0, 128, 0, 0.8); }
form :valid + small {color: inherit;}
/*form :valid:after {content:"\f058"; color: #468847; font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;top:50%;margin-top:-.9em;right:0;padding:.3em;font-size:1.2em}*/

form :invalid {border-bottom: 2px solid rgba(204, 0, 0, 0.6); outline-color: rgba(204, 0, 0, 0.6);}
/*form :invalid + small {color: rgba(204, 0, 0, 0.6);}*/

form fieldset:valid,
form fieldset:invalid {border-bottom-width: 1px;}

form span.required {color: rgba(204, 0, 0, 0.8);}
form .required:before {content: '*'; font-weight: bold;}

fieldset {padding: 0 4px 18px; font-size: 15px; background-color: rgba(238, 238, 238, 0.30);}
legend{font-size:16px; font-weight:600;padding: 16px 8px 8px; float: left; line-height: 1.1;}
input, textarea, select {border: 1px solid #cacaca; height: 2.5em; box-shadow: none; color: #111;}
textarea {height: auto;}
.input-radio {display: flex; align-items: center; }
.input-radio label {cursor: pointer;}

input[readonly], select[readonly], textarea[readonly], input[type=radio][readonly] + i[class*="icon-"], input[type=checkbox][readonly] + i[class*="icon-"] {background: rgba(246, 246, 246, 0.7); pointer-events: none; }

/*form .close-field {} border-bottom: 2px solid rgba(0, 128, 0, 0.8);*/

/*datalist {max-height: 300px;}*/

.field-wrapper {padding: 4px 5px; min-height: 35px !important;}
.field-wrapper label {padding: 4px 2px; font-size: 14px; line-height: 1.3;}
.field-wrapper label small {display: inline-block;}
.field-wrapper.nolabel label {display: none;}
.field-wrapper input[disabled],
.field-wrapper select[disabled],
.field-wrapper textarea[disabled],
.field-wrapper input[type=radio][disabled] + i[class*="icon-"],
.field-wrapper input[type=checkbox][disabled] + i[class*="icon-"],
.field-wrapper [disabled] + small,
.field-wrapper [freeze] {opacity: 0.3; pointer-events: none;}

.field-wrapper.done {pointer-events: none;}
.field-wrapper.done label span.required {display: none;}
.field-wrapper.done .field-image .file-wrapper {pointer-events: none;}
.field-wrapper.done .field-image .file-wrapper {opacity: 0.6;}
.field-wrapper.done .field-image:after{content:"\f058"; color: #468847; font-family:FontAwesome;font-weight:400;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;top:50%;transform: translate(-50%,-50%);left:50%;font-size:2.4em;background: #fff;line-height: 0.7;border-radius: 50%;}

.field-wrapper input[type=tel] {background-color: #fff !important}
.field-wrapper.inset {margin-top: -15px; padding-left: 15px;}

.field-wrapper > .row {margin-left: -5px; width: calc(100% + 10px);}
.field-wrapper > .row > div {padding: 0 5px;}

.field-wrapper.flex-row {display: flex; justify-content: space-between; align-content: center;}
.field-wrapper.flex-row label {margin-right: 10px}
.field-wrapper.flex-wrap {flex-wrap: wrap;}

.label-bold > label {font-weight: bold !important;}
.label-inline > label {display: inline-block; font-weight: bold !important;}
.label-inline > div {display: inline-block;}
.label-title > label {font-size: 16px !important; font-weight: bold !important; margin-bottom: 10px;}

.label-group-inline > div > label {display: inline-block;}

.field-wrapper.pull-right {float: right !important}


.field-image {background: #fff; border: 1px solid #cacaca; padding-top: 25%; min-width: 25%; cursor: pointer; border-radius: 4px;}
.field-image .file-wrapper {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.field-image .file-legend {text-align: center; max-width: 180px;}
.field-image .file-legend i {font-size: 26px; opacity: 0.8;}
.field-image .file-legend .icon-refresh {color: rgba(0, 128, 0, 0.8);}
.field-image .file-legend small {display: block; line-height: 1.1}
.field-image img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; background: rgba(158,158,158,28%);}
.field-image input[type=text] {position: absolute; height: calc(100% + 3px); color: rgba(255,255,255,0);}
.field-image input[type=file] {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; cursor: pointer;}
input[name="datos_solicitante-foto"]:valid + .field-image {border-bottom: 2px solid rgba(0, 128, 0, 0.8);}
input[name="datos_solicitante-foto"]:invalid + .field-image {border-bottom: 2px solid rgba(204, 0, 0, 0.6);}

.image .field-image {padding-top: calc(100% + 8px) !important}


.field-wrapper.image label small{position:absolute;top:100%;z-index:1;text-align:center;padding:10px 5px}
.field-wrapper.image .field-image img {z-index: 1; object-fit: cover;}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] {-moz-appearance:textfield;}border-bottom: 2px solid rgba(204, 0, 0, 0.6);

input[list]::-webkit-calendar-picker-indicator {display: none;}

::-webkit-input-placeholder{color:#aaa;font-size:14px;text-align:left}
:-moz-placeholder{color:#aaa;font-size:14px;text-align:left}
::-moz-placeholder{color:#aaa;font-size:14px;text-align:left}
:-ms-input-placeholder{color:#aaa;font-size:14px;text-align:left}

button[type=submit], .submit {border:2px solid rgba(90,90,90,0.5);background-color:rgba(0, 128, 0, 0.8) !important;transition:all .5s;color:#fff !important;font-size: 18px;}
button[type=submit]:hover, .submit:hover {border:2px solid rgba(90,90,90,1);background-color:rgba(180,180,180,0.5);color: #6d6d6d;}
button[type=submit][disabled], button[type=submit][disabled="disabled"], form:invalid button[type=submit] {pointer-events: none; opacity: 0.3;}

input[type=radio], input[type=checkbox] {position: absolute; visibility: hidden;}
input[type=radio] + i[class*="icon-"], input[type=checkbox] + i[class*="icon-"] {font-size: 20px !important; vertical-align: middle; display: inline-block; margin-right: 5px;}
input[type=radio]:checked:valid + i[class*="icon-"], input[type=checkbox]:checked:valid + i[class*="icon-"] {color: rgba(0, 128, 0, 0.8);}
input[type=radio]:invalid + i[class*="icon-"], input[type=checkbox]:invalid + i[class*="icon-"] {color: rgba(204, 0, 0, 0.6); font-weight: 800;}
input[type=radio]:checked + i[class*="icon-"]:before, input[type=checkbox]:checked + i[class*="icon-"]:before {content: "\f046";}
input[type=radio]:checked ~ span, input[type=checkbox]:checked ~ span {font-weight: bold;}
i + span {margin-right: 5px;}

.box-beca {background: #fff; padding: 10px; margin-bottom: 10px; display: flex;
    align-items: center;
    justify-content: space-between;}
.box-beca span {font-size: 15px;}
.box-beca small {line-height: 1.1; display: inline-block}
.box-beca a {font-size: 13px;}
.box-beca a.strong {font-weight: bold;}

[data-remodal-id="modal-scan-documento"] .remodal-close {display: none;}

.mrz-reader-selectors {max-width: 400px; margin: 0 auto;}
.mrz-reader-webcam video,
.mrz-reader-webcam canvas,
.mrz-reader-webcam img {display: block; max-height: 500px; max-width: 500px;}

.contact-btn {text-decoration: underline; font-weight: bold}
.contact-btn[href*="whatsapp.com"] {background: url(../Images/whatsapp_icon.png) left center no-repeat; background-size: 24px; padding-left: 24px;}


@media screen and (min-width: 480px) {
	.main-content {padding-bottom: 10vh;}
	
	span.desktop-only {display: inline !important;}
	
}

@media screen and (max-width: 768px) {
    .section::before {display: none}
}
		
@media screen and (max-width: 480px) {
	span.mobile-only {display: inline !important;}
	
	.two-up-mobile:nth-child(2n+1),
	.three-up-mobile:nth-child(3n+1),
	.four-up-mobile:nth-child(4n+1) {
			clear: none!important;
	}
	
	.field-wrapper label {font-size: 15px;}
	
}

/**********************************/

[class*="header-"] h2 {font-weight: normal;}

.sub-escuela{font-size:20px;color:#fff;line-height:1em}

.header-grado {padding: 10px 0;}
.header-grado:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50vh; background: linear-gradient(to bottom, #e0e4f9 0%, #ffffff 100%);/* background: url(https://www.utdt.edu/Themes2G/admision_grado/Images/home/bg2020_top.jpg) no-repeat bottom center; background-size: 100% 100%;*/}
.header-grado .sub-escuela {display: none;}

.header-escuela-de-arquitectura-y-estudios-urbanos {padding: 0; font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.025em;}
.header-escuela-de-arquitectura-y-estudios-urbanos:before{background-color:#ed1c24;content:'';position:absolute;top:0;left:0;width:100%;height:40px}

.header-departamento-de-arte {padding: 0; font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.025em;}
.header-departamento-de-arte:before{background-color:#9d9fa2;content:'';position:absolute;top:0;left:0;width:100%;height:40px}


.header-departamento-de-ciencia-politica-y-estudios-internacionales {padding: 0; font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.025em;}
.header-departamento-de-ciencia-politica-y-estudios-internacionales:before{background-color:#4e82b4;content:'';position:absolute;top:0;left:0;width:100%;height:40px}

.header-departamento-de-historia {padding: 0; font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.025em;}
.header-departamento-de-historia:before{background-color:#faa73f;content:'';position:absolute;top:0;left:0;width:100%;height:40px}

.header-departamento-de-economia {padding: 0; font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.025em;}
.header-departamento-de-economia:before{background-color:#00a5b6;content:'';position:absolute;top:0;left:0;width:100%;height:40px}

.header-escuela-de-negocios {padding: 0; font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.025em;}
.header-escuela-de-negocios:before{background-color:#7cafd4;content:'';position:absolute;top:0;left:0;width:100%;height:40px}

.header-escuela-de-derecho {padding: 0; font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.025em;}
.header-escuela-de-derecho:before{background-color:#af84b3;content:'';position:absolute;top:0;left:0;width:100%;height:40px}

.header-escuela-de-gobierno {padding: 0; font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.025em;}
.header-escuela-de-gobierno:before{background-color:#9aca3c;content:'';position:absolute;top:0;left:0;width:100%;height:40px}

.header-departamento-de-estudios-historicos-y-sociales {padding: 0; font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.025em;}
.header-departamento-de-estudios-historicos-y-sociales:before {background-color:#F4A821;content:'';position:absolute;top:0;left:0;width:100%;height:40px}


.header-unidad-academica-intercambio {padding: 0; font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.025em; color: #fff; height: 110px;}
.header-unidad-academica-intercambio:before{background: url(/Themes2G/intercambios/Images/back-buenosaires.jpg);background-size: cover;background-position: 90% 90%;content:'';position:absolute;top:0;left:0;width:100%;height:90px; opacity: 0.9;}
.header-unidad-academica-intercambio .sub-escuela {display: none}

.header-intercambios {padding: 0; font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.025em; color: #fff; height: 110px;}
.header-intercambios:before{background: url(/Themes2G/intercambios/Images/back-buenosaires.jpg);background-size: cover;background-position: 90% 90%;content:'';position:absolute;top:0;left:0;width:100%;height:90px; opacity: 0.9;}
.header-intercambios .sub-escuela {display: none}

.cd-main-header {min-height: 47px; height: auto;}
.cd-logo-ditella {margin-bottom: 10px;}

.header-becas {margin-top: 15px;}


.footer-aplicacion {padding:60px 0; color:#666666; margin-top:0!important; font-size:16px;}
.footer-aplicacion .wrapper {display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center;}
.footer-aplicacion a {filter: invert(1); font-size: 16px; display: inline-block; margin: 10px;}
.footer-aplicacion a[href*="whatsapp.com"] {background: url(//www.utdt.edu/Themes2G/admision_grado/Images/home/icon-WA_wt.svg) left center no-repeat; background-size: 24px; padding-left: 32px;}
.footer-aplicacion a[href*="tel:"] {background: url(//www.utdt.edu/Themes2G/admision_grado/Images/home/icon-TEL_wt.svg) left center no-repeat; background-size: 24px; padding-left: 32px;}
.footer-aplicacion a[href*="mailto:"] {background: url(//www.utdt.edu/Themes2G/admision_grado/Images/home/icon-MAIL_wt.svg) left center no-repeat; background-size: 24px; padding-left: 32px;}

.contactos a {display: inline-block; margin-bottom: 5px; font-weight: 400;}
.contactos a:before {content: ''; width: 24px; height: 24px; filter: invert(1);display: inline-block;vertical-align: middle;margin-right: 8px;}
.contactos a[href*="whatsapp.com"]:before {background: url(//www.utdt.edu/Themes2G/admision_grado/Images/home/icon-WA_wt.svg) left center no-repeat; background-size: 24px; }
.contactos a[href*="tel:"]:before {background: url(//www.utdt.edu/Themes2G/admision_grado/Images/home/icon-TEL_wt.svg) left center no-repeat; background-size: 24px; }
.contactos a[href*="mailto:"]:before {background: url(//www.utdt.edu/Themes2G/admision_grado/Images/home/icon-MAIL_wt.svg) left center no-repeat; background-size: 24px; }
.contactos a[href="tel:"] {display: none}


/* Pestañas */

#form-postulacion-carrera > fieldset > legend {display: none !important;}


.class-adelanto_cuota {color: rgba(0, 128, 0, 0.8);}