.tamaño_cuadro{

    display: inline-flex;
    width:170px;


  }

.mensaje-copiado {
  background-color: #4CAF50; /* Verde */
  color: white;
  text-align: center;
  padding: 16px;
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.oculto {
  display: none;
}




  .btnregistro{
     background-color: transparent;
     border:0px;

  }
.btnregistro:hover{
     background-color: rgb(0, 144, 211);
     
  }

.btnspeech{

margin-left:10px;

}

  #btncambiodespeech{
  
    padding-left:80px;

  }
.btnfrecuentes{
     background-color: transparent;
     border:1px solid black;
     width: 900px;
     height:auto;

  }
  #divbotones{

    display:inline;
  }

.primary{
      width: 100%;
      height: 1400px;
      display: inline-block;
      text-align: center;
      
      justify-content: center;  
     }
  
   

     #btn{
        border: 0px;
        background-color: transparent;
        height: 10px;
        width: 200px;
        margin: auto;    

    }
    #btn:hover{

      
      border-radius: 30px;
      align-items: center;
      opacity: .5;
    }
     
    #btninactividad{

      opacity: .5;
    }
    .btn_copies{
      max-width: 1500px;
      background-color: transparent;
      border-color: transparent;
      border: 0px;
    }
    .btnenvios{
      border: 0px;
      background-color: transparent;
      margin: auto;
      text-align: center;  

    }
    .btntabla{
      width: 30%;
      max-width: 300px;
      text-align: center;

    }
    .btnenvios:hover{
      border-radius: 30px;
      align-items: center;
      opacity: .5;
    }
 
  .contenedor{
    margin-top: 30px;
    display: inline-block;
    position: relative;
    align-items: center;    
    box-sizing: content-box;
    width: 150px;
    height: 200px;
    border: double rgb(0, 0, 0) 5px;
    border-radius: 30px;


  }
  .contenedor1{
    margin-top: 30px;
    display: inline-block;
    position: relative;
    justify-content: center;
    box-sizing: content-box;
    padding: auto;
    margin-left: 40px;
    width: 150px;
    height: 200px;    
    border: double rgb(0, 0, 0) 5px;
    border-radius: 30px;


  }
  .contenedor2{
    margin-top: 30px;
    display: inline-block;
    position: relative;
    justify-content: center;
    padding: auto;
    margin-left: 40px;
    width: 150px;
    height: 200px;    
    border: double 5px ;
    border-color: rgb(0, 0, 0);
    border-radius: 30px;
  }
  .contenedor3{
    margin-top: 30px;
    display: inline-block;
    position: relative;
    justify-content: center;    
    padding: auto;
    margin-left: 40px;
    width: 150px;
    height: 200px;    
    border: double 5px ;
    border-color: rgb(0, 0, 0);
    border-radius: 30px;
  }
  .contenedor4{
    margin-top: 30px;
    display: inline-block;
    position: relative;
    justify-content: center;    
    padding: auto;
    margin-left: 40px;
    width: 150px;
    height: 200px;    
    border: double 5px ;
    border-color: rgb(0, 0, 0);
    border-radius: 30px;
  }

  #divbotones{

    display:inline-block;
  }
  .botonesredes{

  display:inline-flex;
  align-items: center;

  }
 .tituloprincipal{
  font-family: 'Merriweather Sans', sans-serif;
  font-family: 'Shantell Sans';
 }


 @media only screen and (min-width: 1450px){
 #header{
  margin-top: 0px;
  padding-top: 0% ;
  width: auto;
  justify-content:center;
  min-height: 170px;
  background: url("/img/pleca1.png" );
 background-size:cover;
 }
 }
 @media only screen and (max-width: 1449px){
 #header{
  margin-top: 0px;
  padding-top: 0% ;
  width: auto;
  justify-content:center;
  min-height: 250px;
  background: url("/img/pleca2.png" );
 background-size:cover;
 }

 
 }
 body{
  margin: 0%;
 }

 #divbotones{

height: 100 px;
width: 100%;

text-align: center;

 }
 .botonesopciones{

  margin: 30px;


 }


/* nuevo*/

 #divlogin{


text-align: center;


}
.loader {
    
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url("https://i.giphy.com/media/3oEjI6SIIHBdRxXI40/200w.gif") 50% 50% no-repeat ;
    opacity: .5;

    
}
#cerrarsesion{

    display:flex;
    justify-content: right;
   

}

#btncerrarsesion{

  margin-top:5px;
}



.bienvenida{
    
    display:inline;
    text-align:right;
    padding-lefth:10px;
    margin-right:15px;
    
    

  
}
#bienvenida{
  
  margin-bottom:-5px;
  margin-right:50px
}
#operadoractual{
  margin:0px;
  
}
 
#botnlogin{
  

margin-top:10px;
background-color:green;
color:white;
border-radius:50px;

}
#username{
border-radius:10px;
opaci


}
#password{
border-radius:10px;
}

label{
 font-family: 'Merriweather Sans', sans-serif;

}
#divloginprincipal{

height:400px;
width:100%;
margin:auto;


}

#botn1{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/yBhjspC/911.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}
#botn2{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/wMfk7F9/catgem.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}
#botn3{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/RbTq391/contingencia.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}

#botn4{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/dkpJ09Y/GCDMX.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}
#botn5{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/F7R8WyN/gob-federal.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}
#botn6{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/Hpt4rxN/hoy-no-circula.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}
#botn7{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/HtKSGN0/llave.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}
#botn8{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/nfwYJh6/coe.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
    background-size: cover;

}
#botn9{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/HPb2knx/p-no-localizada.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}
#botn10{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/98LWSj3/servicios-integrales.png") no-repeat  ;
    cursor: pointer;
    border: 0px;   
    background-size: cover;

}
#botn11{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/CPV5mX6/sismo.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}
#botn12{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/FsQ9JVp/tramites-digitales.png") no-repeat  ;
    cursor: pointer;
    border: 0px;

   
    background-size: cover;

}
#botn13{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/F6gPPyv/tramites.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}
#botn14{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/2qD6hhL/vacunacion.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}
#botn15{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/mHmzyG0/emergente.png") no-repeat  ;
    cursor: pointer;
    border: 0px;
   
    background-size: cover;

}
#botn16{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/TwBSscV/unnamed.png") no-repeat  ;
    cursor: pointer;
    border: 0px;

   
    background-size: cover;

}
#botn17{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/LNDhwVm/unnamed-1.png") no-repeat  ;
  
    cursor: pointer;
    border: 0px;

   
    background-size: cover;

}
#botn18{
min-height: 80px;
    min-width: 80px;
    background: url("https://i.ibb.co/5LsLj0F/unnamed-2.png") no-repeat  ;
    cursor: pointer;
    border: 0px;

   
    background-size: cover;

}


    .botn{
        margin-left:150px;
        border: 0px;
        background-color: transparent;
        height: 90px;
        width: 90px;
        margin: 60px;    

    }
    .botn:hover{

      
      border-radius: 30px;
      align-items: center;
      opacity: .5;
    }




.content,
.sidebar {
  height:auto;
  float: center;
}


/* The sticky */
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
 
}
.numero{

  width: 20px;
  font-size: 20px;
  text-align: center;
  justify-content: center;
  align-items: center;
  border: 0px;

}
.scroll {  
  padding: 0 10px;
  width: 100%;
  max-width: 550px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;

}

.tabladata{

height:cover;


}

.cuadrovalores{
display:inline-block;
width:50px;
text-align:center;


}

.espacios{

margin-left:10px;

}


.body{
  background-color: rgb(0, 0, 0);
}
.body-green{
    background-color: rgb(139, 243, 139);
}
.colorBlanco{
  color: white;
}

.letraGrande{
  font-size: 20px;
  color: red;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  border-radius: 2px;
  border-color: white;
}