/* MINIBOOTSTRAP */
    :root{ 
        --background-hover: #19679f; 
        --BACKGROUND1:#11101d; 
        --TEXT1: #ffffff; 
        --HOVER1:#2d2b42;
        --BACKGROUND2:#19679f; 
        --TEXT2: #ffffff;
        --HOVER2:#4088bb;
    } 
    *{ margin: 0; padding: 0; box-sizing: border-box; font-family: verdana;}
    body{user-select:none}
    *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

    .w-100{width:100% !important;} .w-75{width:75% !important;} .w-66{width:66.66% !important;} .w-60{width:60% !important;} .w-50{width:50% !important;} .w-40{width:40% !important;} .w-35{width:35% !important;} .w-33{width:33.33% !important;} .w-25{width:25% !important;} .w-20{width:20% !important;} .w-15{width:15% !important;} .w-0{width:0px !important;}
    .h-100{height:100% !important;} .h-75{height:75% !important;} .h-66{height:66.66% !important;} .h-60{height:60% !important;} .h-50{height:50% !important;} .h-40{height:40% !important;} .h-35{height:35% !important;} .h-33{height:33.33% !important;} .h-25{height:25% !important;} .h-20{height:20% !important;} .h-15{height:15% !important;} .h-0{height:0px !important;}

    .p-0{padding:0px !important;} .pt-0{padding-top:0px} .pr-0{padding-right:0px} .pb-0{padding-bottom:0px} .pl-0{padding-left:0px} .px-0{padding-left:0px;padding-right:0px} .py-0{padding-top:0px;padding-bottom:0px}
    .p-1{padding:0.25rem;} .pt-1{padding-top:0.25rem} .pr-1{padding-right:0.25rem} .pb-1{padding-bottom:0.25rem} .pl-1{padding-left:0.25rem} .px-1{padding-left:0.25rem;padding-right:0.25rem} .py-1{padding-top:0.25rem;padding-bottom:0.25rem}
    .p-2{padding:0.5rem;} .pt-2{padding-top:0.5rem} .pr-2{padding-right:0.5rem} .pb-2{padding-bottom:0.5rem} .pl-2{padding-left:0.5rem} .px-2{padding-left:0.5rem;padding-right:0.5rem} .py-2{padding-top:0.5rem;padding-bottom:0.5rem}
    .p-3{padding:0.75rem;} .pt-3{padding-top:0.75rem} .pr-3{padding-right:0.75rem} .pb-3{padding-bottom:0.75rem} .pl-3{padding-left:0.75rem} .px-3{padding-left:0.75rem;padding-right:0.75rem} .py-3{padding-top:0.75rem;padding-bottom:0.75rem}
    .p-4{padding:1rem;} .pt-4{padding-top:1rem} .pr-4{padding-right:1rem} .pb-4{padding-bottom:1rem} .pl-4{padding-left:1rem} .px-4{padding-left:1rem;padding-right:1rem} .py-4{padding-top:1rem;padding-bottom:1rem}
    .p-5{padding:1.5rem;} .pt-5{padding-top:1.5rem} .pr-5{padding-right:1.5rem} .pb-5{padding-bottom:1.5rem} .pl-5{padding-left:1.5rem} .px-5{padding-left:1.5rem;padding-right:1.5rem} .py-5{padding-top:1.5rem;padding-bottom:1.5rem}
    .p-6{padding:2rem;} .pt-6{padding-top:2rem} .pr-6{padding-right:2rem} .pb-6{padding-bottom:2rem} .pl-6{padding-left:2rem} .px-6{padding-left:2rem;padding-right:2rem} .py-6{padding-top:2rem;padding-bottom:2rem}
    .p-7{padding:3rem;} .pt-7{padding-top:3rem} .pr-7{padding-right:3rem} .pb-7{padding-bottom:3rem} .pl-7{padding-left:3rem} .px-7{padding-left:3rem;padding-right:3rem} .py-7{padding-top:3rem;padding-bottom:3rem}

    .m-0{margin:0px;} .mt-0{margin-top:0px} .mr-0{margin-right:0px} .mb-0{margin-bottom:0px} .ml-0{margin-left:0px} .mx-0{margin-left:0px;margin-right:0px} .my-0{margin-top:0px;margin-bottom:0px}
    .m-1{margin:0.25rem;} .mt-1{margin-top:0.25rem} .mr-1{margin-right:0.25rem} .mb-1{margin-bottom:0.25rem} .ml-1{margin-left:0.25rem} .mx-1{margin-left:0.25rem;margin-right:0.25rem} .my-1{margin-top:0.25rem;margin-bottom:0.25rem}
    .m-2{margin:0.5rem;} .mt-2{margin-top:0.5rem} .mr-2{margin-right:0.5rem} .mb-2{margin-bottom:0.5rem} .ml-2{margin-left:0.5rem} .mx-2{margin-left:0.5rem;margin-right:0.5rem} .my-2{margin-top:0.5rem;margin-bottom:0.5rem}
    .m-3{margin:0.75rem;} .mt-3{margin-top:0.75rem} .mr-3{margin-right:0.75rem} .mb-3{margin-bottom:0.75rem} .ml-3{margin-left:0.75rem} .mx-3{margin-left:0.75rem;margin-right:0.75rem} .my-3{margin-top:0.75rem;margin-bottom:0.75rem}
    .m-4{margin:1.5rem;} .mt-4{margin-top:1.5rem} .mr-4{margin-right:1.5rem} .mb-4{margin-bottom:1.5rem} .ml-4{margin-left:1.5rem} .mx-4{margin-left:1.5rem;margin-right:1.5rem} .my-4{margin-top:1.5rem;margin-bottom:1.5rem}

    .mr-0i{margin-right:0px !important;} .mr-2i{margin-right:0.5rem !important} .mr-3i{margin-right:0.75rem !important}
	
    .ml-auto{margin-left:auto;} .mauto{margin:auto !important;}
	.list-none{list-style-type: none;}
    .cur-pointer{cursor: pointer;}
	.hide{display:none !important;}
    .fz-large{font-size:large;} .fz-larger{font-size:larger;} .fz-medium{font-size:medium;} .fz-small{font-size:small;} .fz-smaller{font-size:smaller;}
    .fz-x-large{font-size:x-large;} .fz-x-small{font-size:x-small;} .fz-xx-large{font-size:xx-large;} .fz-xx-small{font-size:xx-small;}
    .fz-xx-large{font-size:xx-large;} .fz-xxx-large{font-size:xxx-large;}
    .fz-bold{font-weight: bold;} .fz-normal{font-weight:normal}
    .float-left{float:left;} .float-right{float:right;} .flex-end{justify-content:flex-end;}

    .mb-8{margin-bottom:3rem}
    .text-left{text-align:left;} .text-center{text-align:center;} .text-right{text-align:right;}
	
	.vcenter{display:flex; align-items: center;}
    .hcenter { display: flex;  justify-content: center;}
	.vtop{vertical-align:top;}
    .dblock{display:block;} .diblock{display:inline-block;} .dgrid{display:grid;} .dflex{display:flex;} .dnone{display:none;}
    .dblocki{display:block !important;} .diblocki{display:inline-block !important;} .dgridi{display:grid !important;} .dflexi{display:flex !important;} .dnonei{display:none !important;}
    .dflexi{display:flex !important;} 
	.inline-flex{display:inline-flex !important;}
    .flexcol{flex-direction: column;}
    .flexrow{flex-direction: row;}
    .flex-right{justify-content: flex-end;margin-left: auto;}
	.flexPill{flex: 1 1 auto !important;}
	.flexGrow{flex-grow: 1; min-width:0;}
        
    .row{display:grid;  grid-template-columns:repeat(12,1fr);  grid-gap:20px;}
    .col-12{grid-column:span 12;  }
    .col-11{grid-column:span 11;  }
    .col-10{grid-column:span 10;  }
    .col-9{grid-column:span 9;  }
    .col-8{grid-column:span 8;  }
    .col-7{grid-column:span 7;  }
    .col-6{grid-column:span 6;  }
    .col-5{grid-column:span 5;  }
    .col-4{grid-column:span 4;  }
    .col-3{grid-column:span 3;  }
    .col-2{grid-column:span 2;  }
    .col-1{grid-column:span 1;  }
	
	/* Columnas para dispositivos pequeños (ancho máximo de 767px) */
	@media (max-width: 767px) {
		.col-sm-12{grid-column:span 12}
		.col-sm-11{grid-column:span 11;}
		.col-sm-10{grid-column:span 10}
		.col-sm-9{grid-column:span 9}
		.col-sm-8{grid-column:span 8}
		.col-sm-7{grid-column:span 7}
		.col-sm-6{grid-column:span 6}
		.col-sm-5{grid-column:span 5}
		.col-sm-4{grid-column:span 4}
		.col-sm-3{grid-column:span 3}
		.col-sm-2{grid-column:span 2}
		.col-sm-1{grid-column:span 1}

		.sm-hide{display:none !important;}
		.sm-50{width:50% !important;}
		.sm-100{width:100% !important;}
		.validity{font-size: 12px;}
		.w-100validate{width: calc(100% - 28px);}
		.button2{font-size:16px !important; padding: 4px 6px !important; margin-right: 6px !important; }
		.contTable.scroll{width: 100vw;}
		.sm-mt-2{margin-top: 0.5rem;} .sm-mt-3{margin-top: 0.75rem;}
	  
		/* margin & padding*/
		.sm-w-100{width:100% !important;} .sm-w-75{width:75% !important;} .sm-w-66{width:66.66% !important;} .sm-w-60{width:60% !important;} .sm-w-50{width:50% !important;} .sm-w-40{width:40% !important;} .sm-w-35{width:35% !important;} .sm-w-33{width:33.33% !important;} .sm-w-25{width:25% !important;} .sm-w-20{width:20% !important;} .sm-w-15{width:15% !important;} .sm-w-0{width:0px !important;}
		.sm-h-100{height:100% !important;} .sm-h-75{height:75% !important;} .sm-h-66{height:66.66% !important;} .sm-h-60{height:60% !important;} .sm-h-50{height:50% !important;} .sm-h-40{height:40% !important;} .sm-h-35{height:35% !important;} .sm-h-33{height:33.33% !important;} .sm-h-25{height:25% !important;} .sm-h-20{height:20% !important;} .sm-h-15{height:15% !important;} .sm-h-0{height:0px !important;}

		.sm-p-0{padding:0px !important;} .sm-pt-0{padding-top:0px} .sm-pr-0{padding-right:0px} .sm-pb-0{padding-bottom:0px} .sm-pl-0{padding-left:0px} .sm-px-0{padding-left:0px;padding-right:0px} .sm-py-0{padding-top:0px;padding-bottom:0px}
		.sm-p-1{padding:0.25rem;} .sm-pt-1{padding-top:0.25rem} .sm-pr-1{padding-right:0.25rem} .sm-pb-1{padding-bottom:0.25rem} .sm-pl-1{padding-left:0.25rem} .sm-px-1{padding-left:0.25rem;padding-right:0.25rem} .sm-py-1{padding-top:0.25rem;padding-bottom:0.25rem}
		.sm-p-2{padding:0.5rem;} .sm-pt-2{padding-top:0.5rem} .sm-pr-2{padding-right:0.5rem} .sm-pb-2{padding-bottom:0.5rem} .sm-pl-2{padding-left:0.5rem} .sm-px-2{padding-left:0.5rem;padding-right:0.5rem} .sm-py-2{padding-top:0.5rem;padding-bottom:0.5rem}
		.sm-p-3{padding:0.75rem;} .sm-pt-3{padding-top:0.75rem} .sm-pr-3{padding-right:0.75rem} .sm-pb-3{padding-bottom:0.75rem} .sm-pl-3{padding-left:0.75rem} .sm-px-3{padding-left:0.75rem;padding-right:0.75rem} .sm-py-3{padding-top:0.75rem;padding-bottom:0.75rem}
		.sm-p-4{padding:1rem;} .sm-pt-4{padding-top:1rem} .sm-pr-4{padding-right:1rem} .sm-pb-4{padding-bottom:1rem} .sm-pl-4{padding-left:1rem} .sm-px-4{padding-left:1rem;padding-right:1rem} .sm-py-4{padding-top:1rem;padding-bottom:1rem}
		.sm-p-5{padding:1.5rem;} .sm-pt-5{padding-top:1.5rem} .sm-pr-5{padding-right:1.5rem} .sm-pb-5{padding-bottom:1.5rem} .sm-pl-5{padding-left:1.5rem} .sm-px-5{padding-left:1.5rem;padding-right:1.5rem} .sm-py-5{padding-top:1.5rem;padding-bottom:1.5rem}
		.sm-p-6{padding:2rem;} .sm-pt-6{padding-top:2rem} .sm-pr-6{padding-right:2rem} .sm-pb-6{padding-bottom:2rem} .sm-pl-6{padding-left:2rem} .sm-px-6{padding-left:2rem;padding-right:2rem} .sm-py-6{padding-top:2rem;padding-bottom:2rem}
		.sm-p-7{padding:3rem;} .sm-pt-7{padding-top:3rem} .sm-pr-7{padding-right:3rem} .sm-pb-7{padding-bottom:3rem} .sm-pl-7{padding-left:3rem} .sm-px-7{padding-left:3rem;padding-right:3rem} .sm-py-7{padding-top:3rem;padding-bottom:3rem}

		.sm-m-0{margin:0px;} .sm-mt-0{margin-top:0px} .sm-mr-0{margin-right:0px} .sm-mb-0{margin-bottom:0px} .sm-ml-0{margin-left:0px} .sm-mx-0{margin-left:0px;margin-right:0px} .sm-my-0{margin-top:0px;margin-bottom:0px}
		.sm-m-1{margin:0.25rem;} .sm-mt-1{margin-top:0.25rem} .sm-mr-1{margin-right:0.25rem} .sm-mb-1{margin-bottom:0.25rem} .sm-ml-1{margin-left:0.25rem} .sm-mx-1{margin-left:0.25rem;margin-right:0.25rem} .sm-my-1{margin-top:0.25rem;margin-bottom:0.25rem}
		.sm-m-2{margin:0.5rem;} .sm-mt-2{margin-top:0.5rem} .sm-mr-2{margin-right:0.5rem} .sm-mb-2{margin-bottom:0.5rem} .sm-ml-2{margin-left:0.5rem} .sm-mx-2{margin-left:0.5rem;margin-right:0.5rem} .sm-my-2{margin-top:0.5rem;margin-bottom:0.5rem}
		.sm-m-3{margin:0.75rem;} .sm-mt-3{margin-top:0.75rem} .sm-mr-3{margin-right:0.75rem} .sm-mb-3{margin-bottom:0.75rem} .sm-ml-3{margin-left:0.75rem} .sm-mx-3{margin-left:0.75rem;margin-right:0.75rem} .sm-my-3{margin-top:0.75rem;margin-bottom:0.75rem}
		.sm-m-4{margin:1.5rem;} .sm-mt-4{margin-top:1.5rem} .sm-mr-4{margin-right:1.5rem} .sm-mb-4{margin-bottom:1.5rem} .sm-ml-4{margin-left:1.5rem} .sm-mx-4{margin-left:1.5rem;margin-right:1.5rem} .sm-my-4{margin-top:1.5rem;margin-bottom:1.5rem}

		.sm-mr-0i{margin-right:0px !important;} .sm-mr-2i{margin-right:0.5rem !important} .sm-mr-3i{margin-right:0.75rem !important}
		
		.sm-dblock{display:block;} .sm-diblock{display:inline-block;} .sm-dgrid{display:grid;} .sm-dflex{display:flex;} .sm-dnone{display:none;}
		.sm-dblocki{display:block !important;} .sm-diblocki{display:inline-block !important;} .sm-dgridi{display:grid !important;} .sm-dflexi{display:flex !important;} .sm-dnonei{display:none !important;}
		
		#task{width: calc(100vw - 4px);}
		#salidasContainer{width: calc(100vw - 20px); overflow-x: scroll !important;}
		#salidasItemsTabla{width:860px;}
    }
	
	/* Columnas para dispositivos medianos (ancho mínimo de 768px y máximo de 1023px) */
	@media (min-width: 768px) and (max-width: 1023px) {
		.col-md-1 { grid-column: span 1; }
		.col-md-2 { grid-column: span 2; }
		.col-md-3 { grid-column: span 3; }
		.col-md-4 { grid-column: span 4; }
		.col-md-5 { grid-column: span 5; }
		.col-md-6 { grid-column: span 6; }
		.col-md-7 { grid-column: span 7; }
		.col-md-8 { grid-column: span 8; }
		.col-md-9 { grid-column: span 9; }
		.col-md-10 { grid-column: span 10; }
		.col-md-11 { grid-column: span 11; }
		.col-md-12 { grid-column: span 12; }
		
		.md-hide{display:none !important;}
		.md-50{width:50% !important;}
		.md-100{width:100% !important;}
		.md-mt-2{margin-top: 0.5rem;} .md-mt-3{margin-top: 0.75rem;} 
		
		/* margin & padding*/
		.md-w-100{width:100% !important;} .md-w-75{width:75% !important;} .md-w-66{width:66.66% !important;} .md-w-60{width:60% !important;} .md-w-50{width:50% !important;} .md-w-40{width:40% !important;} .md-w-35{width:35% !important;} .md-w-33{width:33.33% !important;} .md-w-25{width:25% !important;} .md-w-20{width:20% !important;} .md-w-15{width:15% !important;} .md-w-0{width:0px !important;}
		.md-h-100{height:100% !important;} .md-h-75{height:75% !important;} .md-h-66{height:66.66% !important;} .md-h-60{height:60% !important;} .md-h-50{height:50% !important;} .md-h-40{height:40% !important;} .md-h-35{height:35% !important;} .md-h-33{height:33.33% !important;} .md-h-25{height:25% !important;} .md-h-20{height:20% !important;} .md-h-15{height:15% !important;} .md-h-0{height:0px !important;}

		.md-p-0{padding:0px !important;} .md-pt-0{padding-top:0px} .md-pr-0{padding-right:0px} .md-pb-0{padding-bottom:0px} .md-pl-0{padding-left:0px} .md-px-0{padding-left:0px;padding-right:0px} .md-py-0{padding-top:0px;padding-bottom:0px}
		.md-p-1{padding:0.25rem;} .md-pt-1{padding-top:0.25rem} .md-pr-1{padding-right:0.25rem} .md-pb-1{padding-bottom:0.25rem} .md-pl-1{padding-left:0.25rem} .md-px-1{padding-left:0.25rem;padding-right:0.25rem} .md-py-1{padding-top:0.25rem;padding-bottom:0.25rem}
		.md-p-2{padding:0.5rem;} .md-pt-2{padding-top:0.5rem} .md-pr-2{padding-right:0.5rem} .md-pb-2{padding-bottom:0.5rem} .md-pl-2{padding-left:0.5rem} .md-px-2{padding-left:0.5rem;padding-right:0.5rem} .md-py-2{padding-top:0.5rem;padding-bottom:0.5rem}
		.md-p-3{padding:0.75rem;} .md-pt-3{padding-top:0.75rem} .md-pr-3{padding-right:0.75rem} .md-pb-3{padding-bottom:0.75rem} .md-pl-3{padding-left:0.75rem} .md-px-3{padding-left:0.75rem;padding-right:0.75rem} .md-py-3{padding-top:0.75rem;padding-bottom:0.75rem}
		.md-p-4{padding:1rem;} .md-pt-4{padding-top:1rem} .md-pr-4{padding-right:1rem} .md-pb-4{padding-bottom:1rem} .md-pl-4{padding-left:1rem} .md-px-4{padding-left:1rem;padding-right:1rem} .md-py-4{padding-top:1rem;padding-bottom:1rem}
		.md-p-5{padding:1.5rem;} .md-pt-5{padding-top:1.5rem} .md-pr-5{padding-right:1.5rem} .md-pb-5{padding-bottom:1.5rem} .md-pl-5{padding-left:1.5rem} .md-px-5{padding-left:1.5rem;padding-right:1.5rem} .md-py-5{padding-top:1.5rem;padding-bottom:1.5rem}
		.md-p-6{padding:2rem;} .md-pt-6{padding-top:2rem} .md-pr-6{padding-right:2rem} .md-pb-6{padding-bottom:2rem} .md-pl-6{padding-left:2rem} .md-px-6{padding-left:2rem;padding-right:2rem} .md-py-6{padding-top:2rem;padding-bottom:2rem}
		.md-p-7{padding:3rem;} .md-pt-7{padding-top:3rem} .md-pr-7{padding-right:3rem} .md-pb-7{padding-bottom:3rem} .md-pl-7{padding-left:3rem} .md-px-7{padding-left:3rem;padding-right:3rem} .md-py-7{padding-top:3rem;padding-bottom:3rem}

		.md-m-0{margin:0px;} .md-mt-0{margin-top:0px} .md-mr-0{margin-right:0px} .md-mb-0{margin-bottom:0px} .md-ml-0{margin-left:0px} .md-mx-0{margin-left:0px;margin-right:0px} .md-my-0{margin-top:0px;margin-bottom:0px}
		.md-m-1{margin:0.25rem;} .md-mt-1{margin-top:0.25rem} .md-mr-1{margin-right:0.25rem} .md-mb-1{margin-bottom:0.25rem} .md-ml-1{margin-left:0.25rem} .md-mx-1{margin-left:0.25rem;margin-right:0.25rem} .md-my-1{margin-top:0.25rem;margin-bottom:0.25rem}
		.md-m-2{margin:0.5rem;} .md-mt-2{margin-top:0.5rem} .md-mr-2{margin-right:0.5rem} .md-mb-2{margin-bottom:0.5rem} .md-ml-2{margin-left:0.5rem} .md-mx-2{margin-left:0.5rem;margin-right:0.5rem} .md-my-2{margin-top:0.5rem;margin-bottom:0.5rem}
		.md-m-3{margin:0.75rem;} .md-mt-3{margin-top:0.75rem} .md-mr-3{margin-right:0.75rem} .md-mb-3{margin-bottom:0.75rem} .md-ml-3{margin-left:0.75rem} .md-mx-3{margin-left:0.75rem;margin-right:0.75rem} .md-my-3{margin-top:0.75rem;margin-bottom:0.75rem}
		.md-m-4{margin:1.5rem;} .md-mt-4{margin-top:1.5rem} .md-mr-4{margin-right:1.5rem} .md-mb-4{margin-bottom:1.5rem} .md-ml-4{margin-left:1.5rem} .md-mx-4{margin-left:1.5rem;margin-right:1.5rem} .md-my-4{margin-top:1.5rem;margin-bottom:1.5rem}

		.md-mr-0i{margin-right:0px !important;} .md-mr-2i{margin-right:0.5rem !important} .md-mr-3i{margin-right:0.75rem !important}
		
		.md-dblock{display:block;} .md-diblock{display:inline-block;} .md-dgrid{display:grid;} .md-dflex{display:flex;} .md-dnone{display:none;}
		.md-dblocki{display:block !important;} .md-diblocki{display:inline-block !important;} .md-dgridi{display:grid !important;} .md-dflexi{display:flex !important;} .md-dnonei{display:none !important;}
	}
	
	/* Columnas para dispositivos grandes (ancho mínimo de 1024px) */
    @media (min-width: 1024px){
		.col-xs-12{grid-column:span 12;}
		.col-xs-11{grid-column:span 11;}
		.col-xs-10{grid-column:span 10;}
		.col-xs-9{grid-column:span 9;}
		.col-xs-8{grid-column:span 8;}
		.col-xs-7{grid-column:span 7;}
		.col-xs-6{grid-column:span 6;}
		.col-xs-5{grid-column:span 5;}
		.col-xs-4{grid-column:span 4;}
		.col-xs-3{grid-column:span 3;}
		.col-xs-2{grid-column:span 2;}
		.col-xs-1{grid-column:span 1;}

		.xs-hide{display:none !important;}
		.xs-50{width:50% !important;}
		.xs-100{width:100% !important;}
		.validity{font-size: 12px;}
		.w-100validate{width: calc(100% - 28px);}
		.button2{font-size:16px !important; padding: 4px 6px !important; margin-right: 6px !important; }
		.contTable.scroll{width: 100vw;}

		/* margin & padding*/
		.xs-w-100{width:100% !important;} .xs-w-75{width:75% !important;} .xs-w-66{width:66.66% !important;} .xs-w-60{width:60% !important;} .xs-w-50{width:50% !important;} .xs-w-40{width:40% !important;} .xs-w-35{width:35% !important;} .xs-w-33{width:33.33% !important;} .xs-w-25{width:25% !important;} .xs-w-20{width:20% !important;} .xs-w-15{width:15% !important;} .xs-w-0{width:0px !important;}
		.xs-h-100{height:100% !important;} .xs-h-75{height:75% !important;} .xs-h-66{height:66.66% !important;} .xs-h-60{height:60% !important;} .xs-h-50{height:50% !important;} .xs-h-40{height:40% !important;} .xs-h-35{height:35% !important;} .xs-h-33{height:33.33% !important;} .xs-h-25{height:25% !important;} .xs-h-20{height:20% !important;} .xs-h-15{height:15% !important;} .xs-h-0{height:0px !important;}

		.xs-p-0{padding:0px !important;} .xs-pt-0{padding-top:0px} .xs-pr-0{padding-right:0px} .xs-pb-0{padding-bottom:0px} .xs-pl-0{padding-left:0px} .xs-px-0{padding-left:0px;padding-right:0px} .xs-py-0{padding-top:0px;padding-bottom:0px}
		.xs-p-1{padding:0.25rem;} .xs-pt-1{padding-top:0.25rem} .xs-pr-1{padding-right:0.25rem} .xs-pb-1{padding-bottom:0.25rem} .xs-pl-1{padding-left:0.25rem} .xs-px-1{padding-left:0.25rem;padding-right:0.25rem} .xs-py-1{padding-top:0.25rem;padding-bottom:0.25rem}
		.xs-p-2{padding:0.5rem;} .xs-pt-2{padding-top:0.5rem} .xs-pr-2{padding-right:0.5rem} .xs-pb-2{padding-bottom:0.5rem} .xs-pl-2{padding-left:0.5rem} .xs-px-2{padding-left:0.5rem;padding-right:0.5rem} .xs-py-2{padding-top:0.5rem;padding-bottom:0.5rem}
		.xs-p-3{padding:0.75rem;} .xs-pt-3{padding-top:0.75rem} .xs-pr-3{padding-right:0.75rem} .xs-pb-3{padding-bottom:0.75rem} .xs-pl-3{padding-left:0.75rem} .xs-px-3{padding-left:0.75rem;padding-right:0.75rem} .xs-py-3{padding-top:0.75rem;padding-bottom:0.75rem}
		.xs-p-4{padding:1rem;} .xs-pt-4{padding-top:1rem} .xs-pr-4{padding-right:1rem} .xs-pb-4{padding-bottom:1rem} .xs-pl-4{padding-left:1rem} .xs-px-4{padding-left:1rem;padding-right:1rem} .xs-py-4{padding-top:1rem;padding-bottom:1rem}
		.xs-p-5{padding:1.5rem;} .xs-pt-5{padding-top:1.5rem} .xs-pr-5{padding-right:1.5rem} .xs-pb-5{padding-bottom:1.5rem} .xs-pl-5{padding-left:1.5rem} .xs-px-5{padding-left:1.5rem;padding-right:1.5rem} .xs-py-5{padding-top:1.5rem;padding-bottom:1.5rem}
		.xs-p-6{padding:2rem;} .xs-pt-6{padding-top:2rem} .xs-pr-6{padding-right:2rem} .xs-pb-6{padding-bottom:2rem} .xs-pl-6{padding-left:2rem} .xs-px-6{padding-left:2rem;padding-right:2rem} .xs-py-6{padding-top:2rem;padding-bottom:2rem}
		.xs-p-7{padding:3rem;} .xs-pt-7{padding-top:3rem} .xs-pr-7{padding-right:3rem} .xs-pb-7{padding-bottom:3rem} .xs-pl-7{padding-left:3rem} .xs-px-7{padding-left:3rem;padding-right:3rem} .xs-py-7{padding-top:3rem;padding-bottom:3rem}

		.xs-m-0{margin:0px;} .xs-mt-0{margin-top:0px} .xs-mr-0{margin-right:0px} .xs-mb-0{margin-bottom:0px} .xs-ml-0{margin-left:0px} .xs-mx-0{margin-left:0px;margin-right:0px} .xs-my-0{margin-top:0px;margin-bottom:0px}
		.xs-m-1{margin:0.25rem;} .xs-mt-1{margin-top:0.25rem} .xs-mr-1{margin-right:0.25rem} .xs-mb-1{margin-bottom:0.25rem} .xs-ml-1{margin-left:0.25rem} .xs-mx-1{margin-left:0.25rem;margin-right:0.25rem} .xs-my-1{margin-top:0.25rem;margin-bottom:0.25rem}
		.xs-m-2{margin:0.5rem;} .xs-mt-2{margin-top:0.5rem} .xs-mr-2{margin-right:0.5rem} .xs-mb-2{margin-bottom:0.5rem} .xs-ml-2{margin-left:0.5rem} .xs-mx-2{margin-left:0.5rem;margin-right:0.5rem} .xs-my-2{margin-top:0.5rem;margin-bottom:0.5rem}
		.xs-m-3{margin:0.75rem;} .xs-mt-3{margin-top:0.75rem} .xs-mr-3{margin-right:0.75rem} .xs-mb-3{margin-bottom:0.75rem} .xs-ml-3{margin-left:0.75rem} .xs-mx-3{margin-left:0.75rem;margin-right:0.75rem} .xs-my-3{margin-top:0.75rem;margin-bottom:0.75rem}
		.xs-m-4{margin:1.5rem;} .xs-mt-4{margin-top:1.5rem} .xs-mr-4{margin-right:1.5rem} .xs-mb-4{margin-bottom:1.5rem} .xs-ml-4{margin-left:1.5rem} .xs-mx-4{margin-left:1.5rem;margin-right:1.5rem} .xs-my-4{margin-top:1.5rem;margin-bottom:1.5rem}

		.xs-mr-0i{margin-right:0px !important;} .xs-mr-2i{margin-right:0.5rem !important} .xs-mr-3i{margin-right:0.75rem !important}
		
		.xs-dblock{display:block;} .xs-diblock{display:inline-block;} .xs-dgrid{display:grid;} .xs-dflex{display:flex;} .xs-dnone{display:none;}
		.xs-dblocki{display:block !important;} .xs-diblocki{display:inline-block !important;} .xs-dgridi{display:grid !important;} .xs-dflexi{display:flex !important;} .xs-dnonei{display:none !important;}
    } 

    .ccolumns{flex-direction: column;}
    .back-back1{background:var(--BACKGROUND1)} .color-back1{color:var(--BACKGROUND1)}
    .back-back2{background:var(--BACKGROUND2)} .color-back2{color:var(--BACKGROUND2)}
    .back-text1{background:var(--TEXT1)} .color-text1{color:var(--TEXT1)}
    .back-text2{background:var(--TEXT2)} .color-text2{color:var(--TEXT2)}
    .gap-0{grid-gap:0;} .gap-2{grid-gap:2px;}   .gap-12{grid-gap:12px;}
    .bggray{background:#cfcfcf}
    .bgray{border:1px solid gray;}  .bccc{border:1px solid #ccc;}  .bblack{border:1px solid black;}
    .b1{border-top:1px solid gray;} 
    .b2{border-right:1px solid gray;} 
    .b3{border-bottom:1px solid gray;}
    .b4{border-left:1px solid gray;}
    .bb-2{border-bottom:2px solid; }
    .h28{height:28px;}

    /* SIDEBAR */
    #icoTauro{width:36px; height:36px;}
    .sidebar{ position: fixed; top: 0; left: 0; height: 100%; width: 260px; background: var(--BACKGROUND1); z-index: 100; transition: all 0.5s ease;}
    .sidebar.close{ width: 78px; max-height:100%;}
    .sidebar .logo-details{ height: 60px; width: 100%; display: flex; align-items: center;}
    .sidebar .logo-details i{ font-size: 30px; color: #fff; height: 50px; min-width: 78px; text-align: center; line-height: 50px;}
    .sidebar .logo-details .logo_name{ font-size: 20px; color: #fff; font-weight: 600; transition: 0.3s ease; transition-delay: 0.1s;}
    .sidebar.close .logo-details .logo_name{ transition-delay: 0s; opacity: 0; pointer-events: none;}
    .sidebar .nav-links{ height: 100%; padding: 4px 0 150px 0; overflow: auto; background:var(--BACKGROUND1);}
    .sidebar.close .nav-links{ overflow: visible;}
    .sidebar .nav-links::-webkit-scrollbar{ display: none;}
    .sidebar .nav-links li{ position: relative; list-style: none; transition: all 0.4s ease;}
    .sidebar .nav-links li:hover{ background: var(--BACKGROUND2);}
    .sidebar .nav-links li .iocn-link{ display: flex; align-items: center; justify-content: space-between;}
    .sidebar.close .nav-links li .iocn-link{ display: block}
    .sidebar .nav-links li i{ height: 36px; min-width: 78px; text-align: center; line-height: 36px; color: var(--TEXT1); font-size: 24px; cursor: pointer; transition: all 0.3s ease;}
    .sidebar .nav-links li.showMenu i.arrow{ transform: rotate(-180deg);}
    .sidebar.close .nav-links i.arrow{ display: none;}
    .sidebar .nav-links li a{ display: flex; align-items: center; text-decoration: none;}
    .sidebar .nav-links li a .link_name{ font-size: 18px; font-weight: 400; color: #fff; transition: all 0.4s ease;}
    .sidebar.close .nav-links li a .link_name{ opacity: 0; pointer-events: none;}
    .sidebar .nav-links li .sub-menu{ padding: 4px 6px 4px 24px; margin-top: -2px; background: var(--BACKGROUND2); display: none;}
    .sidebar .nav-links li.showMenu .sub-menu{ display: block;}
    .sidebar .nav-links li .sub-menu a{ color: #fff; font-size: 18px; padding: 4px 6px; white-space: nowrap; transition: all 0.3s ease;}
    .sidebar .nav-links li .sub-menu a:hover{ opacity: 0.5;}
    .sidebar.close .nav-links li .sub-menu{ position: absolute; left: 100%; top: -10px; margin-top: 0; padding: 0; border-radius: 0 3px 3px 0; opacity: 0; display: block; pointer-events: none; transition: 0s;}
    .sidebar.close .nav-links li:hover .sub-menu{ top: 0; opacity: 1; pointer-events: auto; transition: all 0.4s ease;}
    .sidebar .nav-links li .sub-menu .link_name{ display: none;}
    .sidebar.close .nav-links li .sub-menu .link_name{ font-size: 18px; opacity: 1; display: block; background:var(--BACKGROUND1); text-align: center; font-weight: bold;}
    .sidebar .nav-links li .sub-menu.blank{ opacity: 1; pointer-events: auto; padding: 3px 20px 6px 16px; opacity: 0; pointer-events: none;}
    .sidebar .nav-links li:hover .sub-menu.blank{ top: 50%; transform: translateY(-50%);}
    .sidebar .profile-details{ position: fixed; bottom: 0; width: 260px; display: flex; align-items: center; justify-content: start; background: var(--BACKGROUND1); padding: 12px 0; transition: all 0.5s ease;}
    .sidebar.close .profile-details{ background: none; }
    .sidebar.close .profile-details{ width: 78px; background:var(--BACKGROUND1);}
    .sidebar .profile-details .profile-content{ display: flex; align-items: center;}
    .sidebar .profile-details img{ height: 52px; width: 52px; object-fit: cover; border-radius: 16px; margin: 0 14px 0 12px; background: var(--BACKGROUND1); transition: all 0.5s ease;}
    .sidebar.close .profile-details img{ padding: 10px;}
    .sidebar .profile-details .profile_name,
    .sidebar .profile-details .job{ color: #fff; font-size: 18px; font-weight: 500; white-space: nowrap;  overflow: hidden; max-width: 152px;padding-left: 4px;}
    .sidebar.close .profile-details i, .sidebar.close .profile-details .profile_name, .sidebar.close .profile-details .job{ display: none;}
    .sidebar .profile-details .job{ font-size: 12px;}
	.icon-sign-out{color:#fff;margin-left: 8px;}
    #iconUserAdmin{cursor:pointer;}

    .home-section{ position: relative; background: #E4E9F7; height: 42px; left: 260px; width: calc(100% - 260px); transition: all 0.5s ease;}
    .sidebar.close ~ .home-section{ left: 78px; width: calc(100% - 78px);}
    .home-section .home-content{ height: 42px; display: flex; align-items: center; z-index: 100;}
    .home-section .home-content .bx-menu, .home-section .home-content .text{ color: var(--BACKGROUND1); font-size: 35px;}
    .home-section .home-content .bx-menu{ margin: 0 15px; cursor: pointer;}
    .home-section .home-content .text{ font-size: 26px; font-weight: 600;}
    .home-content{ position: fixed; background: white; width: 100%;}
    .h_ayuda{cursor: pointer;background: #ff8f00; color: white; padding: 8px; font-size: medium; font-weight: bold; margin-right: 12px;}

    @media (max-width: 760px) {
        .sidebar.close .nav-links li .sub-menu{ display: none;} 
        .sidebar{ width: 260px;} 
        .sidebar.close{ width: 0;} 
        .home-section{ left: 260px; width: calc(100% - 78px); z-index: 100;} 
        .sidebar.close ~ .home-section{ width: 100%; left: 0;}
        .sidebar .profile-details{ position:absolute; bottom:0; }
        .sidebar{ position: fixed; top: 0; left: 0; height: 100%; width: 260px; background: var(--BACKGROUND1); z-index: 100; transition: all 0.5s ease; overflow:hidden;}
        #blog_promo1, #blog_promo2, #blog_promo3, #blog_promo4, #blog_promo5{margin-right:16px;}
        #tituloVentana,  #tituloVentana a{font-size:14px !important; }
        #tituloVentana img{height:26px !important; top: 136% !important;}
    }

    /* TTOLTIPS https://alterebro.github.io/css-tooltip/ */
    [data-tooltip]{position:relative;display:inline-block}
    [data-tooltip]:before,[data-tooltip]:after{position:absolute;left:50%;transform:translate(-50%,-12px);z-index:1000;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:opacity .35s ease .25s}
    [data-tooltip]:before{content:attr(data-tooltip);background:#333;color:#eee;padding:8px 12px;white-space:nowrap;bottom:100%;border-radius:3px;box-shadow:0 5px 15px -5px rgba(0,0,0,.65)}
    [data-tooltip]:after{content:'';background:transparent;border:8px solid transparent;border-top-color:#333}
    [data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,[data-tooltip]:active:before,[data-tooltip]:active:after{opacity:1}
    [data-tooltip].tooltip-multiline:before{width:100vw;max-width:240px;white-space:normal}
    [data-tooltip][class*="tooltip-bottom"]:before,[data-tooltip][class*="tooltip-bottom"]:after{transform:translate(-50%,12px)}
    [data-tooltip][class*="tooltip-bottom"]:before{bottom:auto;top:100%}
    [data-tooltip][class*="tooltip-bottom"]:after{bottom:0;border:8px solid transparent;border-bottom-color:#333}
    [data-tooltip].tooltip-bottom-left:before{transform:translate(-24px,12px)}
    [data-tooltip].tooltip-bottom-right:before{left:auto;right:50%;transform:translate(24px,12px)}
    [data-tooltip].tooltip-top-left:before{transform:translate(-24px,-12px)}
    [data-tooltip].tooltip-top-right:before{left:auto;right:50%;transform:translate(24px,-12px)}

    /* TABLES */
    table{ width: 100%; border-collapse: collapse;}
    table.godines tr{ background-color: #fff;}
    table.godines td{ padding: 2px 4px; top: 60px;border-right:1px solid #c0c0c0;}
    table.godines tr:nth-child(even){ background-color: #ccc;}
    table.godines tr td:first-child{border-left:1px solid #c0c0c0;}
    table.godines tr:last-child td{border-bottom:1px solid #c0c0c0;}
    table.selectable tbody tr.highlight td {  background-color: rgb(0 123 255 / 25%);   }
    table.selectable tr.highlight td {  background-color: rgb(0 123 255 / 25%);   }
    table.selectable{ user-select: none; }
    table.tableSort thead tr{ background-color:var(--BACKGROUND1); color:var(--TEXT1);}
    table.tableSort thead th{ padding: 4px 2px; position: sticky; top: 0px; background: var(--BACKGROUND2);}
    table.tableSort th:not(.noSort)::after{ content: '\2193'; margin-left: 4px; right: 0px; top:-13px; position: absolute;cursor:pointer;}

    table.tableSortDoble thead tr{ background-color:var(--BACKGROUND1); color:var(--TEXT1);}
    table.tableSortDoble thead th{ padding: 4px 2px; position: sticky; top: 0px; background: var(--BACKGROUND2);}
    table.tableSortDoble th:not(.noSort)::after{ content: '\2193'; margin-left: 4px; right: 4px; position: absolute;cursor:pointer;}

    .contTable.scroll{dxisplay:flex;flex-direction:row;}

    .sticky-bottom{ position: sticky; bottom: 0; background-color: var(--BACKGROUND1); color: var(--TEXT1); padding: 6px;}
    .nmb{text-align:right;}
    .cnt{text-align:center;}
    td[data-label="Tipo"]{text-align:center;}

    /* CONFIRM */
    .dialog-ovelay{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.50); z-index: 999999} 
    .dialog-ovelay .dialog{ width: 400px; margin: auto; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 3px; overflow: hidden} 
    .dialog-ovelay .dialog header{ padding: 10px 8px; background-color: var(--BACKGROUND1); border-bottom: 1px solid #e5e5e5} 
    .dialog-ovelay .dialog header h3{ font-size: 14px; font-weight: bold; margin: 0; color: var(--TEXT2); display: inline-block}
    .dialog-ovelay .dialog header .fa-close{ float: right; color: #c4c5c7; cursor: pointer; transition: all .5s ease; padding: 0 2px; border-radius: 1px} 
    .dialog-ovelay .dialog header .fa-close:hover{ color: #b9b9b9} 
    .dialog-ovelay .dialog header .fa-close:active{ box-shadow: 0 0 5px #673AB7; color: #a2a2a2} 
    .dialog-ovelay .dialog .dialog-msg{ padding: 12px 10px} 
    .dialog-ovelay .dialog .dialog-msg p{ margin: 0; font-size: 15px; color: #333}
    .dialog-ovelay .dialog footer{ border-top: 1px solid #e5e5e5; padding: 8px 10px} 
    .dialog-ovelay .dialog footer .controls{ text-align: right;} 
    .dialog-ovelay .dialog footer .controls .button{ padding: 5px 15px; border-radius: 3px; background: var(--BACKGROUND1); color: var(--TEXT1);}
    .dialog-ovelay .dialog.showTable{ width: 560px; height:98%; }
    .dialog-ovelay .dialog.showTable .dialog-msg{ height: calc(100% - 92px );overflow-y: scroll; overflow-x: hidden;} 
    .dialog-ovelay .dialog.selectorSeriales{height:100%;} 

    /* MODAL POPUP */
    .frmModal{ display: none; position: fixed; z-index: 9999; align-items: center; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
    .modal-content{ background-color: #fefefe; margin: auto; padding: 0px; border: 1px solid #888; width: 80%; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s}
    .modal-header{ padding: 0px 16px; background-color: var(--background-hover); color: var(--text-color-inv );display:flex;flex-direction:row;align-items:center;} 
    .modal-header h2{ font-size: 20px; color: var(--TEXT2);} .modal-body{ padding: 8px 16px; background-color: white; color: black ;} 
    .modal-footer{ padding: 8px 16px; background-color: white; color: black ; border-top: 1px solid var(--border-color);display:flex;flex-direction:row;align-items:center;} 
    .closeModal, .closeModalW{ color: var(--text-hover); float: right; font-weight: bold;}
    span.closeModal, span.closeModalW{ font-size: 28px;margin-left:auto;color:var(--TEXT2);} 
    .closeModal:hover, .close:focus{ color: var(--background-color); text-decoration: none; cursor: pointer;}

    .inputa{width:200px;padding:4px 6px;border:1px solid gray;transition:background-color .3s ease-in-out}
    .inputa:focus,.inputa:active{background-color:#e7e7e7}
    input[type="radio"]{width:24px;height:24px;transition:.5s all linear;accent-color:var(--BACKGROUND2);margin:0}
    input[type="radio"]:checked + label { font-weight: bold; }
    input[type="checkbox"]{width:24px;height:24px;transition:.5s all linear;accent-color:var(--BACKGROUND2);margin:0}
    input[type="checkbox"]:checked + label { font-weight: bold; }
    input[type="text"].disabled{pointer-events:none;background-color:#c9c9c9;cursor:default}
    .inputxt{ font-size: 16px; padding: 3px 6px;}
    input[data-type='currency']{text-align:right;}
    input:invalid + span::after{content:"✖";padding-left:4px;color:red;font-weight: bold; font-family:emoji;}      
    input:valid + span::after{content:"✓";padding-left:4px;color:rgb(121, 175, 13);font-weight: bold; font-family:emoji;}
    input.invalid + span::after{content:"✖";padding-left:4px;color:red;font-weight: bold; font-family:emoji;}      
    input.valid + span::after{content:"✓";padding-left:4px;color:rgb(121, 175, 13);font-weight: bold; font-family:emoji;}
    input.invalid{background: hotpink;}
    .inputa:disabled{background-color:#c9c9c9; color:black;}
    input[type="text"]:focus{background-color:rgb(195, 255, 230)}
    input[type="number"]:focus{background-color:rgb(195, 255, 230)}

    .containerSearch{width:100%}
    .inputSearch{width: calc( 100% - 140px);font-size:16px;padding:3px 6px; }
    .findSearch{font-size:18px;color:var(--TEXT1);background:var(--BACKGROUND1);padding:4px 12px;font-weight:bxold;border:none;cursor:pointer;}
    #chaeckPermisoUser{text-align:center;margin-top: 64px;font-size:20px;}

    .imageList .divList{width:185px;box-shadow:0 6px 12px rgba(0,0,0,.175);border:1px solid rgba(0,0,0,.15);border-radius:5px; position: absolute;
        background: white;}

    .imageList ul{padding-left:0}
    .imageList ul img,.imageList .btnList img{height:26px}
    .imageList ul li{list-style:none;}
    .imageList ul li:hover{background-color:#F4F3F3}
    .imageList ul li img{margin:2px}
    .imageList ul li span,.imageList .btnList li span{margin-left:12px}

    .imageList .btnList{width:100%;height:31px;border-radius:5px;background-color:#fff;border:1px solid #ccc}
    .imageList .btnList li{list-style:none;float:left;padding-bottom:0}      
    .imageList .btnList:hover li{margin-left:0}      
    .imageList .btnList:hover{background-color:#F4F3F3;border:1px solid transparent;box-shadow:inset 0 0 0 1px #ccc}      
    .imageList .btnList:focus{outline:none}


    .w-100validate{width: calc(100% - 24px);}

    #salidasContainer{justify-content: space-around; border: 1px solid #ccc; padding: 0px; height: calc(100% - 54px); min-height: calc(100% - 54px); overflow: hidden; flex-direction: column; } 
	.salidasContainerTop{ display: flex; } 
	#salidasItemsTabla{ height: 100%; min-height: 100%; } 
	.scrollTabla{ overflow-y: scroll; height: 100%; } 
	#tablaDobleContainer{ display: flex; justify-content: space-around; align-items: center; border: 1px solid #ccc; padding: 0px; flex-direction: column; height: calc(100vh - 128px); min-height: calc(100vh - 140px); overflow: hidden; width:100%; } 	 
	.tableDoble{ justify-content: space-around; align-items: center; border: 1px solid #ccc; padding: 0px; flex-direction: column; height: 50%; min-height: 10%; width:100%; overflow-y: scroll;; } 
	#scrollerDoble{ height: 3px; background-color:var(--BACKGROUND1); width: 100%; min-height: 3px; cursor: ns-resize; } 
	table.collapseBlack { border-collapse: collapse; border: 1px solid black; } 
	table.collapseBlack th, table.collapseBlack td { border: 1px solid black; padding: 0; }

    .circulo { width: 26px; height: 26px; background-color: transparent; border-radius: 50%; position: relative; overflow: hidden; z-index: 999; border: 3px solid var(--BACKGROUND1); margin: auto; top:-12px; }
    
    .circulo::before, .circulo::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; }    
    .circulo::before { border-width: 7px 7px 0 7px; border-color: var(--BACKGROUND1) transparent transparent transparent; top: 13px; left: 3.5px; }    
    .circulo::after { border-width: 0 7px 7px 7px; border-color:  transparent transparent var(--BACKGROUND1) transparent; bottom: 13px; left: 3.5px; }

    .button1{ font-size: 18px; color: var(--TEXT1); background: var(--BACKGROUND1); padding: 4px 12px; font-weight: bxold; border: none; margin-right: 12px; cursor: pointer;}
    .button1:hover{ color: var(--TEXT2); background: var(--HOVER1);}
    .button1 a{ text-decoration: none; color: inherit;}

    .button2{ font-size: 18px; color: var(--TEXT2); background: var(--BACKGROUND2); padding: 4px 12px; font-weight: bxold; border: none; margin-right: 12px; cursor: pointer;} 
    .button2:hover{ color: var(--TEXT1); background: var(--HOVER2);}
    .button2 a{ text-decoration: none; color: inherit;}

    button:disabled {
        background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3));
        color: -internal-light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3));
        border-color: -internal-light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));
    }

    .button1:disabled{background: gray;cursor: not-allowed;;}
    .button2:disabled{background: gray;cursor: not-allowed;;}


    #tituloVentana{color: var(--TEXT2); background: var(--BACKGROUND2); padding:6px; margin-bottom:6px;}
    .infoerr{border:1px solid; color: #5e2805; background-color: #fdce86; display:none; padding:4px;font-size: small;text-align:left;align-items:center;}
    .infoerr.error{ color: #6d080d; background-color: #FFBABA; display:flex; align-items:center;}
    .infoerr.ok{ color: #192c05;	background-color: #DFF2BF; display:flex; align-items:center;}
    .infoerr.info{ color: #062e52;	background-color: #BDE5F8; display:flex; align-items:center;}
    .infoerr [class^="icon-"]{font-size: 20px;}
	.icoHelp{color: var(--TEXT1); text-decoration: none;}

    @keyframes girar {
        to {
            transform: rotate(360deg);
        }
    }
    .preloader { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; animation: girar 0.3s linear infinite; display:none; }
    img[src="https://muisca.co/tauro/app/images/no-image.png"] + label { color: red; display:none; }

    /* MENU CONTEXTUAL */
    .wrapper{position:absolute;width:190px;border-radius:3px;background:var(--BACKGROUND1);box-shadow:0 12px 35px rgba(0,0,0,.1);color:white; z-index:999;}
    .wrapper .menu{padding:6px}
    .content .item{list-style:none;font-size:16px;height:28px;display:flex;width:100%;cursor:pointer;align-items:center;border-radius:3px;margin-bottom:2px;padding:0}  
    .content .item:hover{background:var(--background-hover)}  
    .content .item span{margin-left:8px;font-size:14px}  
    .content .setting{display:flex;margin-top:-5px;padding:5px 12px;border-top:1px solid #ccc}  
    .content .share{position:relative;justify-content:space-between}
    .share .share-menu{display:none;position:absolute;background:var(--BACKGROUND1);width:166px;right:-166px;top:-35px;padding:8px;pointer-events:none;border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.08);transition:.2s ease}
    .share:hover .share-menu{display:block;pointer-events:auto}
    .content .item.disabled{background:var(--menu-hover)}
    .content .item.disabled .share-menu{right:-1400px}
    .content .item span{pointer-events:none;cursor:pointer}
    .ctxMenuSVG{display:grid;grid-template-columns:8px 1fr;grid-template-rows:16px;grid-column-gap:0;grid-row-gap:0;pointer-events:none}
    .ctxMenuSVG .ctxDivIcon{grid-area:1/1/2/2;pointer-events:none}
    .ctxSvgIcon{width:20px;height:24px;color:#fff;pointer-events:none}
    .ctxMenuSVG .ctxDivText{grid-area:1/2/2/3;display:grid;align-items:center;pointer-events:none}
	.menu .menuSel{background: #569735;}

    #tbDocumentos td[data-content^="ABIERT"] {
      border-left: 4px solid #08a6e3;
    }
    #tbDocumentos td[data-content^="CERRAD"] {
      border-left: 4px solid #179700;
    }
    #tbDocumentos td[data-content^="ELIMINAD"] {
      border-left: 4px solid red;
    }
    #tbDocumentos td[data-content^="PARCIAL"] {
      border-left: 4px solid #ffa500;
    }
    #tbDocumentos td[data-content^="RECIBID"] {
      border-left: 4px solid #8900cf;
    }
    #tbDocumentos td[data-content^="SIN APROBAR"] {
      border-left: 4px solid #ff00a5;
    }
    #tbDocumentos td[data-content^="ENTRADA"] {
      border-left: 4px solid #90cb01;
    }
    #tbDocumentos td[data-content^="SALIDA"] {
      border-left: 4px solid #ff00a5;
    }
    #tbDocumentos td[data-content^="SIN RECIBIR"] {
      border-left: 4px solid #00ffff;
    }
	
	/* acordeon */
	.collapsible-accordion {
		margin: 4px;
		overflow: hidden;
	}

	.collapsible-item-label {
		display: flex;
		justify-content: space-between;
		padding: 0.5em;
		font-weight: bold;
		cursor: pointer;
		background: var(--BACKGROUND1);
		color: var(--TEXT1);;
	}

	.collapsible-item-label::after {
		content: "\2192";
		width: 1em;
		height: 1em;
		text-align: center;
		transition: all 0.35s;
	}

	.collapsible-item-content {
		max-height: 0;
		padding: 0 1em;
		background: white;
		transition: all 0.35s;
	}
	
	.collapsible-radio{
		position: absolute;
		opacity: 0;
		z-index: -1;
	}
	
	input:checked + .collapsible-item-label::after {
		transform: rotate(90deg);
	}

	input:checked ~ .collapsible-item-content {
		max-height: 100vh;
		padding: 1em;
	}

  /* scrollbar */
  .scrollbar-container{width:18px;position:relative;display:flex;flex-direction:column;align-items:center;margin-left:4px}
  .scroll-up,.scroll-down{width:100%;height:20px;background-color:#ddd;cursor:pointer;text-align: center;}
  .scrollbar{flex:1;width:100%;background-color:#f1f1f1;position:relative}
  .scrollbar-thumb{position:absolute;top:0;width:100%;height:20px;background-color:#888;cursor:pointer}
  
  /* VIP user */
  .vip-client {
      position: relative;
      padding: 20px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      
      /* Borde superior dorado */
      border-top: 4px solid #FFD700;
      
      /* Animación del borde */
      animation: goldenGlow 2s ease-in-out infinite alternate;
  }
  
  /* Efecto de resplandor dorado */
  @keyframes goldenGlow {
      0% {
          border-top-color: #FFD700;
          box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      }
      100% {
          border-top-color: #FFEC8B;
          box-shadow: 0 2px 15px rgba(255, 215, 0, 0.3);
      }
  }
  
  /* Versión más sutil (opcional) */
  .vip-client-subtle {
      position: relative;
      padding: 20px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      border-top: 4px solid #FFD700;
      
      /* Animación más suave */
      animation: goldenPulse 3s ease-in-out infinite;
  }
  
  @keyframes goldenPulse {
      0%, 100% {
          border-top-color: #FFD700;
      }
      50% {
          border-top-color: #FFF8DC;
      }
  }

    /* ICOMOON */
    @font-face {
		font-family: 'icomoon';
		src:  url('icomoon/fonts/icomoon.eot?111');
		src:  url('icomoon/fonts/icomoon.eot?111#iefix') format('embedded-opentype'),
			url('icomoon/fonts/icomoon.ttf?111') format('truetype'),
			url('icomoon/fonts/icomoon.woff?111') format('woff'),
			url('icomoon/fonts/icomoon.svg?111#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
		font-display: block;
	}
    
	[class^="icon-"], [class*=" icon-"] {
		font-family: 'icomoon' !important;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;      
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
        
.icon-th-large:before{content:"\f009";}
.icon-check:before{content:"\f00c";}
.icon-close:before{content:"\f00d";}
.icon-remove:before{content:"\f00d";}
.icon-times:before{content:"\f00d";}
.icon-trash-o:before{content:"\f014";}
.icon-list-alt:before{content:"\f022";}
.icon-check-square-o:before{content:"\f046";}
.icon-chevron-right:before{content:"\f054";}
.icon-sign-out:before{content:"\f08b";}
.icon-bars:before{content:"\f0c9";}
.icon-navicon:before{content:"\f0c9";}
.icon-reorder:before{content:"\f0c9";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-dollar:before{content:"\f155";}
.icon-usd:before{content:"\f155";}
.icon-cube:before{content:"\f1b2";}
.icon-cubes:before{content:"\f1b3";}
.icon-question-circle-o:before{content:"\f29c";}
.icon-checkmark:before{content:"\e902";}
.icon-checkmark1:before{content:"\e903";}
.icon-cancel:before{content:"\e90e";}
.icon-cancel1:before{content:"\e90f";}
.icon-plus:before{content:"\e904";}
.icon-plus2:before{content:"\e910";}
.icon-warning:before{content:"\e907";}
.icon-star:before{content:"\e900";}
.icon-key:before{content:"\e901";}
.icon-search:before{content:"\e908";}
.icon-settings:before{content:"\e909";}
.icon-tag:before{content:"\e906";}
.icon-params:before{content:"\e90a";}
.icon-shop:before{content:"\e90b";}
.icon-wallet:before{content:"\e90d";}
.icon-home:before{content:"\e90c";}
.icon-pencil1:before{content:"\e905";}
.icon-image:before{content:"\e915";}
.icon-barcode:before{content:"\e937";}
.icon-qrcode:before{content:"\e938";}
.icon-location1:before{content:"\e947";}
.icon-printer:before{content:"\e954";}
.icon-box-add:before{content:"\e95e";}
.icon-box-remove:before{content:"\e95f";}
.icon-download1:before{content:"\e960";}
.icon-upload1:before{content:"\e961";}
.icon-database:before{content:"\e964";}
.icon-users:before{content:"\e972";}
.icon-spinner:before{content:"\e97a";}
.icon-stats-dots:before{content:"\e99b";}
.icon-tree:before{content:"\e9bc";}
.icon-shocked:before{content:"\e9f1";}
.icon-question:before{content:"\ea09";}
.icon-plus1:before{content:"\ea0a";}
.icon-minus1:before{content:"\ea0b";}
.icon-cross:before{content:"\ea0f";}
.icon-checkmark2:before{content:"\ea10";}
.icon-table2:before{content:"\ea71";}
.icon-whatsapp:before{content:"\ea93";}
.icon-file-excel:before{content:"\eae2";}