body{
    background-image: url('../img/bg-gimnasio.png');
    background-size: cover;
    background-position: top center;
    /*background-color: #000000 !important;*/
    /*
    background: radial-gradient(
        circle farthest-corner at bottom center,
        #941B00,
        #BB5600 20%,
        #A43600 80%
      ) fixed no-repeat;
      animation: gradientAnimation 10s infinite alternate;
    */
}

.dia {
    display: none !important;
}

.noche {
    display: none !important;
}

.btnprueba {
    display: none !important;
}
    

@keyframes gradientAnimation {

    0% {

    background-position: 0% 50%;

    }

    100% {

    background-position: 100% 50%;

    }

}

    

@keyframes gradientAnimation {

   0% {

        background-position: 0% 50%;

   }

   100% {

        background-position: 100% 50%;

    }

}



.super-contenedor{

    background-color: rgb(245, 245, 245) !important;

}

.panel-medio-principal{

    position: relative !important;

    background-color: rgb(245, 245, 245) !important;

    

}

.panel-medio{

    margin-top:  10px !important;

    background-color: rgb(245, 245, 245) !important;

}

.panel-medio .box-header{

    padding-left: 30px !important;

    font-size: 1.5em !important;

    border-bottom: 1px solid rgb(224, 224, 224);

}

.panel-medio .box-header .box-title{

    font-size: 1.1em !important;

}

.main-sidebar{

    background-color: rgb(255, 255, 255) !important;

}

.main-sidebar .sidebar{

    background-color: white;

    color:black !important;

    box-shadow: 1px 0 0 rgb(243, 243, 243) !important;

    padding: 0 !important;

    /* top: 50px !important; */

}



.cabecera-m{

    /*background-image: linear-gradient( 105.3deg,  rgb(81, 31, 230) 85.8%, rgb(51, 142, 255) 10.2% );*/

    background-image: linear-gradient(to right, #941B00 0%, #A43600 25%, #BB5600 50%) !important;

    /* background: url('../img/wallpaper8.jpg');

    background-size: cover;

    background-position: center;

    overflow: hidden !important; */

}

.cabecera-m .logo{

    /* background:  rgb(69, 79, 160) !important; */

    /*background-image: linear-gradient( 105.3deg,  rgb(51, 142, 255 ) 10.2%, rgb(81, 31, 230 ) 62.2% );*/

    background-color: #941B00 !important;

}



/* SIDEBAR-MENU */

.main-sidebar .sidebar  p,

 .main-sidebar .sidebar  span

 {

    color:black !important;

}

.main-sidebar .sidebar  i{

    /*color: rgb(101, 51, 255) !important;*/

    color: #941B00;

}

 .user-panel2 {

   display: flex !important;

   width: 100% !important;

   flex-flow: column !important;

   justify-content: center !important;

   align-items: center !important;

   align-content: center !important;

   margin: 0;

   padding: 0;

   padding-top: 10px;

   padding-bottom: 10px;

}

/* .user-panel2 .image{

    position:  relative !important;

    width: 100% !important;

    text-align: center;

    padding: 2px;



} */

/* .user-panel2  img{

    position:  relative !important;

    width: 120px !important;

   border-left-color: rgb(111, 111, 255) !important;

   border: 2px solid white;



} */

.user-panel2 .info{

    width: 100% !important;

    text-align: center;

    padding: 0px;

    margin-top: 5px;



}





.img-user{

    position:  relative !important;

    width: 120px !important;

   /* border-left-color: rgb(111, 111, 255) !important; */

   border: 2px solid white;



}

.img-user-b{

    position: relative !important;

   width: 35px !important; 

   height: 35px !important;

   /* border-left-color: rgb(111, 111, 255) !important;

   border: 2px solid white; */

   box-shadow: 1px 0 0 0 white !important;

}

.sidebar-menu{

    font-weight: 500 !important;

    color: #333 !important;

    letter-spacing: .5px !important;

    background-color:rgb(255, 255, 255) !important;



}

.sidebar-collapse .treeview a{

    width: 100% !important;

}





.sidebar-collapse .treeview-menu{

    width: 235px !important;

}

.sidebar-menu  li > a   {

    color:  rgb(245, 245, 245) !important;

    background-color:rgb(255, 255, 255) !important;

}

.sidebar-menu  li > a:hover   {

    background-color:rgb(245, 245, 245) !important;

}

.sidebar-menu >li:hover{

    background-color:rgb(230, 230, 230) !important

}

.sidebar-menu .treeview > ul{

    background-color:rgb(255, 255, 255) !important;

    color: #000;

}

/* .sidebar-menu .treeview > ul:hover {

    background-color:rgb(230, 230, 230) !important;

} */

.sidebar-menu .treeview .treeview-menu > li {

   

    padding: .5em !important;

    background-color:rgb(248, 248, 248) !important;

}

.sidebar-menu .treeview .treeview-menu li > a {

    color: #000 !important;

    background-color:rgb(231, 231, 231,0) !important;

 

}

.sidebar-menu .treeview .treeview-menu li > a:hover {

    color: #000;

 

}

.sidebar-menu .treeview .treeview-menu > li:hover {

    background-color:rgb(233, 233, 233) !important;

}

.sidebar-menu .menu-ini-p a{

    padding: 1em;

    background-color: rgb(255, 255, 255) !important;

}

.rounded{

    box-shadow: 1px 0 0 white !important;

    border-radius: 15px 15px !important;

    border-style: none;

}

.dashboard-header{

    background-color: rgb(255, 255, 255) !important;

    border-radius: 5px !important;

    margin-top: 10px !important;

    margin: 0 auto !important;

    padding: 0 !important;

}

.dashboard-header button{

    /*background-image: linear-gradient( 105.3deg,  rgb(51, 142, 255 ) 62.2%, rgb(101, 51, 255 ) 62.2% );*/

    background-color: #941B00;

    outline: 0;

    border-style: none;

    border-radius: 8px;

    margin-left: 20px !important;

    font-size: 1.12em !important;

    color: rgb(255, 255, 255);

    padding: .6em .9em .6em .9em !important;

    text-transform: uppercase;

    

}

.dashboard-header button i{

    margin-right: 6px !important;

}

.boton-user{

    /*background-image: linear-gradient( 105.3deg,  rgb(51, 142, 255 ) 62.2%, rgb(101, 51, 255 ) 62.2% );*/

    background-color: #941B00 !important;

    /* border-radius: 2em; */

    color: #fff !important;

    outline: 0;

    border-style: none;

    width: 100% !important;

}

.icon-user{

    color: #fff !important;

    background-color: #fff !important;

    padding: 4px !important;

    border-radius: 2em !important;

    margin-right:  4px !important;

   

}

/* BOTON DE AGREGAR,  EDITAR, ETCX */

.btn-radius{
    position:  relative !important;   
    outline: 0 !important;
    background: #000;
    /*background-image: linear-gradient( 105.3deg,  rgb(51, 142, 255 ) 62.2%, rgb(101, 51, 255 ) 62.2% ) !important;*/
    border-radius: 5px !important;
    font-size: .7em !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 550 !important;
    border-left: 2em solid #000;
    /*border-left:2em solid rgb(101, 51, 255 ) !important;*/
	border-right: 0;
    border-style: none;
}

.btn-radius .glyphicon-plus-sign, .fa-plus-circle, .fa-plus-square{
    position: absolute !important;
    /* left: -25% !important;  */
    top: 25% !important;
    left: -20px;
    color: white;
}

.btn-radius:link{
    background: #B24A00;
    /*background-color: #21D4FD;
    background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%) !important;*/
} 

.btn-radius:visited{
    background: #B24A00;
    /*background-color: #21D4FD;
    background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%) !important;*/
} 

.btn-radius:hover{
    background: #B24A00;
    /*background-color: #21D4FD;
    background-image: linear-gradient( 105.3deg,  rgb(97, 109, 201) 21.8%, rgb(118, 156, 253) 100.2% ) !important;*/
} 

.btn-radius:active{
    background: #B24A00;
    /*background-color: #21D4FD;
    background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%) !important;*/
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
    background: #B24A00;
}

.btn-success.focus, .btn-success:focus {
    background: #B24A00 !important;
}

/* FIN BOTON-RADIUS */



/* DATA TABLE */
.dataTables_length label, .dataTables_filter label{
    font-size: 1.1em;
    font-weight: bold !important;
}

.box-body .table-user{
    display: flex !important;
    flex-flow: row wrap !important;
}

.dataTables_length{
    position: absolute;
}

.dataTables_filter {
    position:  relative !important;
    float: right;
}

.table th {
    text-transform: uppercase;
    color: rgb(73, 73, 73);
    font-weight: 700 !important;
    font-size: 0.9em !important;
    letter-spacing: 0.8px !important;
    text-align: center !important;
}

.table td{
    border-style: none !important;
}

.input-group-search .btn.dropdown-toggle{
    border-style: none !important;
    border: 1px solid rgb(190, 190, 190) !important;
    border-radius: 5px !important;
    color: rgb(0, 0, 0) !important;
}

.table .selectpicker, .input-group-search .selectpicker{
    width: 50px;
    border-radius: 5px !important;
    font-size: 1.2em;
    font-weight: 500 !important;
}

.table input[type=search]{   
   border-radius: 5px 0 0em 5px !important;
   font-size: 1.1em !important;
   font-weight: 500 !important; 
   outline:0;
   line-height: center !important;
   padding: .2em !important; 
   letter-spacing: 1px ;
   border: 1px solid rgb(190, 190, 190);
   padding-left: 10px !important;
   margin-left: 5px !important;
   height:35px;
   border-right: 0;

}

.table .icon-search{
    border-radius: 0em 5px 5px 0em !important;
    background-image: linear-gradient( 105.3deg,  rgb(51, 142, 255 ) 62.2%, rgb(101, 51, 255 ) 62.2% ) !important;
    height: 35px;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(190, 190, 190) !important;
}

/* FIN DATA TABLE */

/* PAGINACIÓN */

 /* .dataTables_paginate{

     position: relative !important;

     width  : 100% !important;

    text-align: center !important;

    background-color: red;

    margin: 0 auto;

} */

/*.dataTables_paginate > a{



    padding: 10px;

    background-color: #ffffff;

    border-radius: 1em;

    color: #000;

    border: 1px solid #dfdfdf !important;

    cursor: pointer;

}

.dataTables_paginate span > a{

    width: 20px !important;

    height: 20px !important;

    padding: 10px;

    background-color: #ffffff;

    border-radius: .5em;

    color: #000;

    border: 1px solid #dfdfdf !important;

    cursor: pointer;

}



.dataTables_paginate span > a:link{

    background-color: #ffffff;



}

.dataTables_paginate span > a:visited{

    background-color: #ff5050;



}

.dataTables_paginate span > a:hover{

    background-color: #f1f1f1;



}

.dataTables_paginate span > a:active{

    background-color: #ff4848;



} */

/* FIN PAGINACIÓN */

/* BOTONES WEB */



.btn-un {background-image: linear-gradient(to right, #e52d27 0%, #b31217  51%, #e52d27  100%)}

.btn-un {
   margin: 10px;
   padding: 15px 45px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   display: block;
 }

 .btn-un:hover {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
 }

 

 .btn-dos { background-image: linear-gradient(to right, #4776E6 0%, #8E54E9  51%, #4776E6  100%)}

 .btn-dos {
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
  }

  .btn-dos:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
  }

 

  .btn-tres {background-image: linear-gradient(to right, #4CB8C4 0%, #3CD3AD  51%, #4CB8C4  100%)}

  .btn-tres {
     margin: 10px;
     padding: 15px 45px;
     text-align: center;
     text-transform: uppercase;
     transition: 0.5s;
     background-size: 200% auto;
     color: white;            
     box-shadow: 0 0 20px #eee;
     border-radius: 10px;
     display: block;
   }

   .btn-tres:hover {
     background-position: right center; /* change the direction of the change here */
     color: #fff;
     text-decoration: none;
   }

   

   .btn-cuatro {background-image: linear-gradient(to right, #fe8c00 0%, #f83600  51%, #fe8c00  100%)}

   .btn-cuatro {
      margin: 10px;
      padding: 15px 45px;
      text-align: center;
      text-transform: uppercase;
      transition: 0.5s;
      background-size: 200% auto;
      color: white;            
      box-shadow: 0 0 20px #eee;
      border-radius: 10px;
      display: block;
    }



    .btn-cuatro:hover {
      background-position: right center; /* change the direction of the change here */
      color: #fff;
      text-decoration: none;
    }

   

  

/* FIN BOTONES WEB */

.mg-menu{
    padding-left: 10px !important;
}

.bg-menu{
    /*color: rgb(255, 56, 56) !important;*/
    color: #000 !important;
}

/* FONDO DE PANTALLA LOGIN */

#fondP{
   /* position: fixed !important;
    top:0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: url('../img/wallpaper2.jpg');
    background-size: cover;
    overflow: hidden !important;
    z-index: -1;*/
}



#fondP .fnd{
    /*position: fixed !important;
    top:0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.719) !important;
    z-index: -1;
    overflow-y:auto !important;*/
}

.log-cont{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.log-cont .login-box, 
.log-cont .register-box{
   position: relative !important;
   margin: 0% auto !important;
   padding: 0% !important;
   top: 0 !important;
}

.logo-empresa{
    position: relative;
    width:  100%;
    height: auto !important;
   text-align: center;  
    flex-flow: column !important;
     justify-content: center !important;
     align-items: center !important;
    margin-bottom: 15px ;
}

.logo-empresa img{
    width: 170px !important;
}

.login-box-body p{
   font-weight: 500 !important;
   font-size: 1.3em
}

.login-box-body{
    background-color: rgba(255,255,255,0.8);
    border-radius: 20px !important;
}

.login-box-body form input{
    border-radius: 15px !important;
    outline: 0;
    border-style: none;
    padding: 18px !important;
    font-size: 1.3em !important;
    border-bottom: .5px solid rgb(170, 170, 170);
    color: rgb(75, 75, 75) !important;
    letter-spacing: 2px ;
}

.login-box-body form .content-fluid{
    display: flex !important;
    justify-content: center !important;
}

.login-box-body form button{
    border-radius: 5px !important;
    width: 250px !important;
    text-transform: uppercase;
    font-weight:  600;
    /*background-image: linear-gradient( 105.3deg,  rgb(51, 142, 255 ) 62.2%, rgb(101, 51, 255 ) 62.2% ) !important;*/
    background-image: linear-gradient(to right, #941B00 0%, #A43600 25%, #BB5600 50%) !important;
    outline: 0;
    border-style: none;
    color: rgb(255, 255, 255);
    padding: 12px;
    margin-top: 20px !important;
    font-size: 1.2em !important;
}

/* RECAPTCHA */
.g-recaptcha{
    position: relative !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;    
    transform:scale(0.9);
    -webkit-transform:scale(0.9);
    margin: 5px !important;
    border-radius: 15px !important;
}

/* LINK RECUPRERAR CONTRASEÑA */
.link-recuperar{
    padding-top: 10px;
    width: 100%;
    text-align:center;
}

/* VERIFICA SUNAT LOGO */
.verifica-sunat{
    padding-top:  10px;
    width: 100%;
    text-align: center;
}

.verifica-sunat img{
    width: 120px;
    text-align: center;
}

/* RESULT LOGIN DIV */
#resultLogin{
    width: 100%;
    text-align: center;
}

.pagination>li>a, .pagination>li>span { 
    border-radius: 5px !important;margin: 0 2px;
}

/* RELOAD */

#reload, #reloadFull2{
    position: absolute;
    display: none !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    display:flex !important;
    flex-flow: row wrap !important;
    justify-content: center !important;
    align-content: center !important;
    background-color: rgba(255, 9, 9, 0) !important;
    z-index: inherit !important;
}

#reload img{
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(80, 27, 27,0);
    border-radius: 100% !important;
}

.btn-menup{
    height: 50px !important;
    background-color: transparent !important;
    margin-left: 10px !important;
    outline: 0 !important;
    border-style: none !important;
}

/* #reload{
    position: relative;
    width: 100%;
  text-align: center;
    background-color: rgba(255, 9, 9, 0) !important;
}

#reload img{
width: 50px;
height: 50px;
} */

.swal2-modal{
    width: 500px !important ;
    height: auto !important ;
    font-size: 1em !important;
    border-radius: 15px !important;
}

.btns-dash{
    position: relative !important;
    height: auto !important;
    display: flex !important;
    flex-flow:  row wrap !important;
   justify-content: flex-end !important;
   margin: 0px !important;
}



.btns-dash #contenedor-menur{
    position:  relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    width:  100%;
}

.btns-dash #contenedor-menur a:nth-child(1){
    /*background: #4a5dcc;*/
    background: #000 !important;
    color: #fff !important;
    margin : 0 !important;
}

.btns-dash #contenedor-menur a:nth-child(2){
    /*background:rgb(99, 117, 252) !important;*/
    background: #3a3a3a !important;
    color: #fff !important;
    margin-left: 6px;
    margin-right: 6px;
}

.btns-dash #contenedor-menur a:nth-child(3){

    /*background:rgb(111, 104, 175);*/

    background: #000 !important;

    color: #fff !important;

}

.btns-dash #contenedor-menur a{

    outline: 0 !important;

    border-style: none !important;

    border-radius: 25px ;

    /* background-color: rgb(0, 119, 255) !important; */

    padding: 12px !important;

    color: #000 !important;

    letter-spacing:1px;

    text-transform: uppercase;

    font-weight:  600 !important;

    font-size: 0.8em;

    



}

/* .btns-dash a:hover{

background-color: rgb(248, 244, 244) !important

} */

.btns-dash a i{

color: rgb(255, 255, 255) !important;

}



.menu-user li a{

    padding-top:  8px;

    padding-bottom: 8px;

    

}

.btns-dash .btn-menur{

    display: none !important;

    border-style:  none !important;

   outline: 0 !important;

    padding: 0 !important;

    padding: 4px !important;

    background: rgb(255, 255, 255) !important;

    color: black !important;

}

#checkm{

    display: none !important;

}



@media (max-width: 767px){

.skin-blue .main-header .navbar .dropdown-menu li a {

    color: #666666 !important;

}

.contenedor-widget{

    justify-content: space-between;



}

.btns-dash{

    position:  relative !important;

    display: flex !important;

    justify-content: center !important;

}

.btns-dash .btn-menur{

    display: inline !important;

}

#contenedor-menur{

position : absolute !important;

  width: 100% !important;

  top: 0px;

  left: 0;

  transform: translateX(-102%);

  transition: all 0.3s;

}

#contenedor-menur a{

  width: 100% !important;

}

#checkm:checked~ #contenedor-menur{

    position: relative !important;

    transform: translateX(0%);

}

}

/* BOTÓNES MODALES FOOTER  */

.modal-footer button{

    outline: 0 !important;

    border-radius: 5px !important;

    text-transform: uppercase !important;

    letter-spacing: 1px !important;

}

.reload-all{

    position: fixed;

    width:  100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    align-content: center;

    z-index: 10000;

    background-color: rgba(0, 0, 0, 0.2);

}

.reload-all img{

    border-radius: 100%;

}

.table-responsive{

    overflow-x: inherit;

}



/* WIDGRTS */

.contenedor-widget{

    position:  relative;

    width: 100%;

    display: flex;

    flex-flow: row wrap;

    justify-content: center;

    

}

.contenedor-widget .info-box{

    background-color: #fdfdfd;

    border-radius: 25px !important;

    min-height:  65px !important;

    /* width: 260px !important; */

    border: .5px solid rgb(239, 239, 239) ;

}

.contenedor-widget .info-box-icon{

    position: absolute;

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;    

    width: 75px !important;

    height:  75px !important;

    padding: 0 !important;

    bottom: 9px;

    left: 5px;

    

}





.contenedor-widget .bg-fa{

    outline: 0 !important;

    border-style: none !important;

    background:rgb(99, 117, 252);

    color: #fff !important;

   

}

.contenedor-widget .bg-bo{

    outline: 0 !important;

    border-style: none !important;

    background:rgb(255, 110, 110);

    color: #fff !important;

}

.contenedor-widget .bg-nv{

    outline: 0 !important;

    border-style: none !important;

    background:rgb(238, 77, 211);

    color: #fff !important;

}

.contenedor-widget .bg-nc{

    outline: 0 !important;

    border-style: none !important;

    background:rgb(111, 104, 175);

    color: #fff !important;

}

.contenedor-widget .bg-nd{

    outline: 0 !important;

    border-style: none !important;

    background:rgb(255, 205, 68);

    color: #fff !important;

}

.contenedor-widget .bg-tn{

    outline: 0 !important;

    border-style: none !important;

    background:rgb(111, 189, 59);

    color: #fff !important;

}

.contenedor-widget .bg-fa,

.contenedor-widget .bg-bo,

.contenedor-widget .bg-nc,

.contenedor-widget .bg-nd,

.contenedor-widget .bg-nv,

.contenedor-widget .bg-tn

{

    background-image: url('../img/payday.svg');

    background-size: 1em 1em !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

    border-radius: 60%  !important;

}

.contenedor_icbper{

    width : 100%;

    display: flex;

    flex-flow: row;

    justify-content: center;

    align-items: center;

    align-content: center;



}

/* MODO PRODUCCION BOTÓN */

.modo-contenedor{

    width: 180px;

    display: flex;

    flex-flow: row;

    justify-content: center;

    margin: 0px;

}

.modo-contenedor-email{

    width: 100px;

    display: flex;

    flex-flow: row;

    justify-content: center;

    margin: 0px;

}

.modo-contenedor-icbper{

    width: 100px;

    display: flex;

    flex-flow: row;

   justify-content: center;

    margin: 0px !important;

}

.modo-contenedor-unidad{

    width: 100px;

    display: flex;

    flex-flow: row;

    justify-content: center;

    margin: 0px;

}

.modo-contenedor input,

.modo-contenedor-email input,

.modo-contenedor-icbper input,

.modo-contenedor-unidad input{

display: none !important;

}

.modo-contenedor label{

    font-size:  .6em !important;

    font-weight: 500 !important;

    letter-spacing: 1px !important;

    padding: 8px;

    margin: 0px;

    width: 90px;

    text-align: center;

    color: #fff;

    cursor: pointer;

    border : 1px solid rgb(240, 240, 240);

}

.modo-contenedor-email label{

    font-size:  .8em !important;

    font-weight: 600 !important;

    letter-spacing: 1px !important;

    padding: 5px;

    margin: 0px;

    width: 90px;

    text-align: center;

    color: #fff;

    cursor: pointer;

    border : 1px solid rgb(240, 240, 240);

}

.modo-contenedor-icbper label{

    font-size:  .8em !important;

    font-weight: 600 !important;

    letter-spacing: 1px !important;

    padding: 5px;

    margin: 0px;

    width: 90px;

    height: 30px;

    text-align: center;

    color: #fff;

    cursor: pointer;

    border : 1px solid rgb(240, 240, 240);

}

.modo-contenedor-unidad label{

    font-size:  .8em !important;

    font-weight: 600 !important;

    letter-spacing: 1px !important;

    padding: 5px;

    margin: 0px;

    width: 90px;

    text-align: center;

    color: #fff;

    cursor: pointer;

    border : 1px solid rgb(240, 240, 240);

}

#emailtext{

    font-size: 1em !important;

    text-decoration: none !important;

    font-weight: 500 !important;

}

.modo-contenedor #sim, 

.modo-contenedor-email #sie,

.modo-contenedor-icbper .s,

.modo-contenedor-unidad .siu{

    /* background-color: rgb(93, 170, 99); */

    border-radius: 15px 0px 0px 15px;

}

.modo-contenedor #nom,

.modo-contenedor-email #noe,

.modo-contenedor-icbper .n,

.modo-contenedor-unidad .nou{

    /* background-color: rgb(209, 209, 209);  */

    border-radius: 0px 15px 15px 0px;

}

.btn-modo-sistema{

padding: 2px;

border-radius: 0px;

padding-left: 15px;

padding-right: 15px;

font-size: 1em;

text-transform: uppercase;

letter-spacing: 1px;

}

.prod{

    background-color: rgb(78, 110, 255) !important;

    border-radius: 15px 0px 0px 15px;

    border : 1px solid rgb(240, 240, 240) !important;

}

.emailsi{

    background-color: rgb(78, 110, 255) !important;

    border-radius: 15px 0px 0px 15px;

    border : 1px solid rgb(240, 240, 240) !important;

}

.emailno{

    background-color: rgb(253, 89, 89) !important;

    border-radius: 0px 15px 15px 0px;

    border : 1px solid rgb(240, 240, 240) !important;

}

.icbsi{

    background-color: rgb(78, 110, 255) !important;

    border-radius: 15px 0px 0px 15px;

    border : 1px solid rgb(240, 240, 240) !important;

}

.icbno{

    background-color: rgb(253, 89, 89) !important;

    border-radius: 0px 15px 15px 0px;

    border : 1px solid rgb(240, 240, 240) !important;

}

.unidadsi{

    background-color: rgb(78, 110, 255) !important;

    border-radius: 15px 0px 0px 15px;

    border : 1px solid rgb(240, 240, 240) !important;

}

.unidadno{

    background-color: rgb(253, 89, 89) !important;

    border-radius: 0px 15px 15px 0px;

    border : 1px solid rgb(240, 240, 240) !important;

}

.btnprod{ 

    color: white;

    outline: 0 !important;

    border-style: none !important;

    background-color: rgb(120, 163, 100) !important;

    border-radius: 18px;

}

.prueba{

    background-color: rgb(253, 89, 89) !important;

    border-radius: 15px 0px 0px 15px;

    border : 1px solid rgb(240, 240, 240) !important;

}

.btnprueba{

    color: white;

    outline: 0 !important;

    border-style: none !important;

    background-color: rgb(253, 89, 89) !important;

    border-radius: 18px;

}

.alterno{

    background-color: rgb(243, 243, 243) !important; 

    border-radius: 0px 15px 15px 0px;

    color: #000 !important;

    border : 1px solid rgb(240, 240, 240) !important;

}

.alterno2{

    background-color: rgb(228, 228, 228) !important; 

    border-radius: 0px 15px 15px 0px;

    color: #000 !important;

    border : 1px solid rgb(240, 240, 240) !important;

}

/* FIN BOTONES MODO| */



/* DIV COMPROBAR CONEXIÓN A INTERNET */

.connection{

    position: fixed;

    bottom: 0%;

    right: 0%;

    padding: 10px;

    background-color: #f0f0f0;

    z-index: 10000;

    color: #000;

    border-radius: 0px 15px 15px 0px;

   

}

.contenedor-selva{

    width: 100%;

    position: relative;

    display: flex;

    flex-flow: row;

    background-color: rgb(253, 253, 253);

    justify-content: center;

    /* border: 1px solid rgba(98, 101, 255, 0.555); */

    padding: 10px;

    border-radius: 15px;



}



.tablaVentas .super-contenedor-precios{

    position: relative;

    width: 100%;

    height: 100%;

    display: flex;

    flex-flow: row wrap !important;

    top: 0;

    left: 0;

    background-color: rgb(255, 255, 255);    

    justify-content: center;

    align-content: center;

    z-index: 999999 !important;

    padding: 10px  !important;

    box-sizing: border-box;

    border-radius: 15px !important;

}

.tablaVentas .contenedor-precios{

    position: relative;

    display: flex;

    flex-flow: column;

    margin: 10px;

    width: 45%;

}

.tablaVentas .desc-productos{

    position: relative;

    width: 100% !important;

    text-align: center;

    background-color: rgb(255, 255, 255);

    padding: 5px;

    white-space: normal;

    border-radius: 15px 15px 0px 0px;

}





.tablaVentas .number{

    outline: 0 !important;

border-style: none !important;

border-radius: 5px !important;

border: 1px solid rgb(179, 179, 179) !important;

padding: 1px !important;

font-size: 1.2em !important;

padding-left: 15px !important;

width: 80px;

text-align: center;

}

.tablaVentas .contenedor-precios .pre-css{

margin: 0px !important;

}

.tablaVentas .btn-prod{

width: 10px !important;

}

.tablaVentas .contenedor-precios label{

margin: 0px !important;

text-transform: uppercase;

margin-left: 15px;

letter-spacing: 2px !important;

}

.tablaVentas .contenedor-precios .pre-css{

outline: 0 !important;

border-style: none !important;

margin: 5px !important;

border-radius: 5px !important;

border: 1px solid rgb(127, 136, 255) !important;

padding: 3px !important;

font-size: 1.3em !important;

padding-left: 15px !important;

width: 100%;

height: 40px !important;

}

.tablaVentas .btn-grupos {

    position:relative !important;

     text-align: center;

}

@media (max-width: 520px){

   .super-contenedor-precios{

       position: relative;

        flex-flow: column !important;

      overflow-y: scroll !important;

    }

    .tablaVentas .contenedor-precios{

        width: 100%;

    }

}

.tabla-items tbody tr td{

    text-align: center;

    font-size: 1.1em;

    padding: 2px !important;

    background-color: rgb(255, 255, 255) !important;

 }



 .tbl-t th{

    font-weight: 700 !important;

    font-size: 0.9em !important;

    letter-spacing: 0.8px !important;

    text-align: center !important;

}

/* ESTADOS SUNAT============ */



.contenedor-estados-sunat{

    display: flex;

    flex-flow: row wrap;

    background-color: rgb(255, 255, 255);



}

.contenedor-estados-sunat div{

    position: relative;

    padding: 2px;

    padding-left: 23px;

    margin : 5px;



    

}

.contenedor-estados-sunat label{

    position: absolute;

    top: 2px;

    left: 0;

    padding: 5px;

    width: 1.3em;

    height: 1.3em;

   

}

.contenedor-estados-sunat .sunat-estado{

  font-weight: 600;

}

.contenedor-estados-sunat .estadosunat{

     background-image: url(../img/sunat_logo.png) !important;

  background-size: 1.3em 1.3em !important;

  background-position: center !important;

  background-repeat: no-repeat !important;

 



}

.contenedor-estados-sunat .aceptado{

     background-image: url(../img/svg/success.svg) !important;

  background-size: 1.3em 1.3em !important;

  background-position: center !important;

  background-repeat: no-repeat !important;



}

.contenedor-estados-sunat .rechazado{

     background-image: url(../img/svg/rechazo.svg) !important;

  background-size: 1.3em 1.3em !important;

  background-position: center !important;

  background-repeat: no-repeat !important;



}

.contenedor-estados-sunat .baja{

     background-image: url(../img/svg/error.svg) !important;

  background-size: 1.3em 1.3em !important;

  background-position: center !important;

  background-repeat: no-repeat !important;



}

.contenedor-estados-sunat .noenviado{

     background-image: url(../img/svg/get_cdr.svg) !important;

  background-size: 1.3em 1.3em !important;

  background-position: center !important;

  background-repeat: no-repeat !important;



}