body{
  width: 100%;
  height: 100%;
  margin    :0;
  background: #EEEEEF;
}


  .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }

  .ccmbbtn {
    position: relative;
       font-size: 0.5em;
    margin: 0;
    padding: 0px;
    /*height:20px;*/
    width:20px;
    
    background-color: lightgray;
    
    /*border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
    
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
    
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;*/
        
    border-style: none;    
}



/*=======================================
=            Primera Ventana            =
=======================================*/
.contenido-body{
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}

/*MENU DE NAVEGACIÓN*/

header{
  

}

nav{
}

.navbars {
  width           : 100%;
  height          : 200px;
  color           : #fff;
  background-color: #2196F3;
}
.contenido-menu{
  width   : inherit;
  position: relative;
  display :flex;
}

.contenido-menu .logotipo {
  margin-top : 10px; 
  margin-left: 10px;
}

.contenido-menu .titulos{
  position  : absolute;
  width     : inherit;
  margin-top: 10px; 
  text-align: center;

}

.contenido-menu .titulos h2{
  margin     : 0;
  font-size  : 35px;
  font-weight: 700;
}

/*CUERPO PRINCIPAL DE LA PAGINA*/

.cardview-cuerpo{
  width: 100%;
  height: 580px;
  position: relative;
  /*max-width: 1350px;*/
  margin: 0 auto:;

}
  

.container-back{
  height: 100%;
  width: 50%;
    color: #fff;
    border-radius: 20px;
    background: #fff;
    position: absolute;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    top:  35%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
   /* max-width: 1350px;*/
    min-width: 500px;
    margin: 0 auto;
}

.container-back .index-txt{
  margin-top: 50%;
    margin-bottom: 30px;
  font-size  : 30px;
  font-weight: 600;
}

.container-back p{
  font-size  : 15px;
  margin-bottom: 50px;
  margin-left: 50px;
  margin-right: 50px;
}

.container-back-a{
  width        : 50%;
  background   : #A5D7A7;
  border-radius: 20px 0 0 20px;
  text-align: center;
  
}

.container-back-b{
  width        : 50%;
  background   : #F9A09A;
  border-radius: 0 20px 20px 0;
  text-align: center;
}

.container-back-a .btn-floating{
    background-color: #4CAF50;
    margin-bottom: 100px;
}

.container-back-b .btn-floating{
    background-color: #F44336;
    margin-bottom: 100px;
}

/*========================================
=      Pantalla Nueva solicitud          =
========================================*/
  
.formulario{
  height: 100%;
  width: 100%;
  padding: 70px 100px;
  position: relative;
  display: block;
  color: #000;
}

.formulario .formularioA{
  width: 60%;
}


.tipo-solicitud, .sub-categoria{
  margin-bottom: 40px;
}

.input-field .titulo-input-persona{
  top: -0.2rem;
}

ul.dropdown-content.select-dropdown li span {
    color: #2196F3; 
}

.cardview-cuerpo .floating-button{
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 40px;
}

.cardview-cuerpo .floating-button-negativo{
  position: absolute;
  left    : 0;
  bottom  : 0;
  margin  : 40px;
}

.btn-floating{
  background-color: #FFD600;
}

.boton-regresar{
  width: 40px;
  height: 40px;
  position: absolute;
  left:0;
  top: 0;
  margin: 30px;
  border-radius: 50%;
  text-align: center;
}


.boton-regresar a{
  color: #333333;
}


.boton-regresar .material-icons {
    line-height: inherit;
}
.select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #2196F3;
    outline: none;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 0;
    display: block;
}

input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: black;/*Color del cuadro de efecto*/
}

input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #FFD600;
    box-shadow: 0 1px 0 0 #FFD600;
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    border-bottom: 2px solid #2196F3;
}

/*============================================
=            Pantalla Seguimiento            =
============================================*/
.contenido-cardview{
  margin-top: 5%;
  width: 100%;
}

.contenido-cardview-seccion1{
  width: 100%;
  height: 25%;
  /*border: 1px solid red; */
  padding: 20px 80px 20px 80px;
}

.contenido-cardview-seccion2{
  width: 100%;
  height: 69%;
  padding: 0 80px;
  border-radius:0 0 10px 10px;
}


.boton_regresar_seguimiento
{
  position: absolute;
  left:10px;
  top: -28px;
}

.encabezadoback
{
  position: relative;
  margin: 0;
}

.folios-seg
{
  cursor: pointer;
  transform: scale(1.05);
}

.folios-seg:hover
{
  transform: scale(1.1);
  transition: ease 1s
}



/*===================================================
=            Pantalla Detalle Seguimient            =
===================================================*/
.detalles{
  color: #000;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.solicitante{
  font-size: 25px;
  font-weight: 700;
}

.folio-solicitante{
  font-size: 20px;
  font-weight: 700;
}

.estatus{
  display: flex;
  width: 100%;
  color: #000;
  padding: 0 10px;
}

.progressbar_seg{
  height: inherit;
}

.fila{
   margin-top:36px;
}

.estatus-contenido{
  width: 100%;
  height:auto;
 /* margin-left: 30px;*/
  /*padding-left: 1%;*/
  padding: 0px;
}
/*================================================
=            Pantalla de Autorizacion            =
================================================*/
.detallesaut{
  color        : #000;
  text-align   : center;
  margin-bottom: 20px;
}

.titulo-encabezado{
  font-size  : 25px;
  font-weight: 700;
}

.folio-solicitante{
  font-weight: 700;
}

.detalles-solicitud{
  color        : #000;
  margin-bottom: 20px;
}

.detalles-solicitud .fila{
  margin-bottom: 5px;
}

.titulo-col{
  font-weight: 700;
}

.comentarios-solicitud{
  margin-bottom: 30px;
  margin-left  : 10px;
}

.titulo-comentario{
  font-weight: 700;
}

.evidencias{
  width     : 100%;
  padding   : 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  /*display: none;*/
}

.evidencias:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.comentarios-permiso{
  margin-top: 20px;
}

/*=======================================
=            Pantalla Folios            =
=======================================*/

.cardview-detalle{
  width: 100%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 10px;
/*  border: 1px solid red; */
  background: white;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  cursor: pointer;
  display: flex;
}

.cardview-detalle:hover
{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  /*transform: scale(1.1);
  transition: ease 1s*/
}

.cardview-content-detalle {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    text-align: center;
}


.contenido-datos-solicitud-detalle{
  margin: auto 0;
  
}

.folio-solicitud-detalle{
  width: 30%;
  height: 100%;
  background: #2196F3;
  color: white;
}

.folio-texto-detalle{
  font-size: 15px;
  font-weight: 700;
  margin: 25% 0;
}

.datos-solicitud-detalle{
  width: 70%;
  height: 100%;
}


.filas{
  width: inherit;
  height: 100%;
  overflow: auto;
  margin: 0;
  padding: 0;
  clear: both;
}