/*
:root {
  --bgcolor:white;
  --bgcolorbtn: #bebcbc;
  --bgcolorhover: #222121;
  --bgcoloractive: #a1a1a1c5;
  --bgcolordisabled: #e7e5e5c5;
  --bordercolor:rgb(133, 132, 132);
  --bgheadercolor: #e7e5e5c5;
  --bgfootercolor:white;

}*/
/* tema blue */
:root {
  --bgcolor:rgb(134, 195, 206);
  --colortext:rgb(8, 8, 8);
  --colortexthd:white;
  --colorbtnalt:rgb(8, 8, 8);
  --colorbtn:white;
  --bgcolorbtn: rgb(102, 185, 241);
  --bgcolorhover: #6f99f3;
  --bgcoloractive: rgb(36, 103, 247);
  --bgcolordisabled: #e7e5e5c5;
  --bordercolor:rgb(24, 77, 221);
  --bgheadercolor: #0071a9;
  --bgfootercolor:rgb(134, 195, 206);


}*/

/* Estilos jasaservices */
html *{
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;

}

@media only screen and (max-width: 800px) and (min-width: 600px){
/* CSS para las pantallas con resoluciones menores que 800 x */
html *{
  font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 801px){
/* CSS para pantallas menores que 1025 y mayores que 801 x  */
  
html *
{
   /* color: blue; */

   font-family: Verdana, Geneva, sans-serif;
    font-size: 40px;
}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
/* CSS para pantallas menores que 1367 y mayores que 1025  */
  
html * {  
  font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
}
}
@media only screen and (max-width: 1536px) and (min-width: 1367px){
html *{

  font-family: Verdana, Geneva, sans-serif;
   font-size: 18px;
}
}
@media only screen and (max-width: 1920px) and (min-width: 1538px){
html *{
  font-family: Verdana, Geneva, sans-serif;
   font-size: 18px;
}
}
body { 
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

.borde-jasaservices-login{
   
 
  border-style: solid; 
  border-color:var(--bordercolor);
  border-width:thin 

 }

 .card-body{
 background-color: var(--bgheadercolor);

 
}
.card-header{
 
  font-size: 1.3em; 
  text-align: center;
  background-color: var(--bgheadercolor);
  color:var(--colortexthd)
 
}
.card-footer{
  font-size: 1.0em;
  text-align: center;
  min-height: 4.0em;
  background-color: var(--bgheadercolor);
  color:var(--colortexthd);

 
}
.jasaservices-line-header{
color:var(--colortexthd);
  font-size: 1.5em;
 text-align: center;  
}
.jasaservices-line-small{
  line-height: 1.0em;
  font-size: 1.0em;
  padding-bottom:0.3em;
}
.header-jasaservices
{  
   background-color: var(--bgheadercolor);
  padding: 10px;
   right: 0px;
   top: 0px;
   left: 0px;
   text-align: center;
}
 .footer-jasaservices
 {  min-height: 8vh;
  background-color: var(--bgheadercolor);
    color:black;
    position: fixed;
    right:0px;
    bottom:0px; 
    left: 0px;
   
    text-align: center;
   
   }
   .footer-jasaservices a
 { 
    color:black;
    
   
   }
  .jasaservices-centrado-footer{
    margin: auto;
    width: 100%;
    padding-top: 1em;
     }
 .centrado-horizontal{
    margin: 0;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    
   } .centrado-vertical-horizontal{
    margin: 0;
    position: relative;
    text-align: center;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 
   }
   
   .card-centrado-vertical-horizontal{
    
    margin: 0;
    position: relative;
    text-align: center;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    
   
   }
   .centrado-imagen{
    position: absolute;
    top: 0;
    bottom: 0;
    left:0%;
    right: 0;
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    border:none;
    background-color: #CC3C15;
   z-index: -2000;
   
   }
   .centrado-canvas{
    position: absolute;
    top: 0;
    bottom: 0;
    left:0%;
    right: 0;
   
   
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    border:none;
    background-color: #CC3C15;
   z-index: -1000;
   
   }


   .centrado-video{
    position: relative;
    top: 0;
    bottom: 0;
    left:0%;
    right: 0;
    width: 100%;
    height:100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    border-width:5px;
    border-color:var(--bordercolor);
    border-style:solid;
      
   }
   .loading-video{
    
      border:none;
      top: 40%;
      left: 40%;
    
      margin: 0 0 0 0;
      position: absolute;
      cursor: pointer;
      z-index: 7; 
    }
    .loading-texto{
    min-height: 2em;
    }
  
  
   .centrado-centrado{
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   }
 .p100{
     height: 100%;
 }

.entrada-invalida{

  border-color: red;
  border-width: 1px;
  border-style: solid;
  }
.entrada-valida{
  border-color:var(--bordercolor);
    border-width: 1px;
    border-style: solid;
    }
.campo-invalido {
     
       color: red;
   }
   .campo-valido {
     
       color: white;
   }
   .campo-invalido-2 {
     
       color: white;
   }
   .col-registro{
    margin:0;
    padding:0;
}
.col-registro{
    margin:0;
    padding:0;
}
#content_avance {
  width: 60%;
  background-color:var(--bgcolorbtn)
  ;
}

#avancecarga {

  width: 1%;
  height: 30px;
  border-color:var(--bordercolor);
}
.borde-jasaservices-login{
    
   
    border-style: solid; 
    border-color:var(--bordercolor);
    border-width:thin 
  
  
   }
.borde-jasaservices-rounded{
   margin:20px; 
   padding: 20px;
   border-style: solid; 
   border-color:var(--bordercolor);
   border-width: medium;
   border-radius: 5px; 
   width: 100%; 
  }
  .center-block {
    margin-left:auto;
    margin-right:auto;
   
 }
 .center {

  margin-left: auto;
  margin-right: auto;

}
.texto-centrado{
text-align: center;
}
 .jasaservices-box-registro {

  top:10px ;
  border-style: solid; 
  border-radius: 20px; 
  border-width: 0.1em; 
  width: 80%;
    
  margin: 10px;
  padding: 15px;
 

 }
 .jasaservices-box-contacto {

  top:10px ;
  border-style: solid; 
  border-radius: 20px; 
  border-width: 0.1em; 
  width: 90%;
    
  margin: auto;
  padding: 15px;

 }
 
 .jasaservices-box-registro-consulta {

  border-style: solid; 
  border-radius: 20px; 
  border-width:thin;
  padding: 5px;
  }
 .jasaservices-box-camara {

  top:10px ;
  border-style: solid; 
  border-radius: 20px; 
  border-width: thin;
  width: 98%;
    
  margin:auto;
  padding: 15px;
 

 }


 .jasaservices-big-box{

    border-style: solid; 
    padding: 1em;
   background-color:var(--bgcolor);
   border-radius: 1em;
   border-color:var(--bordercolor);
 }
 .jasaservices-txt-01 {
   margin-top:5px;
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
   
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.jasaservices-txt-01-a {
    display: block;
 /*   width: 100%;*/
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
  
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.jasaservices-tema {
  margin: auto;
  width: 80%;
  padding-top: 1em;
}
    .tg {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .tg td {
      font-family: 'Libre Franklin,sans-serif';
        font-size: 14px;
        padding: 10px 5px;
        border-style: solid;
        border-width: 0px;
        overflow: hidden;
        word-break: normal;
        border-top-width: 0px;
        border-bottom-width: 1px;
        border-color:var(--bordercolor);
    }

    .tg th {
      font-family: 'Libre Franklin,sans-serif';
        font-size: 14px;
        font-weight: normal;
        padding: 10px 5px;
        border-style: solid;
        border-width: 0px;
        overflow: hidden;
        word-break: normal;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-color:var(--bordercolor);
    }

    .tg .tg-b1b0 {
        background-color: var(--bgcolor);
        color: #ffffff;
        border-color:var(--bordercolor);
        text-align: left;
        vertical-align: top
    }

    .tg .tg-0lax {
        text-align: left;
        vertical-align: top
    }

.col_00_05 {
    padding: 1px;
  width: 0.5%;
  }
  .col_01 {
    padding: 1px;
  width: 1%;
  }
  .col_01_24 {
  padding: 1px;
width: 1.24%;
}
.col_02 {
padding: 1px;
width: 2%;
}
.col_02_25 {
  padding: 1px;
width: 2.25%;
}
.col_02_50 {
  padding: 1px;
width: 2.50%;
}
.col_03 {
padding: 1px;
  width: 3%;
  }
  .col_04 {
  padding: 1px;
width: 4%;
}
.col_05 {
padding: 1px;
width: 5%;
}
.col_06 {
padding: 1px;
width: 6%;
}
.col_07 {
padding: 1px;
width: 7%;
}
.col_08 {
padding: 1px;
width: 8%;
}
.col_09 {
padding: 1px;
width: 9%;
}

.col_10 {

padding: 1px;
width: 10%;
}
.col_10_30 {

padding: 1px;
width: 10.30%;
}
.col_11 {

padding: 1px;
width: 11%;
}
.col_11_11 {

padding: 1px;
width: 11.11%;
}
.col_11_57 {

padding: 1px;
width: 11.76%;
}
.col_11_76 {

padding: 1px;
width: 11.76%;
}
.col_12 {

padding: 1px;
width: 12%;
}
.col_13 {

padding: 1px;
width: 13%;
}
.col_14 {

padding: 1px;
width: 14%;
}
.col_15 {

padding: 1px;
width: 15%;
}
.col_15_46 {

padding: 1px;
width: 15.46%;
}

.col_15_78 {

padding: 1px;
width: 15.78%;
}
.col_16 {

padding: 1px;
width: 16%;
}
.col_16_66 {

padding: 1px;
width: 16.66%;

}
.col_17 {

padding: 1px;
width: 17%;
}
.col_17_64 {

padding: 1px;
width: 17.64%;
}
.col_18 {

padding: 1px;
width: 18%;
}
.col_19 {

padding: 1px;
width: 19%;
}
.col_20 {

padding: 1px;
width: 20%;
} 

.col_22 {

padding: 1px;
width: 22%;
}

.col_22_05 {

padding: 1px;
width: 22.5%;
}
.col_23 {

padding: 1px;
width: 23%;
}
.col_24 {

  padding: 1px;
  width: 24%;
  }
.col_25 {

padding: 1px;
width: 25%;
}
.col_26 {

padding: 1px;
width: 26%;
}
.col_26 {

padding: 1px;
width: 26%;
}
.col_27 {

padding: 1px;
width: 27%;
}
.col_30 {

padding: 1px;
width: 30%;
}
.col_31 {

padding: 1px;
width: 31%;
}
.col_32 {

padding: 1px;
width: 32%;
}
.col_33 {

padding: 1px;
width: 33%;
}
.col_34 {

padding: 1px;
width: 34%;
}
.col_35 {

padding: 1px;
width: 35%;
}
.col_36 {

padding: 1px;
width: 36%;
}
.col_38 {

padding: 1px;
width: 38%;
}
.col_39 {

padding: 1px;
width: 39%;
}
.col_40 {

padding: 1px;
width: 40%;
}
.col_44 {

padding: 1px;
width: 44%;
}
.col_45 {

padding: 1px;
width: 45%;
}
.col_46 {

padding: 1px;
width: 46%;
}
.col_47 {

padding: 1px;
width: 47%;
}  .col_47_50 {

padding: 1px;
width: 47.5%;

}  .col_48 {

padding: 1px;
width: 48%;
}
.col_49 {

padding: 1px;
width: 49%;
}


.col_50 {

padding: 1px;
width: 50%;
}

.col_51 {

padding: 1px;
width: 51%;
}
.col_52 {

padding: 1px;
width: 52%;
}
.col_54 {

padding: 1px;
width: 54%;
}
.col_55 {

padding: 1px;
width: 55%;
}
.col_56 {

padding: 1px;
width: 56%;
}
.col_58 {

padding: 1px;
width: 58%;
}
.col_60 {

padding: 1px;
width: 60%;
}
.col_61_12 {

padding: 1px;
width: 61.12%;
}
.col_61_98 {

padding: 1px;
width: 61.98%;
}
.col_62 {

padding: 1px;
width: 62%;
}
.col_63 {

padding: 1px;
width: 63%;
}
.col_63_94 {

padding: 1px;
width: 63.94%;
}
.col_64 {

padding: 1px;
width: 64%;
}
.col_65 {

padding: 1px;
width: 65%;
}
.col_67 {

padding: 1px;
width: 67%;
}

.col_66_34 {

padding: 1px;
width: 66.34%;
}
.col_70 {

padding: 1px;
width: 70%;
}

.col_70_06{

padding: 1px;
width: 70.6%;
}

.col_75 {

padding: 1px;
width: 75%;
}
.col_76 {

padding: 1px;
width: 76%;
}
.col_77_75 {

padding: 1px;
width: 77.75%;
}
.col_78 {

padding: 1px;
width: 78%;
}
.col_80 {

padding: 1px;
width: 80%;
}


.col_72_8 {

padding: 1px;
width: 72.8%;
}

.col_85 {

padding: 1px;
width: 85%;
}

.col_90 {

padding: 1px;
width: 90%;
}
.col_92 {

  padding: 1px;
  width: 92%;
  }
.col_96 {

padding: 1px;
width: 96%;
}
.col_95 {

padding: 1px;
width: 95%;
}
.col_96 {
padding: 1px;
width: 96%;
}
.col_97 {

padding: 1px;
width: 97%;
}
.col_98 {

padding: 1px;
width: 98%;
}
.col_100 {

padding: 1px;
width: 100%;
}
.img-registro{
  margin-top: 1em;
  margin-bottom: 1em;
  width: 100%;
  border-width:5px;
  border-color:var(--bordercolor);
  border-style:solid;
}
.close {
  top: 50%;
  right: 0%;
  
}

.btn-jasaservices-small{
  background-color:var(--bgcolorbtn);
  width: 1.5em;
  height:1.5em;
}

  .btn_jasaservices_00{
    width: 30vh;
    padding: 10%;
    font-size: 1.2em;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #fff;
    margin-top: 3px;
    background-color:var(--bgcolorbtn);
    border-radius: 15px;
    border: solid gray 2px;
      
  }
    
  .btn_jasaservices_00:hover {background-color:var(--bgcolorhover);
     border-radius: 15px;}
  
  .btn_jasaservices_00:active {
    background-color:var(--bgcoloractive);
    transform: translateY(4px);
    border-radius: 15px;
  }
.btn_jasaservices_01{
  font-size: 1.0em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  color:var(--colorbtn); 
    
  background-color:var(--bgcolorbtn);
  border-radius: 3px;
  border: solid gray 1px;
  margin-top: 2px;
  margin-bottom: 2px;
    
}
  
.btn_jasaservices_01:hover {
  background-color:var(--bgcolorhover);
  border-radius: 3px;}

.btn_jasaservices_01:active {
  background-color:var(--bgcoloractive);
  transform: translateY(4px);
  border-radius: 3px;
}
.btn-tool-jasa{
  text-align: center;
  margin:0.2em;
  height: 2.0em;
  width:2.0em;
  color:var(--colorbtn); 
  background-color: var(--bgcolorbtn);
  font-size:1.6em;
  cursor:pointer"
  
  }
.btn-tool-jasa:hover {
  background-color:var(--bgcolorhover);
  }

.btn-tool-jasa:active {
  background-color:var(--bgcoloractive);
  transform: translateY(4px);
  }



.breadcrumb{
  background-color: white;
}

.oculto{
  display: none;
}

.jasa-txt-01 {
  width: 100%;
  border-radius: 3px;
  border-style: solid;
  border-width: thin;
}
.jasa-txt-01 {
  width: 100%;
  border-radius: 3px;
  border-style: solid;
  border-width: thin;
}

.jasa-txt-02 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  border-radius: 3px;
  border-style: solid;
  border-width: thin;
}
.jasa-txt-02b {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  border-radius: 3px;
  border-style: solid;
  border-width: thin;
}
.jasa-txt-03 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-radius: 3px;
  border-style: solid;
  border-width: thin;
}
/* boxes */
.cuadro-jasa-01 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 15px;
  border-radius: 4px;
  border-color:var(--bordercolor);
  border-style: solid;
  border-width: 1px;
  background-color: var(--bgcolor)

 }
 .cuadro-jasa-01b {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 15px;
  border-radius: 4px;
  border-color: transparent;
  border-style:hidden;
  border-width:0px;
  background-color: var(--bgcolor)

 }

 .cuadro-jasa-02 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 15px;
  border-radius: 10px;
  border-color:var(--bordercolor);
  border-style: solid;
  border-width: 1px;
  background-color: white

 }

 .cuadro-alternativa{
  width: 2.5vw;
  height: 2.5vw;
  border-width: thin;
  border-style:solid;
  border-color:var(--bordercolor);
  border-radius:4px;
  background-color:white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  padding: 10px; 
  transition: all 0s;
  transition-delay: 0s; 
transition-duration: 0s;

}
.cuadro-alternativa:hover
 { background-color:rgb(54, 54, 54);
  transition: all 0s;
  transition-delay: 0s; 
transition-duration: 0s;}

.cuadro-alternativa-vf{
  width: 2.5vw;
  height: 2.5vw;
  border-width: thin;
  border-style:solid;
  border-color:var(--bordercolor);
  border-radius:4px;
  background-color:white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  padding: 10px; 
  transition: all 0s;
  transition-delay: 0s; 
transition-duration: 0s;

}

.btn-vf{
  width: 8.0vw;
  height: 2.5vw;
  border-width: thin;
  border-style:solid;
  color:var(--colorbtnalt); 
  border-color:var(--bordercolor);
  border-radius:4px;
  background-color:white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  padding: 10px; 
  transition: all 0s;
  transition-delay: 0s; 
transition-duration: 0s;

}

.active-vf
 {  color:var(--colorbtn); 
  background-color: #919191;
 }
.btn-vf:hover
 { 
  border-color: #1a1919;
 
  cursor: pointer;
 }


/* entradas */
 .entrada-jasa-01 {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }
/* botones */
.btn-jasa-01 {
min-width: 8em;
padding: 5px;
border-radius: 5px;
background-color:var(--bgcolorbtn); 
border-color:var(--bordercolor);
color:var(--colorbtn); 
border-width: 1px;
transition-duration: 0.4s;
margin-bottom: 5px;
}
.btn-jasa-01:hover {
background-color:var(--bgcolorhover); 
color:var(--colorbtn); 
}
.btn-jasa-01:active {
background-color:var(--bgcoloractive); 
color:var(--colorbtn); 
}
.btn-jasa-01:disabled {
background-color:var(--bgcolordisabled); 
color:var(--colorbtn); 
border-color:var(--bgcolordisabled); 
}


/* botones */
.btn-jasa-02 {
  font-size:1.1em;
  margin-left: 10px;
  width: 100%;
  height: auto;
  text-align: center;
  padding-left: 2px 5px 2px 5px;
  border-radius: 6px;
  background-color:var(--bgcolorbtn); 
  border-color:var(--bordercolor);
  color:var(--colorbtn); 
  border-width: 1px;
  transition-duration: 0.4s;
  }
  .btn-jasa-02:hover {
  background-color:var(--bgcolorhover); 
  color:var(--colorbtn); 
  }
  .btn-jasa-02:active {
  background-color:var(--bgcoloractive); 
  color:var(--colorbtn); 
  }
  .btn-jasa-02:disabled {
  background-color:var(--bgcolordisabled); 
  color:var(--colorbtn); 
  border-color:var(--bgcolordisabled); 
  }
.btn-jasa-menu {
  margin-bottom: 3px;
  min-width: 30em;
  padding: 15px;
  border-radius: 5px;
  background-color:var(--bgheadercolor); 
  border-color:var(--bordercolor);
  color:var(--colorbtn); 
  border-width: 1px;
  transition-duration: 0.4s;
  text-align: left;
  }
  .btn-jasa-menu:hover {
  background-color:var(--bgcolorhover); 
  color:var(--colorbtn); 
  }
  .btn-jasa-menu:active {
  background-color:var(--bgcoloractive); 
  color: black;
  }
  .btn-jasa-menu:disabled {
  background-color:var(--bgcolordisabled); 
  color: rgb(75, 74, 74);
  border-color:var(--bordercolor);
  }

  #alert_text1 {
    white-space: pre-line;
  }
  #consulta_text1 {
    white-space: pre-line;
  }
  #infor_text1 {
    white-space: pre-line;
  }



#file {
  background-color: white;
  color: transparent;
}
.jasaservices-file-input:-webkit-file-upload-button {
  color: white;
  content: 'Selecciones multimedia';
  display: inline-block;
  background: #1CB6E0;
  border: none;
  padding: 7px 15px;
  font-weight: 700;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
  font-size: 10pt;
}

img.logo-organizacion{
  padding-top: 3px;
  padding-left: 10px;
  padding-right:  3px;
  padding-bottom: 3px;
  width: auto   !important;
  height: 60px   !important;

}
img.logo-organizacion-def{
  padding-top: 3px;
  padding-left: 0px;
  padding-right:  3px;
  padding-bottom: 3px;
  width: auto   !important;
  height: 60px   !important;

}


 video.mmedia-jasaservices {
  width: 80%    !important;
  height: auto   !important;
}
img.mmedia-jasaservices {
  width: 60%    !important;
  height: auto   !important;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #272727;
}

input:focus + .slider {
  box-shadow: 0 0 1px #636363;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/* DISPLAY TEMPORIZADOR DE ESPERA */
.clockdiv1{
  align-content: center;
  width: 90%;
  height: auto;
  margin: 5%;
	padding: 10% 5% 10% 5%;
	border-radius: 5px;
	font-family: sans-serif;
  text-align: center;
  background: #727171;
  }

.clockdiv2{
  font-family: 'Orbitron', sans-serif;
  font-size: larger;
  align-content: center;
  width: 80%;
  margin: auto;
	padding: 5%;
	border-radius: 3px;
	background: #e7e7e7;
  text-align: center;
	
}
.clockdiv3{
  width: 80%;
  margin: auto;
  margin-top: 5%;
	padding: 5%;
	border-radius: 3px;
	background: #a9aaaa;
  text-align: center;
}
/* DISPLAY TEMPORIZADOR DE SESION */

.clocksesion1{
  align-content: center;
  width: 90%;
  height: auto;
  margin: 5%;
	padding: 10% 5% 10% 5%;
	border-radius: 5px;
	font-family: sans-serif;
  text-align: center;
  background: #727171;
  }

.clocksesion2{
  font-family: 'Orbitron', sans-serif;
  font-size:medium;
  align-content: center;
  width: 80%;
  margin: auto;
	padding: 2%;
	border-radius: 3px;
	background: #e7e7e7;
  text-align: center;
	
}
.clocksesion3{
  width: 80%;
  margin: auto;
  margin-top: 5%;
	padding: 5%;
	border-radius: 3px;
	background: #a9aaaa;
  text-align: center;
}
.jasaservices-instrucciones{
  width: 100%;
  height: max-content;
  text-align: justify;
  border-radius: 3px;
}

.btn-jasaservices-menu-01 {
  
 width:20%;
 height:auto;
 padding: 3px;
 margin:3px;
 border-color:var(--bordercolor);
 border-width:medium;
 color:var(--colortext); 
}

.btn-jasaservices-menu-actual {
  border-color:var(--bordercolor);
  color:var(--colortext); 
 border-width:thick}

.btn-jasaservices-menu-reloj {
  background-image: url(reloj.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size:100% ;

 }
 .btn-jasaservices-menu-reloj-lapiz {
  background-image: url(reloj_lapiz.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size:100% ;
  
 }
 .btn-jasaservices-menu-reloj-out-lapiz {
  background-image: url(reloj_out_lapiz.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size:100% ;
  
 }
 .btn-jasaservices-menu-reloj-out {
  background-image: url(reloj_out.png);
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size:100% ;
  
 }
 .btn-jasaservices-menu-lapiz {
  background-image: url(lapiz.png);
  background-size:100% ;
 }
 #login {
  background-image: url(fondopantallalogin.jpg);
  background-size:100%;
  height:82vh;
  
 
}
#card_login{
  background-color:var(--bgcolor);
stop-opacity: var(--bgcolor);
}

 .canvas-monitor{
  position: absolute;
  top: 0;
  bottom: 0;
  left:0%;
  right: 0;
  width: 100%;
  height:100%;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  border:none;
  background-color: #CC3C15;
 z-index: -1000;
 
 }
 .canvas-logo{
  position: absolute;
  top: 0;
  bottom: 0;
  left:0%;
  right: 0;
  width: 200px;
  height:200px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  border:none;
  background-color: #CC3C15;
 ;
 
 }
 .video-monitor{
  position: relative;
  top: 0;
  bottom: 0;
  left:0%;
  right: 0;
  width: 90%;
  height:auto;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  border-width:2px;
  border-color:var(--bordercolor);
  border-style:solid;
 
 }

.cuadro-advertencia{
  background-color: white;
  color : #030303;
  border-width:thin;
  border-color:var(--bordercolor);
  border-style:solid;
  margin: 0%;
  width: 100%;
  padding: 5px;
  min-height:2em ;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing :antialiased;
  font-size: 12px;
  line-height :16px;
  display :block;
  font-family: roboto;
     animation: flotante 3s infinite;
    
}

@keyframes flotante {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(15%);
  }
  100% {
    transform: translateY(0%);
  }
}

#texto_advertencia{
  margin-top:0px;
  font-size: 12px;
  line-height :16px;
  display :block;
  font-family: roboto;
}
#texto_advertencia_cur{
  margin-top:0px;
  font-size: 12px;
  line-height :16px;
  display :block;
  font-family: roboto;
}
.fa-warning{
  float: left;
  margin-right: 12px;
  height: auto;
  margin-top: 6px;
  font-size: 4em;
  color: #CC3C15;
}

.modal-body-resultados{
  height:80vh;
  overflow-y: auto;
  background-color: white;
 

}
#contenedor-resultado{
  background-color: white;
}

.jasa-accion{
  cursor: pointer;
}

.mayus{
  text-transform: uppercase;
}
.minus{
  text-transform: lowercase;
}
.bgstd{
 background-color:var(--bgcolor);
}
/* Efectos */
.borde-intermitente {
    border: 3px #4607bb solid;
    
    animation: blink 1s;
    animation-iteration-count: 7;
}

@keyframes blink { 50% { border-color:#fff ; }  }
* {
  box-sizing: border-box;
  font-family: Verdana, Geneva, sans-serif;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgb(87, 54, 236);
  font-size: small;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgb(87, 54, 236);
  font-size: small;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: rgb(87, 54, 236);
  font-size: small;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: rgb(87, 54, 236);
  font-size: small;
}

.jasa_sticky {
  position: sticky;
  top: 20;
}

.respo {
  width: 100%;
  padding-right: 7%;
  padding-left: 7%;
}

.upload-area {

  width: 70%;
  height: 50x;
  border: 2px solid lightgray;
  border-radius: 3px;
  margin: 5px auto;

  text-align: center;
  overflow: auto;
}

.upload-area:hover {
  cursor: pointer;
}

.upload-area h1 {
  text-align: center;
  font-weight: normal;
  font-family: sans-serif;
  line-height: 50px;
  color: darkslategray;
}

.enlinea {
  margin: auto;
  text-align: left;
}

.centrado {

  display: block;
  margin: auto;

}

.img-logo {

  display: block;
  margin: auto;
  width: 50%;

}

.cuadro-advertencia-info {
  background-color: white;
  color: #030303;
  border-width: thin;
  border-color: var(--bordercolor);
  border-style: solid;
  border-radius: 4px;
  margin: 0%;
  width: 100%;
  padding: 5px;
  min-height: 3em;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

  font-size: 20px;
  line-height: 20px;
  display: block;

  animation: flotante 3s infinite;

}

#texto_advertencia {
  margin-top: 0px;
  font-size: 15px;
  line-height: 15x;
  display: block;
  font-family: roboto;
}

#texto_advertencia_cur {
  margin-top: 0px;
  font-size: 15px;
  line-height: 15x;
  display: block;
  font-family: roboto;
}

.container-jasaservices {
  background-color: white;
}

.cuadro-flotante {
width: 5%;
  animation: flotante 3s infinite;

}

.justificado {
  text-align: justify;
  text-justify: inter-word;
}

.imagen-titulo {
  font-size: 10px;
  text-align: center;

}

@keyframes flotante {
  0% {
      transform: translateY(0%);
  }

  50% {
      transform: translateY(15%);
  }

  100% {
      transform: translateY(0%);
  }
}


.carousel-control-prev {
  filter: invert(100%);
  width: 55px;
  height: 55px;
  left: -30px;
  top: -20px;
}

.carousel-control-next {
  filter: invert(100%);
  right: -30px;
  width: 55px;
  height: 55px;
  top: -20px;
}
.carousel-indicators li {
  border-radius: 12px;
  width: 15px;
  height: 15px;
  background-color: #0071a9;

}

.carousel .carousel-indicators li.active {
  background-color: rgb(122, 122, 129);
}

.carousel-indicators {
  bottom: -50px;
}

.table-jasa-01{
  padding-left:0 ;
  padding-right:0 ;
  max-width:100%;
  white-space:nowrap;
  border-collapse: collapse;
  border-spacing: 0px;
  }
  .slide-right {
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px
  }
  
  .slide-right p {
    animation: 2s slide-right 2s forwards;
      transform:translateX(-100%);
  }
  
  @keyframes slide-right {
    to {
      transform:translateX(0);
    }
  }