@charset "utf-8";

table {
   
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    table-layout: fixed;
}

th, td {
    padding: 8px 12px;
    border: 1px solid #ccc;
    text-align: left;
    word-wrap: break-word;
    font-size: 12px;
}

th {
    background-color: #f2f2f2;
}

tbody tr:nth-child(even) {
    /*background-color: #f9f9f9;*/
	background-color: rgba(255,255,255,0.00);
}


body {
    width: 100%;
    margin: 0px;
    min-height: 100vh;
    background-color: #008af1;
}

 @media print {
    body {
      margin-left: 0; /* Márgen izquierdo cero para la impresión */
         margin-right: 0; 
    }
     
     #ordenPopWin{
       margin-left: 0; 
          margin-right: 0; 
         width: 100% !important;
     }
  }

#mainCont {
    display: block;
    width: 100%;
    float: left;
    margin: 0px;
    min-height: 100vh;
  /*  background-color: yellow;*/
}

#mainCenterDiv {
    width: 98% ;
    margin: 0 auto;
    min-height: 100vh;
    padding: 0px;
   
    background-color: cyan;
     box-sizing: border-box;
}

#leftSide {
    width: 20%;
    display: block;
    float: left;
    margin: 0px;
    background-color: #f8f8f8;
  /* box-sizing: border-box;*/
   min-height: 100vh;
}

#rightSide {
    width: 80%;
    float: left;
    background-color: #ffffff;
    margin: 0px !important;
    box-sizing: border-box;
    min-height: 100vh;
    
}

#leftUpBar {
    margin: 0px;
    padding: 8px 4%;
    background-color: rgba(235,124,0,1.00);
    float: left;
    width: 100%;
    min-height: 46px;
    padding-top: 12px;
}

#logoCia {
    margin: 0px;
    margin-right: 10px;
    height: 28px;
    float: left;
}

#nomCia {
    font-size: 12px;
    margin: 0px;
   /* color: lightslategrey;*/
    float: left;
    margin-top: 6px;
    font-weight: 800;
    color: white !important;
}

#userAndMenuMainCont {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    display: block;
}

#leftUserDetail {
   /* background-color: #222d32;*/
  /*  background-color: coral;*/
    width: 100%;
    margin: 0px;
    padding: 8px 2%;
    float: left;
    padding-left: 4%;
    display: none;
    /*  bdisplay: flex;*/
}

#user_pic_0 {
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 50%;
    float: left;
    margin-right: 3%;
  /*  cursor: pointer;*/
}

#nameAndRule {
    display: block;
    width: 70%;
    padding: 0px;
    margin: 0px;
    float: left;
    padding-bottom: 13px;
   /* background-color: darkblue;*/
   
}

#user_name_0 {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    color: #ADADAD;
    width: 100%;
    float: left;
    font-weight: 700 !important;
  /*  background-color: red;*/
}

#rol_us {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    font-weight: 400 !important;
    color: #00abe6;
    width: 100%;
    float: left;
    margin-top: 5px;
  /*  background-color: teal;*/
  /*  animation: zoomInOut 1s infinite alternate; */
     
}


#sedeCon {
    padding: 0px;
    margin: 0px;
    font-size: 10px;
    font-weight: 300 !important;
    color: orangered;
    width: 100%;
    float: left;
    margin-top: 5px;
  /*  background-color: teal;*/
  /*  animation: zoomInOut 1s infinite alternate; */
     
}

    @media only screen and (max-width: 930px) {
        #leftUserDetail {
           flex-direction: column;
        align-items: flex-start;
        }

        #nameAndRule {
              min-width: 98% ; 
           
        }
        
        #user_pic_0{
            margin-bottom: 4px;
            margin-left: 30%;
        }
        
        #user_name_0{
            text-align: center;
        }
        
        #rol_us{
            text-align: center;
        }
		
		#sedeCon{
			text-align: center;
		}
		
    }




#mainMenuCont {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-top: 10px;
}

.headBt {
    background-color: #222d32;
    
    margin: 0px;
    float: left;
    padding: 8px 2%;
    width: 100%;
}

.mmBt_ico {
    width: 15px;
    height: 15px;
    float: left;
    margin: 0px;
}

.headBt p, .bodyBt p {
    font-size: 13px;
    color: #ffffff;
    float: left;
    margin: 0px;
    padding: 0px;
    padding-left: 8px;
}

.bodyBt {
    background-color: #2c3b41;
   
    margin: 0px;
    float: left;
    padding: 8px 2%;
    width: 100%;
}

#conteDeIfrm {
  /*  background-color: #ecf0f5;*/
    float: left;
    margin: 0px;
    width: 100%;
    padding: 0 2%;
    padding-top: 5px;
    padding-bottom: 5px;
}

#iframeContenido {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
  /*  background-color: antiquewhite;*/
    margin-top: 10px;
}

#rightSdPie {
    float: left;
    margin: 0px;
    padding-left: 2%;
    padding-right: 2%;
    background-color: #ffffff;
    border: 1px solid #d2d6de;
    width: 100%;
}

#logAppSys {
    float: right;
    margin: 0px;
    padding: 0px;
    height: 28px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

#rightUpBar {
    margin: 0px !important;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 2%;
    padding-right: 2%;
    /*background-color: #ffb76b;*/
	background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
    float: left;
    display: block;
   /* justify-content: center;*/
  /*  align-items: center; */
    width: 100%;
    min-height: 48px;
}

#hamburg {
    float: left ;
    margin: 0px;
    padding: 0px;
    height: 37px;
    width: 37px;
    display: none;
	margin-top: 2px;
}

#lg_crd {
    display: block;
    float: right;
    margin: 0px;
    /*width: 100%;*/
    /*background-color: red;*/
}

#user_pic {
    float: right;
    margin: 0px;
    padding: 0px;
    height: 30px ;
    width: 30px ;
   margin-left: 10px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 50%;
}

#user_name {
    float: right;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #ffffff;
    margin-top: 5px;
}


.mmbtclss{
    float: left;
    background-color: #2c3b41;
    padding: 0px;
    margin: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    padding-left: 6%;
    
    display: flex;
    align-items: center; 
    transition: background-color 0.3s; 
    cursor: pointer;
}

.mmbtclss:hover {
    background-color: #4c5d63; /* Cambia el color de fondo en rollover */
}

.mmbtclss img{
    float: left;
    width: 15px;
    height: 15px;
    margin: 0px;
    transition: transform 0.3s; 
}

.mmbtclss:hover img {
    transform: scale(1.2); 
}

.mmbtclss p{
    float: left;
    font-size: 12px;
    color: #ffffff;
    width: 89%;
    margin:0px;
    pading:0px;
    padding-left: 8px;
/*background-color: red;*/
    text-align: inherit;
    transition: color 0.3s;
}

.mmbtclss:hover p {
    color: rgba(144,224,38,1.00); 
}

.mmBorDwn{
    border-bottom: 1px solid #D9D9D9;
}

.sepa_0{
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    padding-top: 2px;
    margin-left: 9%;
    border-bottom: 1px solid #D9D9D9;
    width: 81%;
}

#titMn{
    color: #000000 !important;
}

#titMn2{
 /*   color: white !important;*/
}

.headBt_1Class {
    float: left;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    padding-left: 7%;

    display: flex;
    align-items: center;
}

.headBt_1Class img {
    width: 23px !important;
    height: 23px !important;
    margin: 0px;
}

.headBt_1Class p {
    font-size: 14px;
    color: #000000 !important;
    width: 89%;
    margin: 0px;
    padding: 0px;
    padding-left: 8px;
  /*  background-color: red !important;*/
    text-align: inherit;
}

.bdyBgrGrad {
    /*
  background: hsla(1, 84%, 80%, 1);

background: linear-gradient(90deg, hsla(1, 84%, 80%, 1) 0%, hsla(56, 100%, 50%, 1) 100%);

background: -moz-linear-gradient(90deg, hsla(1, 84%, 80%, 1) 0%, hsla(56, 100%, 50%, 1) 100%);

background: -webkit-linear-gradient(90deg, hsla(1, 84%, 80%, 1) 0%, hsla(56, 100%, 50%, 1) 100%);

filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F7A2A1", endColorstr="#FFED00", GradientType=1 );
    height: 100vh; 
    */
     background: linear-gradient(to top, #006ff9, #00abe6, #ffffff);
     /*background: linear-gradient(to top, #00cdf9, #00abe6, #ffffff);*/
}


.headBt_2Class {
    float: left;
 /*   background-color: #000000;*/
    padding: 0px;
    margin: 0px;
  /*  padding-top: 8px;*/
    /*padding-bottom: 8px;*/
    width: 100%;
    padding-left: 0px;
    
    
    align-items: center;
    cursor: pointer;
}

.headBt_2Class:hover {
 /*   background-color: #4c5d63; */
}

.headBt_2Class img {
    width: 30px !important;
    height: 30px !important;
    margin: 0px;
     transition: transform 0.3s; 
}

.headBt_2Class:hover img {
    transform: scale(1.2); 
}

.headBt_2Class p {
    font-size: 14px;
    color: #ffffff;
    width: 89%;
    margin: 0px;
    padding: 0px;
    padding-left: 8px;
  /*  background-color: red !important;*/
    text-align: inherit;
    transition: color 0.3s;
}

.headBt_2Class:hover p {
    color: #fdd92e; 
}

#headBt_2{
    display: none;
}
/* ******************************************************* */

#mm_2_SubElmCont_1{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   
    width: 100%;
}

#mm_2_SubElmCont_2{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   
    width: 100%;
}

#mm_2_SubElmCont_3{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   
    width: 100%;
}

#mm_2_SubElmCont_4{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   
    width: 100%;
}

#mm_2_SubElmCont_5{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   
    width: 100%;
}

#admOsLeftMenuDivGroup{
    display: none;
    float: left;
    padding: 0px;
    margin: 0px;
   
    width: 100%;
}


#mm_2_SubElmCont_6{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   
    width: 100%;
}

#mm_2_SubElmCont_7{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   
    width: 100%;
}

#mm_2_SubElmCont_8{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   
    width: 100%;
}

#mm_2_SubElmCont_9{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   
    width: 100%;
}

/* -- */

.mm_2_SubElmContClass{
    float: left;
    background-color: #f8f8f8;
    padding: 0px;
    margin: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    padding-left: 9%;
    
    display: flex;
    align-items: center; 
    transition: background-color 0.3s; 
    cursor: pointer;
}

.mm_2_SubElmContClass:hover {
    background-color: #ffffff; /* Cambia el color de fondo en rollover */
}

.mm_2_SubElmContClass img{
    float: left;
    width: 15px;
    height: 15px;
    margin: 0px;
    transition: transform 0.3s; 
}

.mm_2_SubElmContClass:hover img {
    transform: scale(1.2); 
}

.mm_2_SubElmContClass p{
    float: left;
    font-size: 12px;
    color: #B8B8B8;
    width: 89%;
    margin:0px;
    pading:0px;
    padding-left: 8px;
/*background-color: red;*/
    text-align: inherit;
    transition: color 0.3s;
}

.mm_2_SubElmContClass:hover p {
    color: #298aee; 
}

.mmBorUp{
    border-top: 1px solid #597884;
}

.centHead {
      text-align: center;
    }

 .fecha-column {
      text-align: center;
    }

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



@keyframes zoomInOut {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}

/* ------------------------ */

#conte_emb {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Fondo oscuro con opacidad */
    display: flex;
    flex-direction: column;
}

#upbar {
    width: 100%;
    background-color: #333;
    color: #fff;
    display: flex;
    justify-content: space-between; /* Espacio entre los elementos */
    align-items: center; /* Centra verticalmente los elementos */
    padding: 10px;
    box-sizing: border-box; /* Incluye padding en el tamaño total */
    padding-top: 5px;
    padding-bottom: 5px;
}



#btEmbSale {
    cursor: pointer;
    width: 33px;
}

#divPopCont {
    flex: 1;
    width: 100%;
    box-sizing: border-box; /* Incluye padding y borde en el tamaño total */
    background-color: white; 
    overflow-y: auto; /* Habilita scroll vertical si el contenido excede la altura */
    padding: 10px; /* Espacio interior */
}

#formaMin {
    width: 98%;
    background-color: #ffffff;
    margin: 0 auto; /* Centra horizontalmente */
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden; /* Evita problemas de contenido desbordado */
    display: block; /* Asegura que se expanda verticalmente */
    position: relative; /* Se asegura de que respete su tamaño */
    border: 1px solid  rgba(223,223,223,1.00);
    border-radius: 5px;
}

#logoUpEmb{
        height: 33px;
}

/* --  */

#hgPrintDiv{
    float: left;
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid  rgba(223,223,223,1.00);
        
}

#prtImgbt1{
    float: right;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 29px;
    height: 29px;
    cursor: pointer;
}

#getCvsVerBt{
    float: right;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 29px;
    height: 29px;
    cursor: pointer;
	margin-right: 2px;
}

#contEmpre_yDate{
    float: left;
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    padding-bottom: 2px;
    border-bottom: 1px solid  rgba(223,223,223,1.00);
    padding-top: 5px;
    margin-bottom: 5px;
 /*   background-color: antiquewhite; */
        
}

#contEmpre_yDate img{
    float: left;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 38px;
    height: 38px;
}

#contEmpre_yDate h1{
    float: left;
    display: block;
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
    font-size: 19px;
    font-weight: 700;
    margin-top: 7px;
}

#contEmpre_yDate h2{
    float: right !important;
    display: block;
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
    
    font-size: 15px;
    font-weight: 600;
    margin-top: 9px;
    margin-right: 10px !important;
}

#formaMin h3{
     float: left;
    display: block;
    width: 100%;
     margin: 0px;
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
    background-color: rgba(235,235,235,1.00);
    color: black;
    border-radius: 5px;
    margin-bottom: 5px;
    
}

#formaMin h2{
     float: left;
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    font-weight: 600;
    color: black;
    margin-top: 6px;
}

/* -------------------------------------- */

#menuMCnt_0 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro semi-transparente */
  display: flex;
  justify-content: center;
  align-items: flex-start; /* Cambiado de center a flex-start para que el contenido no se centre verticalmente */
  z-index: 500; /* Asegura que esté por encima de todo */
  padding-top: 80px; /* Añade margen superior de 20px */
}

#menuForm_0 {
  width: 500px;
  background-color: #fff;
  padding: 0px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  max-height: 80vh; /* Limita la altura total */
  /*overflow-y: auto; */
    height: 273px;
}

.hidden {
  display: none;
}

#menuForm_0 h1{
    float: left;
    display: block;
    width: 100%;
    color: white;
    text-align: center;
    border-top-left-radius: 8px;
     border-top-right-radius: 8px;
    margin: 0px !important;
    font-size: 18px;
    padding: 5px;
    margin-bottom: 5px;
}

#menuForm_0 button{
    /*
    float: left;
    display: block;
    width: 96.3%;
    border-radius: 6px;
    height: 30px;
    font-size: 16px;
    margin-top: 5px !important;
    margin-left: 2% !important;
    */
    color: black;
}

#mAdmBt_1:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_2:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_3:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_4:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_5:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_6:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}


#mAdmBt_8:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_9:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_10:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}


#mAdmBt_12:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_31{
	color:  #ffffff !important;
}

#mAdmBt_13{
	color:  #ffffff !important;
}

#mAdmBt_13:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}



#mAdmBt_14:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_15:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_16:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_17:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}


#mAdmBt_19:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_21:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_22:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_23:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_24:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_25:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_26:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_27:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}


#mAdmBt_31:hover {
    background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_29:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_18:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_7:hover{
	background: linear-gradient(to bottom, #d88a98 0%, #d14578 49%, #b01264 51%, #8b0f52 100%);
	color:  #ffffff !important;
	font-weight: 600;
}

#mAdmBt_11:hover{
	background: linear-gradient(to bottom, rgba(180, 75, 74, 1) 0%, rgba(200, 45, 42, 1) 50%, rgba(160, 20, 0, 1) 52%, rgba(140, 10, 0, 1) 75%, rgba(110, 0, 0, 1) 100%);
	color:  #ffffff !important;
	font-weight: 600;
}

#mAdmBt_28:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_30:hover {
    background: linear-gradient(to bottom, #4c661c 0%, #a1d54f 49%, #629311 51%, #374f04 100%);
	color: #ffffff !important;
	font-weight: 600;
}

#mAdmBt_20:hover{
	background: linear-gradient(to bottom, rgba(180, 75, 74, 1) 0%, rgba(200, 45, 42, 1) 50%, rgba(160, 20, 0, 1) 52%, rgba(140, 10, 0, 1) 75%, rgba(110, 0, 0, 1) 100%);
	color:  #ffffff !important;
	font-weight: 600;
}

.mmBtL_1{
    float: left;
    display: block;
    width: 96.3%;
    border-radius: 6px;
    height: 30px;
    font-size: 16px;
    margin-top: 5px !important;
    margin-left: 2% !important;
}  

.mmBtL_1b{
    float: left;
    display: block;
    width: 96.3%;
    border-radius: 6px;
    height: 30px;
    font-size: 16px;
    margin-top: 5px !important;
    margin-left: 2% !important;
	color: white !important;
} 

.mmBtL_2{
    float: left;
    display: block;
    width: 47%;
    border-radius: 6px;
    height: 30px;
    font-size: 16px;
    margin-top: 5px !important;
    margin-left: 2% !important;
}  

.mmBtL_2b{
    float: left;
    display: block;
    width: 47%;
    border-radius: 6px;
    height: 30px;
    font-size: 16px;
    margin-top: 5px !important;
    margin-left: 2% !important;
	color: white !important;
} 

.mmBtL_3{
    float: left;
    display: block;
    width: 30.5%;
    border-radius: 6px;
    height: 70px;
    font-size: 16px;
    margin-top: 5px !important;
    margin-left: 2% !important;
}

.mmBtL_4{
    float: left;
    display: block;
    width: 30.7%;
    border-radius: 6px;
    height: 30px;
    font-size: 16px;
    margin-top: 5px !important;
    margin-left: 2% !important;
} 

#mAdmBt_11{
	color: white !important;
}

.col0{
    color: #000000;
}

#dataRepCont{
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
  /*  background-color: antiquewhite;*/
    
}

/* -- balance -- */

.container {
            max-width: 800px;
            margin: 0 auto;
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

.header {
            text-align: center;
            margin-bottom: 20px;
        }
        .header h1, .header p {
            margin: 0;
        }
        .header p {
            font-size: 1.2em;
            color: #333;
        }

.total {
            font-weight: bold;
        }


/* --------------- [caja comun] ----------------- */

#btCajaComunCont{
    float: right;
    display: block;
    
    margin: 0px;
    padding: 0px;
    margin-right: 5px !important;
    padding-right: 3px !important;
    border-right: 1px solid #D5D5D5;
}

#btCajaComunCont button{
    float: left !important;
    display: block !important;
    height: 30px;
    margin: 0px;
    padding: 0px;
    width: 135px !important;
    font-size: 12px !important;
    margin-right: 5px !important;
}

#cc_depo{
    display: block;
    width: 100% !important;
}

#cc_depo th{
	text-align: center;
}

#cc_caja{
    display: none;
    width: 100% !important;
}

#cc_caja th{
	text-align: center;
}

.bgEditable_1{
	background-color: rgba(17,212,244,0.30);
}

.bgEditable_2{
	background-color: rgba(17,212,244,0.20);
}

.bgEditable_3{
	background-color: rgba(17,212,244,0.10);
}

.bgEditable_4{
	background-color: rgba(255,177,49,0.30);
}

.limpio{
	background-color: rgba(232,232,232,1.00);
}

.bold_td{
	font-weight: bold;
}

.algRgh_td{
	text-align: right !important;
}

#cc_liqCaja_0{
    display: none;
    width: 100% !important;
	margin-bottom: 10px;
}

#cc_liqCaja_0 th{
	text-align: center;
	
}

#cc_liqCaja{
    display: none;
    width: 100% !important;
}

#cc_liqCaja th{
	text-align: center;
}

#cc_liqEnco{
    display: none;
    width: 100% !important;
}

#cc_liqEnco_0{
    display: none;
    width: 100% !important;
}


#cc_comprob{
    display: none;
    width: 100% !important;
}

th{
	text-align: center;
	
}

.glsFont{
	font-size: 9px !important;
	font-weight: bold !important; 
}

.lbDia_debHabTextAlng{
	text-align: right !important;
}

@media screen and (max-width: 684px){
	#leftSide{
		display: none;
	}
	
	#rightSide{
		width: 100%;
		
	}
	
	#rightUpBar{
		background: linear-gradient(to bottom, #ff9aab 0%, #ff4f76 49%, #e6006b 51%, #c7005a 100%);
	}
	
	#hamburg{
		display: block;
		cursor: pointer;
	}
	
	.rightUserConnConteClass{
		/*display: block !important;*/
	}
}


.rightUserConnConteClass{
	display: none;
	float:  unset;
	float: right !important;
	margin: 0px;
	padding: 0px;
	
	width: 180px;
		
}

#rightUserConnConte{
	
}

#rightUserConnConte > img{
	float: right;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: solid 3px rgba(255,255,255,1.00) !important;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

#rightUserConnConte > div{
	float: right;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	
	border-left: solid 1px rgba(255,255,255,1.00);
	
	width: 60%;
	/*background-color: aqua;*/
	
}

#rightUserConnConte > div > h2 {
    padding: 0px;
    margin: 0px;
    font-size: 10px !important;
    color: #ffffff;
    width: 100%;
    float: left;
    font-weight: 700 !important;
  /*  background-color: red;*/
	text-align: right;
	
}

#rightUserConnConte > div > h3 {
    padding: 0px;
    margin: 0px;
    font-size: 9px !important;
    font-weight: 400 !important;
    color: rgba(240,255,3,1.00);
    width: 100%;
    float: left;
    margin-top: 1px;
  /*  background-color: teal;*/
  /*  animation: zoomInOut 1s infinite alternate; */
	text-align: right;
     
}


#rightUserConnConte > div > h4 {
    padding: 0px;
    margin: 0px;
    font-size: 8px !important;
    font-weight: 300 !important;
    color: rgba(255,218,159,1.00);
    width: 100%;
    float: left;
    margin-top: 2px;
  /*  background-color: teal;*/
  /*  animation: zoomInOut 1s infinite alternate; */
     text-align: right;
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */

#mobilGenMenu {
  position: absolute;
	display: none;
  top: 56px ;
  left: 1%;
  width: 300px;
  
  background-color: rgba(0, 0, 0, 0.5);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	z-index: 500;
	border-bottom-right-radius: 7px;
	
	
}

#mobilGenMenu > article{
	float: left;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 5px;
	padding-left: 15px;
}

#mobilGenMenu > article > img{
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
	width: 20px;
	height: 20px;
}

#mobilGenMenu > article > h1{
	float: left;
	display: block;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	font-size: 15px;
	margin-left: 5px;
	margin-top: 2px;
}

#mobilGenMenu > section{
	float: left;
	display: block;
	width: 100%;
	margin: 0px;
	
}



.mm_2_SubElmContClass2{
    float: left;
   
    padding: 0px;
    margin: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    padding-left: 12%;
    
    display: flex;
    align-items: center; 
    transition: background-color 0.3s; 
    cursor: pointer;
}

.mm_2_SubElmContClass2:hover {
   
}

.mm_2_SubElmContClass2 img{
    float: left;
    width: 15px;
    height: 15px;
    margin: 0px;
    transition: transform 0.3s; 
}

.mm_2_SubElmContClass2:hover img {
    transform: scale(1.2); 
}

.mm_2_SubElmContClass2 p{
    float: left;
    font-size: 12px;
    color: #B8B8B8;
    width: 89%;
    margin:0px;
    pading:0px;
    padding-left: 8px;
/*background-color: red;*/
    text-align: inherit;
    transition: color 0.3s;
}

.mm_2_SubElmContClass2:hover p {
    color: #ffffff; 
}


#mm_x_SubElmCont_1{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   background-color: rgba(0,0,0,0.25);
    width: 100%;
}

#mm_x_SubElmCont_2{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   background-color: rgba(0,0,0,0.25);
    width: 100%;
}

#mm_x_SubElmCont_3{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   background-color: rgba(0,0,0,0.25);
    width: 100%;
}

#mm_x_SubElmCont_4{
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   background-color: rgba(0,0,0,0.25);
    width: 100%;
}

#mm_x_SubElmCont_5{
    display: none;
    float: left;
    padding: 0px;
    margin: 0px;
   background-color: rgba(0,0,0,0.25);
    width: 100%;
}

#mm_x_SubElmCont_9{
	display: none;
    float: left;
    padding: 0px;
    margin: 0px;
   background-color: rgba(0,0,0,0.25);
    width: 100%;
}

#mm_x_SubElmCont_9x{
	display: block;
    float: left;
    padding: 0px;
    margin: 0px;
   background-color: rgba(0,0,0,0.25);
    width: 100%;
	padding-bottom: 5px;
	border-bottom-right-radius: 7px;
}

@media screen and (min-width: 684px){
	
	
	#mobilGenMenu{
		display: none !important;
	}
}