/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 20, 2016, 12:33:17 PM
    Author     : Javier
*/

.dg-section{
    margin-bottom: 20px;
}

form .progress{
    margin: 0px;
    display: none;
}

.card-password{
    padding: 3px !important;
    margin-left: 75% !important; 
    font-size: 11px;
}

.card-pass{
margin: 0.5rem -10px -5rem 0 !important;       
    padding:7px
}

.teal{
    background-color:  #b8035d !important;
}

.progress-estado,
.progress-pecc{
    display: block;
    position: relative;
    width: 100%;
    height: 4px;
    top: 45px;
}

form .autocomplete-content{
    display: block;
    position: absolute;
    opacity: 1;
    max-height: 250px;
    width: 100%;
}

form .autocomplete-content li{
    line-height: normal;
    min-height: inherit;
}

form .autocomplete-content li>span{
    font-size: 0.9rem;
    padding: 7px;
    line-height: normal;
    color: #000000;
    font-weight: 300;
}

#cambiar-pass{
    cursor: pointer;
}

.help{
    cursor: help;
}

.material-tooltip{
    max-width: 200px;
    font-size: 10px;
    text-align: justify;
}
.otro-titulo,
.estudiante,
.otro-cargo{
    /* display: none; */
}

.divBlack{
    background-color: #ffffff !important;
}

.input-field input[type=text],input[type=email],input[type=password] + label, .materialize-textarea:focus:not([readonly]) + label {
 color: black !important;
}

.input-field input[type=text], input[type=email],input[type=password], .materialize-textarea:focus:not([readonly]) {
 border-bottom: 0px solid black !important;
 box-shadow: 0 1px 0 0 black !important;
}


.input-field input[type=text], input[type=email],input[type=password]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
 color: black !important;
}

.input-field input[type=text], input[type=email],input[type=password]:focus, .materialize-textarea:focus:not([readonly]) {
 border-bottom: 0px solid black !important;
 box-shadow: 0 1px 0 0 black !important;
}

.dehabilitar{
    opacity: 0.5;
    pointer-events: none;
}

.select-readonly {
    pointer-events: none; /* Evita que el usuario pueda interactuar con el select */
    background-color: #f3f3f3; /* Cambia el color de fondo para indicar que no es editable */
    color: #999; /* Cambia el color del texto para indicar que no es editable */
}

.password-container {
    display: flex;
    align-items: center;
    position: relative;
}
.toggle-password {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
  .row-perfil {
    margin-top: 48px; /* Cambia a lo que necesites */
  }
}

@media (min-width: 1024px) {
  .row-perfil {
    margin-top: 3rem; /* Ajusta según tu necesidad */
  }
}
 @media (max-width: 820px){
    .espacerRow {
        margin-top: 40px;
    }
 }