@font-face {
    font-family: 'Open Sans', 'sans';
    src: url("resources\fontsOTF\ChaletBook-Regular.otf") format("opentype");
}

@font-face {
    font-family: 'Open Sans', 'sans';
    font-weight: bold;
    src: url("resources\fontsOTF\ChaletBook-Bold.otf") format("opentype");
}


.backgroundText{
    margin: auto;
    width:50%;
    height:85%;
    text-align:left;
    margin-left:100px;
    /*text-shadow: 1px 2px red;*/
    padding-top: 100px;
    margin-top: 2%;
    margin-left: 9%;
    color: black;
}
.backgroundTextxs{
    margin: auto;
    width:100%;
    height:100%;
    text-align:center;
    padding-top: 10%;
}
.boxTitle {
                color: #666;
                text-align: left;
                font-size: 32px;                
                font-weight: 700;            
    font-family: 'Open Sans', '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;
                
            }
            
            @font-face {
            font-family: "Whitney-Medium";
            src: url("/@resources/fonts/Whitney-Medium.off") format('woff');
            }

            .skyBlue{
                color: rgb(219,91,57);
                word-wrap: break-word;
            }
            .skyBlueNum{
                color: #BF0068;
                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';
                text-align: center;
                font-size: 20px;
                color: #2F2F2F;
                font-weight:500;
            }
            .questionText{
                font-family: 'Open Sans', 'sans';
                text-align: center;
                font-size: 32px;
                font-weight:600;
                color: #666;
            }
            .questionText2{
                font-family: 'Open Sans', 'sans';
                text-align: center;
                font-size: 27px;
                font-weight:600;
                color: rgb(245, 157, 15);
            }
            .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: rgb(245, 157, 15);
                padding-top: 0px;
                line-height: 50px;
            }
            p.numbersForm{
                font-family: 'Open Sans', 'sans';
                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: rgb(245, 157, 15);
                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';
            }
            @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:45px !important;
                    max-width:190px !important;
                    margin-top: 10px;
                }    
                .EYlogo{
                    float: right;
                    margin-right:10% !important;
                    margin-top:6px;
                }
                .logoContainer{
                    float:left !important;
                    margin-left:30px !important;
                    margin-top:1px !important;
                }
				.topBar{
					width:100% !important;
				}
            }
			@media only screen and (max-width: 320px){
				.download{
					background-color:rgb(219,91,57);
					width:200px !important;
				}	
                .wBody{
                font-size: 22px;
                font-weight: 600;
                font-family: 'Open Sans', sans-serif;
                color:black;
                
            }
            }			    
            @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:-45px;
                text-align: right;
                margin-right: 20px;
            }
                .boxLeft{
                    margin-right: 0px;
                    margin-bottom: 30px;
                    margin-top: 30px;
                }
                .boxRight{
                    margin-left: 0px;  
                    margin-bottom: 30px;
                    margin-top: 30px;
                }
                .box4{
                    margin-top:-40px;
                }
                .box5{
                    margin-top:0px;
                }
                .wTitle{
                    font-size: 42px !important;
                }   
                .topBar{
                    margin-left: -60px;
                }
            }
            
            
            .footerContainer{
                color: #2F2F2F;
                display: table;
                width: 100%;
                text-align: center;
            }
            .prefooterContainer{
                background-color: #F3F3F3;
                height: 260px;                
                display: table;
                width: 100%;
                text-align: center;
                font-family: 'Open Sans', 'sans';
                font-size: 18px; 
            }
            .prefooterText{
                color: #2F2F2F;
                display: table-cell;
                vertical-align: middle;
                width:100%;
                font-family: 'Open Sans', 'sans';
            }
            .prefooterTitle{
                color: #2F2F2F;
                font-size: 34px;                   
                font-weight: 700;
                font-family: 'Open Sans', '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: rgb(219,91,57);
                width:280px;
                font-weight: 600;
                font-family: 'Open Sans', 'sans';
            }
            .lineXs{
                width: 120px;
                border-top: 1px solid #D8D8D8;
            }
            .fullContainer{
                font-family: 'Open Sans', sans-serif;
                text-align: center;
                font-size: 18px;
                font-weight:500;
                color: #2F2F2F;
                font-family: 'Open Sans', 'sans';
            }
            .inputBox{
                width:100%;
                border-radius: 2px;
                font-size: 18px;
                font-family: 'Open Sans', 'sans';
            }
            .enviarButton{
                background-color: rgb(219,91,57);
                width:110px;
                height: 50px;
                font-weight: 600;
                border-radius: 2px;
            }
            #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: rgb(219,91,57);
                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: 200px;     
                color: white;
                text-align: left;
                margin: auto;
                background-color: rgba(255,255,255,0.05);
                background-image: url(headderImage_1.jpg);
                background-position: left;
                background-repeat: no-repeat;    
                background-size:  auto 150%;
            }
            .topContainermd{   
                
                /*background: linear-gradient(to right, rgba(56,54,97,1) 0%,rgba(64,119,158,1) 36%,rgba(66,137,175,0.82) 46%,rgba(66,137,175,0.61) 58%,rgba(66,137,175,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

                
                height: 350px;     
                color: white;
                text-align: left;
                margin: auto;
                background-position: left;
                /*background-color: rgba(255,255,255,0.5);*/
                margin-top: -30px;
                
                
                background-position: center center;
                background-repeat: no-repeat;    
                background-size:  auto 150%;
                /*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: 350px;
                position: absolute;
                top:95px;
                bottom: 0;
                right: 0; 
                left:0;
                z-index:-1;
                background-image: url(headderImage_1.jpg);
                background-position: left;
                background-repeat: no-repeat; 
                background-size: auto 100%;
            }
            .topBar{
                background-color: #FFFFFF;
                height: 77px;
                text-align: center;
                margin: auto;
            }
            
            .logo{         
                width: 50px;
            }
            .logoContainer{
                float:left;
                margin-left:5%;
                margin-top: 15px;
            }
            .EYlogo{
				float: right;
				height:60px;
                margin-right:120px;
                margin-top: 1%;
			}
			.download{
				background-color: rgb(219,91,57);
				width:280px;
			}
        .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;
                color:white;
                margin-top: 6%;
                font-family: 'Open Sans', sans-serif;
                text-shadow: 1px 1px black
            }
            .wBody{
                font-size: 22px;
                font-weight: 600;
                font-family: 'Open Sans', sans-serif;
                color:whitesmoke;
                text-shadow: 1px 1px black
                
            }
            .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', '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: 18px;
}

.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: rgb(219,91,57);
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: rgb(219,91,57);
}

.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: #d92017;
    border-color: #d92017;
}
.btn-warning[disabled]:hover{
    background-color: #d92017;
    border-color: #d92017; //* #e02118 */
}
.btn-warning{
    border-color:#BD0067;
}
.backgroundImage
{
    background-image: url(logo_bk.png);
    background-repeat: repeat-y;
}

@media only screen and (max-width: 650px)
{

    .backgroundTextxs
    {
        padding-top: 35%;
    }
    
    .formHostigamientoSexual {
        min-width: 300px !important;
    }   
}	

@media only screen and (min-width: 1500px)
{

    .topContainermd {
        height: 450px;     
    }
    
    .topBackground1 {
        height: 450px;    
    }
}	

@media only screen and (min-width: 1800px)
{

    .topContainermd {
        height: 500px;     
    }
    
    .topBackground1 {
        height: 500px;    
    }
}	

.letraTemplate
{
    color:greenyellow;
    font-size: 300;
    font-weight: bolder;
}

.formHostigamientoSexualContainer {
    display:flex; 
    justify-content: center; 
    text-align: left;
    margin-top: 30px;
}

.formHostigamientoSexual {
    min-width: 500px;
}

.disclaimerHostigamientoSexual p {
    text-align: justify;
}

.disclaimerHostigamientoSexual lu {
    text-align: left; 
    margin-bottom: 10px;
}

.personsDisclaimer {
    margin: 15px 35px 15px 35px;
    text-align: justify;
}

.listPerson {
    text-align: justify !important;
}
/* 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;
}

/* 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: rgb(219,91,57);
}

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;
}

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