.backgroundText{
    margin: auto;
    width:50%;
    height:85%;
    text-align:left;
    margin-left:100px;
    text-shadow: 1px 2px #333333;
    padding-top: 80px;
    margin-top: 2%;
    margin-left: 9%;
}
.backgroundTextxs{
    margin: auto;
    width:80%;
    height:100%;
    text-align:center;
    text-shadow: 1px 2px #333333;
    padding-top: 10%;
}
.boxTitle {
    color: #182a52;
    text-align: left;
    font-size: 32px;                
    font-weight: 700;            
    /* font-family: 'Open Sans'; */
}
.boxContainer{
    border: 1.5px solid #F0F0F0;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    font-size: 17px;                
    font-weight:500;
    color: #2F2F2F;
    padding-top: 40px;
    padding-bottom: 40px;
                
}

.lineaFooter{ 

        border: none; 
    
        border-top: 2px solid #000000; 
    
        width: 97.9%; 
    
    } 
    
    .footerBase{ 
    
        width: 100%; 
    
        height: 50px; 
    
        background-color:  #021D49;
    
    } 
    
    .footerText1{ 
    
        border-width: 2px; 
    
        border-style: solid; 
    
        border-color: black; 
    
        text-align: center; 
    
        padding: 10px; 
    
    } 
    
     
    
    .boxTitleRed { 
    
        /*color: white;*/ 
    
        color: #021D49; 
    
        text-align: left; 
    
        font-size: 20px; 
    
        font-weight: 600; 
    
        font-family: 'verdana',;
    
    } 
    
    .button_welcome { 
    
       width: auto !important; 
    
       border-radius: 0 50px 50px 0; 
    
       color: white; 
    
       background-color: #021D49; 
    
       font-size: 14px; 
    
       font-family: Verdana, Geneva, Tahoma, sans-serif; 
    
       height: 30%; 
    
       margin-top: 15px; 
    
       font-weight: bold; 
    
        box-shadow: 10px 0 0 0 #F4A2A2; 
    
    } 
    
    .button_welcome:hover { 
        color: white; 
    } 
    
    .red { 
    
        background-color: #c1272c !important; 
    
        border-color:  #c1272c !important; 
    
    } 
            
            @font-face {
            font-family: "Whitney-Medium";
            src: url("/@resources/fonts/Whitney-Medium.off") format('woff');
            }

            .skyBlue{
                color: #182a52;
                word-wrap: break-word;
            }
            .skyBlueNum{
                color: #b73f56;
                word-wrap: break-word;
                font-size: 15px;
                font-weight:600;
            }
            .glyphicon.glyphicon-phone-alt {
                font-size: 27px;
            }
            /* cyrillic-ext */

            
            .answerText{
                font-family: 'Open Sans', sans-serif;
                text-align: center;
                font-size: 20px;
                color: #2F2F2F;
                font-weight:500;
            }
            .questionText{
                /* font-family: 'Open Sans', sans-serif; */
                text-align: center;
                font-size: 32px;
                font-weight:500;
                color: #2F2F2F;
            }
            .questionText2{
                /* font-family: 'Open Sans', sans-serif; */
                text-align: center;
                font-size: 27px;
                font-weight:600;
                color: #2F2F2F;
            }
            .boxNumber{      
                margin-top: 15px;
                border-right: 1px solid #D8D8D8;
                height: 80px;
            }
            p.numbers{
                display: block;
                /* font-family: Whitney-Medium,Arial,Helvetica,Tahoma,sans-serif; */
                text-align: right;
                font-size: 74px;
                font-weight:400;
                color: #021D49;
                padding-top: 0px;
                line-height: 50px;
            }
            p.numbersForm{
                /* font-family: 'Open Sans', sans-serif; */
                text-align: center;
                font-size: 60px;
                font-weight:400;
                margin-top: -8px;
                margin-left: -15px;
                /*border-radius: 25px;
                background-color: rgb(209,61,88);*/
                color: #182a52;
                border: none 0px;
                height: 50px;
                width: 50px;
                line-height: 50px;
            }

            .boxNumber0{        
                margin-top: 12px;  
                margin-right: 0px;  
                border-right: 1px solid #D8D8D8;
                height: 80px;
                width:11.111%;
                font-family: 'Open Sans',sans-serif;
            }
            @media only screen and (max-width: 992px){
                .boxNumber{    
                margin-right: 20px;     
                    width: 70px;
                    height: 65px;
                }
                .footerImage{
                margin-top:0px;
                text-align: right;
                
            }
                .boxNumber0{   
                    margin-right: 20px; 
                    width: 70px;
                    height: 65px;
                }
               /* p.numbers{
                    text-align: right;
                }*/
                /* .boxBody p{
                }  */
                .boxContainer{
                    margin-top: 20px;
                    margin-bottom: 20px;
                }
                .bodyTextForm{
                    padding-left: 20px;
                }
                .inputTopMargin{
                    margin-top:15px;
                }
                #slide2,#slide3,#slide4,#slide5,#slide6,#slide7,#slide8,#slide9,#slide10{
                    display:none;
                }
            	.logo{
                    width:80px !important;
                    max-width:190px !important;
                }	
                .EYlogo{
                    float: right;
                    margin-right:10% !important;
                    margin-top:6px;
                }
                .logoContainer{
                    margin-top: 25px;
                    text-align: center;
                }
				.topBar{
					width:100% !important;
				}
            }
			@media only screen and (max-width: 992px){
				.download{
					background-color:#021D49;
					width:280px !important;
                    font-size: 14px;
				}	
            }			    
            @media only screen and (max-width: 380px){
                .bodyTextForm{
                    width: 83.33%;
                }
            }

            @media only screen and (min-width: 992px){
                #slide1,#slide2,#slide3,#slide4,#slide5,#slide6,#slide8,#slide9,#slide10{
                    display:block !important;
                }
                .footerImage{
                margin-top:-55px;
                text-align: right;
                margin-right: 20px;
            }
                .boxLeft{
                    margin-right: 0px;
                    margin-bottom: 60px;
                    margin-top: 40px;
                }
                /*.boxLeft{
                    margin-right: 0px;
                    margin-bottom: 60px;
                    margin-top: 40px;
                }*/
                .boxRight{
                    margin-left: 0px;  
                    margin-bottom: 30px;
                    margin-top: 40px;
                }
                .box4{
                    margin-top:-40px;
                }
                .box5{
                    margin-top:0px;
                }
                .wTitle{
                    font-size: 52px !important;
                }   
                .topBar{
                    margin-left: -60px;
                }
            }

            @media only screen and (min-width: 992px) and (max-width: 1074px){
                .mi-clase{
                    height: 550px
                }
            }
            
            @media only screen and (min-width: 1075px) and (max-width: 1106px){
                .mi-clase{
                    height: 546px
                }
            }
            
            @media only screen and (min-width: 1106px) and (max-width: 1122px){
                .mi-clase{
                    height: 500px
                }
            }
            
            @media only screen and (min-width: 1127px) and (max-width: 1180px){
                .mi-clase{
                    height: 490px
                }
            }

            @media only screen and (min-width: 992px) and (max-width: 1007px){
                .nueva-clase1{
                    margin-top: -150px;
                }
            }
            
            @media only screen and (min-width: 1008px) and (max-width: 1035px){
                .nueva-clase1{
                    margin-top: -125px;
                }
            }
            
            @media only screen and (min-width: 1035px) and (max-width: 1075px){
                .nueva-clase1{
                    margin-top: -170px;
                }
            }
            
            @media only screen and (min-width: 1076px) and (max-width: 1197px){
                .nueva-clase1{
                    margin-top: -180px;
                }
            }
            
            @media only screen and (min-width: 1198px) and (max-width: 1300px){
                .nueva-clase1{
                    margin-top: -160px;
                }
            }
            
            @media only screen and (min-width: 1301px) and (max-width: 1609px){
                .nueva-clase1{
                    margin-top: -160px;
                }
            }
            
            @media only screen and (min-width: 1610px) and (max-width: 2100px){
                .nueva-clase1{
                    margin-top: -140px;
                }
            }
            
            @media only screen and (min-width: 2110px) and (max-width: 2700px){
                .nueva-clase1{
                    margin-top: -140px;
                }
            }
            
            @media only screen and (min-width: 2710px) and (max-width: 3200px){
                .nueva-clase1{
                    margin-top: -130px;
                }
            }
            
            
            .footerContainer{
                color: #2F2F2F;
                display: table;
                width: 100%;
                text-align: center;
            }
            .prefooterContainer{
                background-color: #ffffff;
                height: 260px;                
                display: table;
                width: 100%;
                text-align: center;
                font-family: 'Open Sans', sans-serif;
                font-size: 18px; 
            }
            .prefooterText{
                color: #2F2F2F;
                display: table-cell;
                vertical-align: middle;
                width:100%;
                /* font-family: 'Open Sans'; */
            }
            .prefooterTitle{
                color: #2F2F2F;
                font-size: 34px;                   
                font-weight: 700;
                /* font-family: 'Open Sans'; */
            }
            .footerContainer{
                color: #2F2F2F;
                display: table;
                width: 100%;
                text-align: center;
                font-family: 'Open Sans', sans-serif;
                font-size: 18px; 
                font-weight: 500;
            }
            .footerText{
                background-color: #4E4D52;
                height: 80px;       
                color: white;
                display: table-cell;
                vertical-align: middle;
                width:100%;
                /* font-family: 'Open Sans'; */
            }
            .downloadButton{
                background-color: #021D49;
                width:400px;
                font-weight: 600;
                /* font-family: 'Open Sans'; */
            }
            .lineXs{
                width: 120px;
                border-top: 1px solid #D8D8D8;
            }
            .fullContainer{
                /* font-family: 'Open Sans', sans-serif; */
                text-align: center;
                font-size: 16px;
                font-weight:500;
                color: #2F2F2F;
                /* font-family: 'Open Sans'; */
            }
            .inputBox{
                width:100%;
                border-radius: 2px;
                font-size: 14px;
                /* font-family: 'Open Sans'; */
            }
            .enviarButton{
                background-color: #c1272c;
                width:200px;
                height: 50px;
                font-weight: 600;
                border-radius: 2px;
                border-radius: 50px 50px 50px 50px;
                color: white;
                font-weight: bold;
                box-shadow: 10px 0 0 #F4A2A2, -10px 0 0 #F4A2A2;
            }
            #optionaldataText:hover{
                text-decoration: none;
            }
            #optionaldataText:link{
                text-decoration: none;
            }
            .btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 102px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
 /*<!--ESTILOS NUEVOS-->*/
            .regresarButton{
                background-color: #021D49;
                width:180px;
                height: 50px;
                font-weight: 600;
                border-radius: 2px;
            }
            .backGround{

                display: table-cell;
                vertical-align: bottom;
                width: 1000px;
            }
            .man{
                vertical-align: bottom;
                margin:auto;
                width:700px;

                margin-top: -20px;
            }
            .man2{
                vertical-align: bottom;width:100%;
            }
            .topContainerxs{
                
                background-position: center center;
                height: 350px;     
                color: white;
                text-align: left;
                margin: auto;
                background-color: rgba(255,255,255,0.05);
                background-image: url(Slider2.jpg);
                background-position: 78% center;
                background-repeat: no-repeat;    
                background-size:  auto 100%;
            }
            .topContainermd{        
                height: 350px;     
                color: white;
                text-align: left;
                margin: auto;
                /*background-color: rgba(255,255,255,0.05); 
                background-image: url(top_background.jpg);
                background-position: 30% center;
                background-repeat: no-repeat; 
                background-size:  auto 100%;*/
            }
            .topBackground1{
                height: 380px;
                position: absolute;
                top:80px;
                bottom: 0;
                right: 0; 
                left:0;
                z-index:-1;
                background-image: url(Slider1.jpg);
                background-position: center;
                background-repeat: no-repeat; 
                background-size: auto 100%;
            }
            .topBackground2{
                height: 380px; 
                position: absolute;
                top:80px;
                bottom: 0;
                right: 0; 
                left:0;
                z-index: -2;
                background-image: url(Slider2.jpg);
                background-repeat: no-repeat; 
                background-size:  auto 100%;
            }
            .topBar{
                background-color: #FFFFFF;
                height: 77px;
                text-align: center;
                margin: auto;
            }
            
            /*.logo{         
                width: 80px;
            }*/
            .logo{
                /*background-image: url(word_v2.png);*/
                background-image: url(logo.png);
                background-size: 100%;
                background-repeat: no-repeat;
                background-position: center center;
                float:left;
                margin-top:0px;/*180p*/
                margin-left: 0px;
                height:70%;
                width:80px;
                animation-name: example;
                animation-duration: 10s;
                animation-iteration-count: infinite;
            }
            @keyframes example {
                0%
                {
                   opacity: 1;
                }
                45%
                {
                   opacity: 1;
                }
                55%
                {
                    opacity: 0;
                }
                90%
                {
                    opacity: 0;
                }
                100%
                {
                    opacity: 1;
                }
                
            }

            .logo2{
                /*background-image: url(word_v2.png);*/
                background-image: url(logofooter.png);
                background-size: 500%;
                background-repeat: no-repeat;
                background-position: center center;
                float:left;
                margin-top:10px;/*180p*/
                margin-left: -80px;
                height:70%;
                width:90px;
                animation-name: example2;
                animation-duration: 10s;
                animation-iteration-count: infinite;
            }
            @keyframes example2 {
                0%
                {
                   opacity: 0;
                }
                45%
                {
                   opacity: 0;
                }
                55%
                {
                    opacity: 1;
                }
                90%
                {
                    opacity: 1;
                }
                100%{
                    opacity: 0;
                }
                
            }
            .logoContainer{
                margin-top: 10% !important;
                text-align: center;

            }
            .EYlogo{
				float: right;
				height:60px;
                margin-right:120px;
                margin-top: 5px;
			}
			.download{
				background-color:#021D49;
				width:400px;
			}
        .download:hover{
background-color:#FEA100;
        }
            .welcomeText{
                display: table-cell;
                text-align: left;
                vertical-align: bottom;
                padding-top: 10%;
            }
            .wTitle{
                font-size: 47px;
                font-weight: 700;
            }
            .wBody{
                font-size: 22px;
                font-weight: 400;
                /* font-family: 'Open Sans'; */
            }
            .wtr{
                display:table;
                vertical-align: bottom;
            }
            .gradient{
                /*background-image: radial-gradient(ellipse at 50% 50%,transparent 0,transparent 30%,rgba(0,0,0,0.10) 100%);*/
                z-index: 2;
                position: absolute;
                height: 100%;
                width: 100%;
            }
            .td2_2{
                display:table-cell;
                vertical-align: bottom;
                width:63%;
                text-align:left
            }
            .table2{
                display: table;
                height: 100%;
            }
            .topBar2{
                display: block;
                background-color: white;
                height: 77px;
                width: 100%
            }
            .footertop{
                text-align: right;
                margin-left: 20px;
            }
            .footertexttop{
                width: 100%;
                margin-top:30px;
                color:rgb(128,128,128);
                margin-left: -60px;
                font-size: 14px;
            }
            .EYFooterLogo{
                margin-top:-50px;
            }
            .footerTextfoot{
                text-align: left;
                width: 100%;
            }
            
            .footerfoot{
                height: 150px;
            }
/* .body{
    font-family: 'Open Sans';
} */

.control-group {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	text-align: left;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	padding: 30px;
	width: 200px;
	height: 210px;
	margin: 10px;
}

.control {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 14px;
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #e6e6e6;
    margin-left: -8px;
}

.control--radio .control__indicator {
	border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: #ccc;
}

.control input:checked ~ .control__indicator {
	background: #182a52;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: #182a52;
}

.control input:disabled ~ .control__indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}

.control__indicator:after {
	content: '';
	position: absolute;
	display: none;
}

.control input:checked ~ .control__indicator:after {
	display: block;
}

.control--checkbox .control__indicator:after {
	left: 8px;
	top: 4px;
	width: 3px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
	left: 7px;
	top: 7px;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
	background: #7b7b7b;
}

.select {
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
}

.select select {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 10px 15px;
	outline: 0;
	border: 0;
	border-radius: 0;
	background: #e6e6e6;
	color: #7b7b7b;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.select select::-ms-expand {
	display: none;
}

.select select:hover,
.select select:focus {
	color: #000;
	background: #ccc;
}

.select select:disabled {
	opacity: 0.5;
	pointer-events: none;
}

.select__arrow {
	position: absolute;
	top: 16px;
	right: 15px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #7b7b7b transparent transparent transparent;
}

.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
	border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
	border-top-color: #ccc;
}
.btn-warning:hover
{
    color: white;
    background-color: #182a52;
    border-color: #182a52;
}
.btn-warning[disabled]:hover{
    background-color: #182a52;
    border-color: #182a52;
}
.btn-warning{
    border-color:#182a52;
}
.btn-warning-red{
    border-color:#c1272c;
}
.backgroundImage
{
    background-image: url(logo_bk.png);
    background-repeat: repeat-y;
}
/* Aviso Ley de Protección de Datos */
.titulo2 {
    text-align: center;
}

/* Toggle Button */

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

textarea[name="txtDetalle"] {
  resize: vertical !important;
}
    
textarea[name="txtUbicacionEvidencia"] {
  resize: vertical !important;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #021D49;
}

input:focus + .slider {
  box-shadow: 0 0 1px #1F3491;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switchAlert {
    border: 1px !important;
    border-radius: 34px !important;
    border-style: solid !important;
    border-color: #A94442 !important;
    color: red !important;
}

.switchDefault {
    border: 1px none !important;
}

.alertText {
    text-decoration: underline !important;
    color: red !important;
}

.center {
    margin: 0;
    position: absolute;
    top: 35%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.defaultContainer {
    height: 60px;
    position: relative;
}


@font-face {
    font-family: 'gloriTypology';
    src: url('Poppins-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'bitterTypology';
    src: url('Bitter-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'bitterBoldTypology';
    src: url('Bitter-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'bitterLightTypology';
    src: url('Bitter-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'bitterThinTypology';
    src: url('Bitter-Thin.ttf') format('truetype');
}

* {
    font-family: 'bitterTypology';
}

.glyphicon{
	font-family: 'Glyphicons Halflings'!important;	
}

.boxTitleRed.titleReport{
	font-family: 'bitterBoldTypology' !important;
}

.fullpage{
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 80px;
}
.redirectPage {
    background-color: #021D49;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    gap: 20px;
    /* padding: 100px 150px; */
    height: 100%;
    width: 100%;
    /* width: fit-content; */
}

.redirectPage img {
    width: 100%;
    height: auto;
    object-fit: contain; 
}

.redirectPage p {
    font-size: 22px;
    max-width: 768px;
    font-family: 'bitterLightTypology' !important;   
}
.redirectPage p a {
    font-weight: bold;
    text-decoration: none; 
    color: inherit;
    font-family: 'bitterBoldTypology' !important;
}

.redirectPage p a.button {
    border-radius: 16px;
    background-color: #c1272c;
    padding: 0px 8px;
}


@media (max-width: 970px) {
    .redirectPage {
        padding: 24px;
    }    
}
@media (max-width: 768px) {
    .fullpage{
        padding: 32px;
    }
    .redirectPage {
        padding: 16px;
    }
    
    .redirectPage img.responsive-teescucha-logo{
        width: 100%;
        height: auto;
    }

    .redirectPage p {
        font-size: 18px;
    }
}