.form-container {
    position: absolute;
    background-color: #fff;
    overflow: auto;
    display: table;
    top: 120px;
    margin-left: 8%;
    padding-bottom: 90px;
    opacity: 1;
    border-radius: 10px;
    border: solid 2px #f2f2f2;
    box-shadow: 5px 5px 10px #c5dff8;
}

fieldset {
    border: none;
    padding-top: 17px;
}

legend {
    font-weight: bolder;
    align-content: center;
    font-size: 40px;
    color: #47821c;
}

.form2 label {
    position: relative;
    display: block;
}

.form2 label input,
.form2 select,
.form2 .inputfile {
    box-sizing: border-box;
    /* H. incluír cualquier borde o relleno al ancho total*/
    -webkit-box-sizing: border-box;
    /* H. Para navegadores heredados basados en WebKit */
    -moz-box-sizing: border-box;
    /* H. Para el navegador (Firefox <29) basado en Gecko */
    font: 18px Helvetica, Arial, sans-serif;
    border: solid 1px #2E9AFE;
    padding: 6px;
    width: 100%;
    height: 35px;
    /* H. dar la misma altura a todos los controles*/
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 18px;
    outline: none;
    transition: all 0.2s ease-in-out;
}

.form2 label input,
select {
    transition: all 0.2s ease-in-out;
    color: #999;
    font: 18px Helvetica, Arial, sans-serif;
}

.form2 input:focus,
.form2 input.populated,
.form2 select:focus,
.form2 select.populated {
    padding-top: 35px;
    padding-bottom: 12px;
}

#readonly {
    background-color: #f2f2f2;
    cursor: not-allowed;
}


/* SELECT */

.form2 label select.populated {
    box-sizing: border-box;
    /* H. incluír cualquier borde o relleno al ancho total*/
    -webkit-box-sizing: border-box;
    /* H. Para navegadores heredados basados en WebKit */
    -moz-box-sizing: border-box;
    /* H. Para el navegador (Firefox <29) basado en Gecko */
    font-size: 15px;
    /* H. tamaño de fuente del control*/
    margin-top: 25px;
    /* H. margen superor del control permite que se visualice el span*/
    margin-bottom: 0px;
    /* H. margen inferior del control*/
    padding-top: 0px;
    /* H. relleno superior del control*/
    color: #999;
    /* H. color de la letra del control*/
    z-index: 99;
    padding-bottom: 0px;
    /* H. relleno inferior del control*/
    width: 95%;
    height: 26px;
    /* H. dar la misma altura a todos los controles*/
    border-radius: 4px;
    outline: none;
    transition: all 0.2s ease-in-out;
    border: none;
}

.sele {
    /*estilo para el label que contiene los select.populated*/
    border: 1px solid #2E9AFE;
    border-radius: 4px;
    padding: 0px;
    margin-bottom: 20px;
}


/* SELECT */

.form2 label input:focus::placeholder,
.form2 label input.populated::placeholder,
.form2 label select:focus::placeholder,
.form2 label select.populated::placeholder {
    color: transparent;
}

.form2 label input:focus+span,
.form2 label input.populated+span,
.form2 label select:focus+span,
.form2 label select.populated+span {
    opacity: 1;
    top: 10px;
}

.form2 label span {
    color: #2E9AFE;
    font: 13px Helvetica, Arial, sans-serif;
    position: absolute;
    top: 0px;
    left: 6px;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.form2 label input.populated+span {
    font-size: 12px;
    /* H. reducir tamaño de fuente del span luego de diligenciar el control*/
}

.form2 label input.populated {
    font-size: 15px;
    /* H. reducir tamaño de fuente del control luego de diligenciado*/
    padding-top: 35px;
    padding-bottom: 12px;
    /* H. cambiar el padding superior e inferior del control luego de diligenciado*/
}

.form2 .btn1 {
    float: right;
    padding: 6.5px;
    background-color: #2E9AFE;
    text-decoration: none;
    color: white;
    font-size: 18px;
    border: 1px solid #2E9AFE;
    font-weight: bold;
    border-radius: 4px;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
}

.form2 .btn2 {
    float: left;
    padding: 6.5px;
    background-color: #2E9AFE;
    color: white;
    font-size: 18px;
    border: 1px solid #2E9AFE;
    font-weight: bold;
    border-radius: 4px;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
}

.form2 .btn1:focus,
.form2 .btn2:focus,
.form2 .btn1:hover,
.form2 .btn2:hover {
    background-color: #f2f2f2;
    color: #2E9AFE;
    outline: none;
    border: 1px solid #2E9AFE;
}

.ico {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 20px;
    text-align: left;
    vertical-align: middle;
}

.input-container {
    box-sizing: border-box;
    padding: 0px 5%;
    margin: 0px;
}

.select-container {
    box-sizing: border-box;
    padding: 0px 5%;
    padding-bottom: 20px;
    margin: 0px;
}

.input-tabla {
    box-sizing: border-box;
    padding: 0px 1%;
    margin: 0px;
}

.option {
    box-sizing: border-box;
    width: 100%;
    color: #222;
}

.columna {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

.grupo {
    border: solid 1px #47821c;
    border-radius: 5px;
    padding: 36px 8px;
}

.titulo_grupo {
    font-weight: bolder;
    align-content: right;
    font-size: 14px;
    color: #47821c;
}

.titulo_medium {
    font-weight: bolder;
    align-content: right;
    font-size: 25px;
    color: #47821c;
}

.colum_horario {
    padding-left: 10px;
}

.dia {
    font-weight: bolder;
    align-content: right;
    padding-top: 10px;
    font-size: 14px;
    color: #47821c;
}

.fila {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

.alto {
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.form2 .btn4 {
    float: right;
    padding: 6.5px;
    background-color: #FF8000;
    color: white;
    font-size: 18px;
    border: 1px solid #FF8000;
    font-weight: bold;
    border-radius: 4px;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.form2 .btn5 {
    float: right;
    padding: 6.5px;
    background-color: #2E9AFE;
    color: white;
    font-size: 18px;
    border: 1px solid #2E9AFE;
    font-weight: bold;
    border-radius: 4px;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.form2 .btn5:focus,
.form2 .btn3:focus,
.form2 .btn5:hover,
.form2 .btn3:hover {
    background-color: #f2f2f2;
    color: #2E9AFE;
    outline: none;
    border: 1px solid #2E9AFE;
}

.form2 .btn4:focus,
.form2 .btn4:hover {
    background-color: #f2f2f2;
    color: #FF8000;
    outline: none;
    border: 1px solid #FF8000;
}


/*-----------------------------------------------Input file---------------------------------------------------*/

.form2 label input[type=file] {
    display: none;
}

.form2 label .filename {
    color: #999;
    opacity: 1;
    font-size: 18px;
}

.namefile {
    color: #999;
    /* H. color de la letra del control*/
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 60px;
    height: 24px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    /* H. tamaño de fuente del control*/
}


/*--------------------------------------------Redes Sociales-----------------------------------------------*/

.input-whatsapp {
    background-image: url(../image/whatsapp.svg);
    background-repeat: no-repeat;
}

.input-facebook {
    background-image: url(../image/facebook-alt.svg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 4px 4px;
}

.input-instagram {
    background-image: url(../image/instagram-alt.svg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 4px 4px;
}

.input-twitter {
    background-image: url(../image/twitter-alt.svg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 4px 4px;
}

.input-youtube {
    background-image: url(../image/youtube.svg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 4px 4px;
}

.label-redes span {
    margin-left: 50px;
}

.label-redes input {
    text-indent: 50px;
}


/*--------------------------------------------ComboBox autocomplete-----------------------------------------------*/

.Labelautocomplete {
    color: #2E9AFE;
    font: 13px Helvetica, Arial, sans-serif;
    position: relative;
    top: -41px;
    left: 6px;
    display: none;
    transition: all 0.2s ease-in-out;
}

.select2-container .select2-selection--single {
    border: 1px solid #2E9AFE;
    font: 18px Helvetica, Arial, sans-serif;
    padding: 6px;
    height: 35px;
    border-radius: 4px;
    outline: none;
    transition: all 0.2s ease-in-out;
    color: #999;
}

.select2-dropdown {
    border: 1px solid #2E9AFE;
}