/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jvWyNL4U.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jtGyNL4U.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jvGyNL4U.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3js2yNL4U.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jvmyNL4U.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3jsGyN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvWyNL4U.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjtGyNL4U.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvGyNL4U.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjs2yNL4U.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjvmyNL4U.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvjsGyN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.modal-backdrop {
background-color: #000 !important;
}

.text-justify{
  text-align: justify;
}

.alerta-copiar {
  font-size: 12px !important;
  background-color: #00000060;
  color: #fff;
  padding: 0.45em 1.2em;
  line-height: 1;
  color: #fff;
  font-weight: 500 !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.cuadro-qr {
  background-image: url('../img/fondo_qr.png');
  color:#fff;
  padding-top: 12px;
  width: 200px;
  height: 245px;
}

.cuadro-qr-mini {
  background-image: url('../img/fondo_qr_mini.png');
  color:#fff;
  padding-top: 10px;
  width: 120px;
  height: 120px;
}

.w3-url-principal {
  background-color: #fff;
  font-size: 24px;
  text-align: center;
  color: #227AD2;
  font-weight: 800;
}




.no-desk{
  display: none !important;
}


@media (max-width: 750px){
  .no-desk{
  display: block !important;
}
}


.no-mobile{
  display: none;
}

@media (min-width: 750px){
  .no-mobile{
  display: block;
}
}

.alerta1{
  background-image: url('../img/alerta1.png');
  height: 165px;
  width: 249px;
  position: absolute  ;
  top: 135px;
  color: #ffffff;
  padding: 20px;
  padding-top: 35px;
}

@media (max-width: 750px){
.modal-cerrar-fixed{
  position: fixed;
  bottom: 0px;
  left:0px;
  width: 100%;
  border-radius: 0px !important;
  border: solid 0.5em #081435 !important;
  background-color: #ccc !important;
  margin: 0px !important;
  padding: 20px !important;
  font-size: 15px !important;
}
}


.w3-principal{
    width: 420px;
}

@media (max-width: 750px){
.w3-principal{
    width: 100%;
}
}



.form-floating>.form-control, .form-floating>.form-select {
  height: calc(2.5rem + 2px);
}


.form-floating>label {
  padding: 0.69rem 1rem;
}


.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.3rem;
}


.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
  transform: scale(0.75) translateY(-0.3rem) translateX(0.15rem);
}


.btn-login{
  background-color: #FF5722;
  border-color: #FF5722;
  color: #fff;
}


.footer-logo{
  position: absolute;
  bottom: 0px;
  width: 100%;
}


.logo-sub-titulo{
  color: #fff;
  text-shadow: 1px 1px 2px black; 
  position: absolute;
  width: 100%;
  top: 105px;
  font-size: 14px;
  font-weight: 300;
}


.loader-login{
  position: absolute;
  top: 180px;
}

.text-left{
  text-align: left;
}

.text-right{
  text-align: right;
}

.menu-left{
  position: absolute;
  top: 25px;
  left: 15px;
}

.btn-orange {
  color: #fff;
  background-color: #FF5722;
  border-color: #FF5722;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(55, 60, 67, .075)
}

.btn-orange:hover {
  color: #fff;
  background-color: #F03D00;
  border-color: #F03D00;
}


.btn-whatsapp {
  color: #fff;
  background-color: #18BE17;
  border-color: #18BE17;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(55, 60, 67, .075)
}

.btn-whatsapp:hover {
  color: #fff;
  background-color: #139B13;
  border-color: #139B13;
}



.btn-gray {
  color: #fff;
  background-color: #aaaaaa;
  border-color: #aaaaaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(55, 60, 67, .075)
}

.btn-gray:hover {
  color: #fff;
  background-color: #F03D00;
  border-color: #F03D00;
}


.btn-gray-opacity {
  color: #fff;
  background-color: #00000070;
  border: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(55, 60, 67, .075)
}

.btn-gray-opacity:hover {
  color: #fff;
  background-color: #00000085;
  border: none;
}


.btn-girar:hover{
  transform: rotate(90deg);
}


.hola{
  margin-top: 26px;
  padding-left: 60px;
  padding-right: 20px;
}

.text-orange{
  color: #F03D00 !important;
}

.p-card{
  padding-left: 25px;
  padding-right: 20px;
}
.shadow-xs {
  box-shadow: 0.1rem .1rem 0.1rem rgba(0, 0, 0, 0.3) !important;
}

.card-seleccion-fondo{
  position: relative;
  width: 75px;
  height: 120px;
  border-radius: 5px;
  margin: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  float: left;
  overflow: hidden;
  cursor: pointer;
}

.card-seleccion-fondo-select{
  background-color: #00000075;
  padding-top: 40px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.card-fondo-principal {
  overflow-x:scroll;
  width:100%;
}
.card-fondo-horizontal-scroll {
  display : inline-flex;
  padding:1px;
}
.item {
  border:1px solid black;
  margin: 0px 10px;
  min-width:150px;
  min-height:113px;
  padding: 0px;
}    

.card-fondo-principal::-webkit-scrollbar {
  -webkit-appearance: none;
}

.card-fondo-principal::-webkit-scrollbar:vertical {
  width:10px;
}

.card-fondo-principal::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
  display: none;
} 

.card-fondo-principal::-webkit-scrollbar:horizontal {
  height: 10px;
}

.card-fondo-principal::-webkit-scrollbar-thumb {
  background-color: #797979;
  border-radius: 20px;
  border: 2px solid #eee;
}

.card-fondo-principal::-webkit-scrollbar-track {
  border-radius: 10px;  
  background-color: #eee;
}.card-grupo-from {
  border-radius: 7px;
  overflow: hidden;
}

.card-grupo-from span {
  background-color: #ffffff75;
  color: #FF5722;
  font-size: 10px;
  border: none;
  border-bottom: solid 2px #FF5722;
  border-radius: 0;
  padding: 0 5px;
}
.card-grupo-from input {
  background-color: #ffffff75;
  border: none;
  border-bottom: solid 2px #FF5722 !important;
  border-radius: 0px;
  padding: 5px 5px;
  font-weight: 500;
}



.pl-0{
  padding-left: 0;
}
.pr-0{
  padding-right: 0;
}



.form-switch .form-check-input:checked {
  background-color: #FF5722;
  border-color: #FF5722;
}


.imagen-perfil{
  border: solid 5px #ffffff;
}
.btn-social-card {
  background-color: #000000aa;
  padding: 7px 10px;
  width: 45px;
}

.bg-orange{
  background-color: #FF5722 !important;
}


.card-lista{
  width: 130px;
  height: 200px;
  border-radius: 12px;
  margin: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  float: left;
  overflow: hidden;
  cursor: pointer;
}

.card-lista .contenido {
  position: absolute;
  line-height: 1.2;
  padding-top: 7px;
  padding-bottom: 7px;
  bottom: 0px;
  width: 100%;
  background-color: #00000080;
}


.contenedor-directorio{

}


.contenedor-directorio::-webkit-scrollbar {
  -webkit-appearance: none;
}

.contenedor-directorio::-webkit-scrollbar:vertical {
  width:3px;
}

.contenedor-directorio::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
  display: none;
} 

.contenedor-directorio::-webkit-scrollbar:horizontal {
  height: 10px;
}

.contenedor-directorio::-webkit-scrollbar-thumb {
  background-color: #FF5722;
  border-radius: 20px;
  border: 0px solid #eee;
}

.contenedor-directorio::-webkit-scrollbar-track {
  border-radius: 10px;  
  background-color: #eee;
}



.rounded-5 {
  border-radius: 25px;
}