.containerTable {
    background: #cff7fa; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ffffff, #cff7fa); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ffffff, #cff7fa); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.centered {
    text-align: center !important;
    vertical-align: middle !important;
}

#modalQuest{
    font-size: 2em;
    height: 0.1em ;
    text-align: center;
    background-color: #b2254d;
    color: white;
}

.close{
    color: white;
    font-size: 4em;
    opacity: 1;
}



.dataTables_wrapper .dataTables_filter {
  width:80%;
  text-align:center;
}

.dataTables_wrapper .dataTables_filter input {

  display: inline-block;
  width: 400px;
}

.btnCurriculo{
    margin-bottom:4px;
}


#dialogo-modal{
    width:1500px;
   /* height:100%;*/
}

.btnX{
    font-size:40px;
}

.modal-header{
border-bottom:0;
padding: 0;
}

.modal-header p{
    font-size:2em ;
    text-align: center ;
}

.modal-body p{
    font-size:1.5em ;
    text-align: center ;
    overflow:auto;
}


.contact {
    display: grid;
    /*grid-template-columns: repeat(6,1fr);*/
    grid-template-columns: 1fr 1fr 1fr;
    /* font-size: 1.5em; */
    text-align: center;
    gap: 0.5em;
}

/*.contact{
    display: grid;
    grid-template-columns: 3% 28% 3% 28% 3% 28%;
    text-align: center ;
    gap: 0.5em;
}*/

/*.contacto{
    font-size:0.7em ;
    text-align: center ;
    border-radius: 10px;
}*/

.history{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    font-size:1em ;
    text-align: center ;
    gap: 1em;
    border-color: #882440;
}

.captur-gme{
    font-size:0.9em ;
    letter-spacing: 1px;
    color: var(--gray-600);
    text-align: start !important;
}

.cgme{
    display:inline-block
}



select{
    border-radius: 5px ;
 }

select:focus {
    border: 2px solid rgb(0, 255, 98);
    outline: 2px solid rgb(0, 255, 98);
 }

.academy{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    font-size:1.5em ;
    align-items:center;
    justify-content: center;
    text-align: center ;
}

.trayectory{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    font-size:1.5em ;
    align-items:center;
    justify-content: center;
    text-align: center ;
}

.why{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    font-size:1.5em ;
    align-items:center;
    justify-content: center;
    text-align: center ;
}

.porque{
    font-size:1.5em ;
    border-radius: 10px;   
}

.proposals{
     display: grid;
    grid-template-columns: repeat(1,1fr);
    font-size:1.5em ;
    align-items:center;
    justify-content: center;
    text-align: center ;
}

.discrimination{
     display: grid;
    grid-template-columns: repeat(1,1fr);
    font-size:1.5em ;
    align-items:center;
    justify-content: center;
    text-align: center ;
}

.discriminacion{
    font-size:1.5em ;
    border-radius: 10px;   
}

.texto{
    display:grid;
    align-items:center;
    justify-content: center;
    width:100%;
    border-radius: 10px;
    font-size:1em ;
}


#gradmaxestudioprop {
    font-size:1.5em ;
    text-align: center 
}

#statusgradmaxestprop{
    font-size:1.5em ;
    text-align: center 
}



/*.======================
CSS Modal Cuestionario Identidad Radio button
==========================*/

/* The container */
/*
.radioBtn {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  color:black;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type=radio] {
    width: 20px;
    height: 20px;
}*/

.hrIdentidad{
    margin:1rem 0;
    color: gray;
    border-top:1px solid;
    opacity:0.5;
}

/*.======================
CSS Modal Cuestionario Identidad Select
==========================*/
/* Select of Q3*/
.selectIndi{
    width: 700px;
    height: 40px;
    font-size:23px;
}

/*.======================
CSS Modal Cuestionario Identidad Select
==========================*/

.inputDiscapacidad{
    width: 300px;
    font-size:19px;
}

/*.======================
CSS Modal Cuestionario Identidad Select
==========================*/

.selectDisca{
    width: 300px;
    height: 40px;
    font-size:23px;
    margin-left:10px;
}

                                   /*.==================================================
                                    CSS Cabecera de las tablas Consejales
                                    ====================================================*/

.TablaBanner{
  display: grid;
  /*grid-template-columns: 0.25fr auto 0.3fr 0.3fr 0.3fr 0.3fr;*/
  grid-template-columns: 10% auto 10% 10% 10% 10%;
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
  background-color: #882440;
  align-items: center;
  margin-bottom:25px;
  color:white;
  height:7vw;
}


.TablaBanner h1{
    margin-left:40px;
}

.logoIEEPCO{
    width:5vw;
    height: auto;
    margin-left: 3vw;
    border:solid;
    border-radius: 15px;
    background-color:#F5F4F3;
}


.logoPartido{
    width:4vw;
    height:4vw;
    margin-left: 3vw;
}

.userPartido{
    color:white;
    font-size: 1.2em;
}

.beginM{
    color:white;
    align-items: center;
    margin-left:50px;
    font-size: 1.2em;
}

.closeM{
    color: white;
    font-size: 1.2em;
}

/*.modal-dialog{
    margin-left: 20px;
}*/

.radioBtnOnlyRead{
    pointer-events: none;
}


/* img y .preview para crop */
img {
    display: block;
    max-width: 100%;
}
.preview {
    overflow: hidden;
    width: 160px; 
    height: 160px;
    margin: 10px;
    border: 1px solid red;
}
/* End crop*/

.archivo{
   display: block;
    width:1000px;    
    max-width: 50%;
    min-width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.infoarch{
   width:800px;
    height: 40px;
    max-width: 50%;
    min-width: 300px;
    font-size:medium;
    /*text-size-adjust: center;*/
    line-height: 12px;
    margin-right: auto;
    margin-left: auto;
}

.pdf_download{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}




/*Toogle*/
.switch-field {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	/*background-color: #a5dc86;*/
    background-color: #009000;
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}

/*End toogle*/