@font-face {
  font-family: 'Icons';
  src: url("./semantic/assets/fonts/icons.eot");
  src: url("./semantic/assets/fonts/icons.eot?#iefix") format('embedded-opentype'),
       url("./semantic/assets/fonts/icons.woff2") format('woff2'),
       url("./semantic/assets/fonts/icons.woff") format('woff'),
       url("./semantic/assets/fonts/icons.ttf") format('truetype'),
       url("./semantic/assets/fonts/icons.svg#icons") format('svg');
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}

*{
    padding: 0;
    margin: 0;
    box-sizing:border-box; 
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-family: "Arial Narrow";
    font-size: 12px;
}

select {
    background-color: white;
}

input {
    padding: 0 3px;
}

button, input, optgroup, select, textarea {
    font-family: "Arial Narrow";
    font-size: 12px;
    border: 1px solid #dededf;
}

.select2-container--default .select2-selection--single,
.select2-dropdown {
    border: 1px solid #dededf;
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
}

.select2-selection {
    height: 100% !important;
}

.select2-results__option {
    padding: 0 !important;
    padding-left: 6px !important;
}

button.disabled, input.disabled, optgroup.disabled, select.disabled, textarea.disabled,
button:disabled, input:disabled, optgroup:disabled, select:disabled, textarea:disabled  {
    opacity: .5;
}

input.focus, select.focus, textarea.focus,
input:focus, select:focus, textarea:focus {
    border: 1px solid #85B7D9 !important;
    color: rgba(0, 0, 0, 0.8) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body {
    overflow-y: hidden ;
    overflow-x: hidden;
}

.hiden_text {
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow: ellipsis;
}

.desktop-bar-menu {
    height: 36px;
    border: 0;
}

.space {
    margin-left: 2px !important;
}

.wallpaper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_001 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict001.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_002 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict002.wal') #0079bf;    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_003 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict003.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_004 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict004.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_005 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict005.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_006 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict006.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_007 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict007.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_008 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict008.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_009 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict009.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_010 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict010.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_011 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict011.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_012 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict012.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_013 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict013.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_014 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict014.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_015 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict015.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_016 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict016.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_017 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict017.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_018 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict018.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_019 { 
    transition:all .5s ease-in-out;
    background: url('../images/jpg/app/pict019.wal') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wallpaper_020 { 
}

.wallpaper-login {
    /*width: 100vw;
    height: 100vh;
    background: url('../images/jpg/app/login.jpg') #0079bf;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/ 
}

.desktop-bar-menu {
    background-color: #fff;
    background-color: rgba(255,255,255,.7) !important;
}

.ui.menu {
    background: rgba(255,255,255,.8);
    border-radius: 0;
}

.w-full { 
    width: calc(100% - 0px);
}

.w-40, .dk.w-40 { width: 40px !important;  }
.w-50, .dk.w-50 { width: 50px !important;  } 
.w-70, .dk.w-70 { width: 70px !important;  }
.w-80, .dk.w-80 { width: 80px !important;  }
.w-90, .dk.w-90 { width: 90px !important;  }
.w-100, .dk.w-100 { width: 100px !important;  }
.w-105, .dk.w-105 { width: 105px !important;  }
.w-110, .dk.w-110 { width: 110px !important;  }
.w-120, .dk.w-120 { width: 120px !important;  }
.w-130, .dk.w-130 { width: 130px !important;  }
.w-150, .dk.w-150 { width: 150px !important;  }
.w-170, .dk.w-170 { width: 170px !important;  }
.w-200, .dk.w-200 { width: 200px !important;  }
.w-280, .dk.w-280 { width: 280px !important;  }
.w-290, .dk.w-290 { width: 290px !important;  }

.div-foot {
    text-align: right; 
    position: absolute;   
    bottom: 3px;
    padding: 5px;
    width:calc(100%) !important;
    background-color: #F4F4F4;
}

/* height */
.h-full { height: calc(100% - 0px); }
.h-win-bars-full { height: calc(100% - 33.59px - 30px); }
.h-win-bars-tool { height: calc(100% - 33.59px); }
.h-win-bars-footer { height: calc(100% - 30px); }
.h-30 {height: 30px !important}

/* colores */
.dk.bg-blue { background-color: blue; }
.dk.bg-red { background-color: red; }
.dk.bg-green { background-color: green }
.dk.bg-purple { background-color: purple }
.dk.bg-transparent { background-color: transparent !important; }

/* border */
.bl-0, .dk.bl-0 { border-left: 0 !important; }

/* border radius */
.brn, .dk.brn { border-radius: 0 !important; }
.brr-4, .dk.brr-4 { border-radius: 0 4px 4px 0 !important; }
.brl-4, .dk.brl-4 { border-radius: 4px 0 0 4px !important; }

.brr-5, .dk.brr-5 { border-radius: 0 5px 5px 0 !important; }

/* margenes */

.m-btn-menu, .dk.m-btn-menu{
    margin: 3px .78571429rem .78571429rem .78571429rem !important;
}

/* paddings */
.dk.pd0 { padding: 0px !important; }
.dk.pd2 { padding: 2px !important; }
.dk.pd3 { padding: 3px !important; }
.dk.pdt2 { padding-top: 2px !important }

.dk.mg0 { margin: 0px !important; }
.dk.mgr2 { margin-right: 2px !important;  }
.dk.mgr4 { margin-right: 4px !important;  }
.mgb2, .dk.mgb2 {margin-bottom: 2px !important}
.mgb4, .dk.mgb4 {margin-bottom: 4px !important}
.mgb5, .dk.mgb5 {margin-bottom: 5px !important}

.mgt2, .dk.mgt2 {margin-top: 2px !important}

/* display */
.d-none { display: none !important; }
.d-block { display: block !important; }

/* float*/ 
.fr { float: right !important;}
.fl { float: left !important; }

/* contenedores */
.dk.footer { bottom: 0; height: 32px; }
.dk.body { height: calc(100% - 31.42px) !important; }
.dk.cnt-a { position: relative; }
.dk.cnt-b { position: absolute; }
/* barra de herramientas */
.dk.toolbar {
    background-color: #f1f1f1;
    top: 0;
    height: 33.59px;
}

.dk.toolbar.bb1 {
    border-bottom: 1px solid #9A9A9A;
}



/* barra de estado*/
.dk.footerbar {
    background-color: #f1f1f1;
    border-top: 1px solid #9a9a9a;
    width: 100%;
    height: 30px;
    bottom: 0px;
}

/* menues */
.dk.menu { z-index: 10000 !important; }







/* ventanas */
.win-mask {
    position: absolute;
    width: calc(100% - 0px) !important;
    height: calc(100% - 0px) !important;
    background-color: rgba(0,0,0,.2) !important;
    top: 0;
    z-index:900;
    backdrop-filter: blur(1px);
}

.win-cnt {
    position: absolute;
    width: 400px;
    height: 350px;
    border: 2px solid #3A93D7;
    /*border-radius: 3px;*/
    z-index:999;

    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);*/

}

.win-cnt .title-bar,
.win-cnt .body {
    position: relative;
    width: 100%;
}

.win-cnt .title-bar {
    background-color: #3A93D7;
    height: 26px;
    cursor: pointer;
}

.win-cnt .title-bar .title,
.win-cnt .title-bar .action {
    position: absolute;;
}

.win-cnt .title-bar .title {
    width: calc(100% - 30px);
    height: 26px;
    /*border-radius: 3px 0 0 0;*/
    color: #fff;
    line-height: 25px;
    padding-left: 3px;
}

.win-cnt .title-bar .action {
    width: 30px;
    height: 26px; 
    right: 0;
    /*border-radius: 0 3px 0 0;*/
}

.win-cnt .title-bar .action .close {
    height: 24px;
    width: 30px;
    margin: 0; padding: 0;
    vertical-align: middle;
}

.win-cnt .title-bar .action .close .icon {
    margin: 0; padding: 0;
    line-height: 24px;
}

.win-cnt .body {
    height: calc(100% - 26px);
    /*border-radius: 0 0 3px 3px;*/
    background-color: #fff;
}

.win-cnt .body .win-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    background: url(../images/gif/loader.gif) rgba(255,255,255,.2) no-repeat center center;
    backdrop-filter: blur(1px);
}

/* loader a elementos*/
/*.loading {
    content: '';
    background-color: #fff;
    color: transparent;
    background: url(../images/gif/loader.gif) rgba(255,255,255,.2) no-repeat center center;
    backdrop-filter: blur(1px);
}*/

/* disabled a elementos*/
.disabled_elem {
    position:relative;
    top:0px;
    left:0px;
    content: '';
    background-color: rgba(255,255,255,.2);
    color: transparent;
    backdrop-filter: blur(1px);
    /*background: url(../images/gif/loader.gif) rgba(255,255,255,.5) no-repeat center center;*/
}

.loading-login {
    position: absolute;
    top: 0;
    content: '';
    background-color: transparent;
    color: transparent;
    background: url(../images/gif/loader.gif) transparent no-repeat center center;
}

.loading.table {
    position: absolute;
    top:0px;
    left:0px;
}

.cell_content{
    position:relative;
}

.ui.label {
    line-height: 15px !important;
    font-size: 12px !important;
}

.ui.mini.input>input  {
    font-size: 12px !important;
    padding: 0 5px !important;
}



.ui.dropdown.dropdown .menu>.input {
    margin: 1px .78571429rem;
}



.scrollbar, .dk.scrollbar{
    overflow-y: scroll;
}

.dk.scrollbar ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px !important;
  height: 5px ;
}

.dk.scrollbar ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  /*border-radius: 3px;*/
}

.dk.scrollbar ::-webkit-scrollbar-thumb {
  cursor: pointer;
  /*border-radius: 3px;*/
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.dk.scrollbar ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.10);
}

.dk.scrollbar ::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
}


.scrollbar-x, .dk.scrollbar-x{
    overflow-x: scroll;
}

.dk.scrollbar-x ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px !important;
  height: 5px ;
}

.dk.scrollbar-x ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  /*border-radius: 3px;*/
}

.dk.scrollbar-x ::-webkit-scrollbar-thumb {
  cursor: pointer;
  /*border-radius: 3px;*/
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.dk.scrollbar-x ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.10);
}

.dk.scrollbar ::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
}



/* proyecto tabla*/
table {
    border-spacing: 0px !important;
    border-collapse: collapse !important;
}

.table-default tbody tr:nth-child(odd) {
    background-color:#f9f9f9;
}

/*.table-responsive tbody tr:nth-child(even) {
    background-color:#fbfbfb;
}*/


.table-default tbody tr td{
    border-left: 1px dotted #dedede;
    border-top: 1px dotted #dedede;
    border-right: 1px dotted #dedede;
    border-bottom: 1px dotted #dedede;
    line-height: 20px; /*20*/
    font-family:  source_sans_proregular, Arial;
    font-size: 12px;
}

.table-default > tbody > tr[class*="row-selected"],
.table-default > tbody > tr[class*="detail-row-selected"] {
    background-color: rgba(164, 202, 232,.5) !important;
}



.table-default > tbody > tr[class*="row-selected"] td.cell-row,
.table-default > tbody > tr[class*="detail-row-selected"] td.cell-row {
    /*background-color: #056292 !important;
    color: #fff !important;
    font-weight: bold !important;*/
}

.table-default > tbody > tr[class*="state_row"] td.cell-row {
    /*background-color: #056292 !important;#f9fafb;*/
    color: red !important;
    /*font-weight: bold !important;*/
}

.table-default > tbody > tr[class*="state_kill"] td.cell-row {
    /*background-color: #056292 !important;#f9fafb;*/
    color: red !important;
    /*font-weight: bold !important;*/
}

.table-border-none tbody tr td{
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 20px; /*20*/
    font-family:  source_sans_proregular, Arial;
    font-size: 12px;
}

.table-responsive tbody tr {
    background-color:white;
}


.table-responsive tbody tr:nth-child(odd) {
    background-color:#f9f9f9;
}

/*.table-responsive tbody tr:nth-child(even) {
    background-color:#fbfbfb;
}*/


.table-responsive tbody tr td,
.table-responsive tbody tr th{
    border-left: 1px dotted #dedede;
    /*border-top: 1px dotted #dedede;*/
    border-right: 1px dotted #dedede;
    border-bottom: 1px dotted #dedede;
    line-height: 20px;
}

.table-responsive > tbody > tr[class*="row-selected"],
.table-responsive > tbody > tr[class*="detail-row-selected"] {
    background: rgba(164, 202, 232,1) !important;
    /*color: #056292 !important;*/
}

.table-responsive > tbody > tr[class*="row-selected"] td.cell-row,
.table-responsive > tbody > tr[class*="row-selected"] th.cell-row,
.table-responsive > tbody > tr[class*="detail-row-selected"] td.cell-row,
.table-responsive > tbody > tr[class*="detail-row-selected"] th.cell-row {
    /*background-color: #056292 !important;
    color: #fff !important;
    font-weight: bold !important;*/
}

.table-responsive > tbody > tr.state_row.grid-row-selected > td,
.table-responsive > tbody > tr.state_row.grid-row-selected > td > span,
.table-responsive > tbody > tr.state_row.grid-detail-row-selected > td,
.table-responsive > tbody > tr.state_row.grid-detail-row-selected > td > span {
    /*color: #fff !important;*/
}

.table-responsive > tbody > tr.state_kill.grid-row-selected > td,
.table-responsive > tbody > tr.state_killgrid-row-selected > td > span,
.table-responsive > tbody > tr.state_kill.grid-detail-row-selected > td,
.table-responsive > tbody > tr.state_kill.grid-detail-row-selected > td > span {
    /*color: #fff !important;*/
}

.table-responsive > tbody,
.table-responsive > thead,
.table-responsive > tfoot {
    display: block;
}

.table-responsive > tfoot > tr {
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
}

.table-responsive > tbody > tr[data-no="1"]{
    background-color: #EEEEEE !important;
    cursor: default !important;
    color: #909090 !important;
}


.table-selectable > tbody > tr{
    cursor: pointer;
}

.ui.celled.table tr th, .ui.celled.table tr td {
    border-left: 0px !important;
}

.ui.table tr td {
    border-top: 0px !important;
}


.ui.table tr.state-1  {
    background-color: #DCDCDC  !important;
    color: #A9A9A9   !important;
}

/* datos de celda */
    .ui.table tr.state_row,
    .ui.table tr.state_row td span  {
        /*color: #C2C4C6 !important;*/
    }

/* etiquetas */
    .ui.table tr.state_row td div.label,
    .ui.table tr.state_kill td div.label  {
        background-color: #C2C4C6 !important;
    }

/* barra de progreso  */
    .ui.table tr.state_row td div.progress,
    .ui.table tr.state_kill td div.progress  {
        background: rgba(0, 0, 0, 0.05) !important;
    }

    .ui.table tr.state_row td div.progress div.bar,
    .ui.table tr.state_kill td div.progress div.bar  {
        background-color: #C2C4C6 !important;
    }

/* boton */
    .ui.table tr.state_row td button i.icon,
    .ui.table tr.state_kill td button i.icon  {
        color: #aeb6bf !important;
    }


.ui.table tr.state_kill,
.ui.table tr.state_kill td span  {
    color: #C2C4C6 !important;
    text-decoration: line-through;
}


.ui.table tr.new_row/*,
.ui.table tr.new_row td span*/  {
    background-color: #e8f8f5;
}

.ui.table tr.edit_row/*,
.ui.table tr.edit_row td span*/  {
    background-color: #fdf2e9;
}

.ui.progress {
    margin: 0em 0em 0em;
    margin: auto 0 !important;
}


.img-responsive-visible {
    width: 28px !important;
    height: 28px !important;
    margin-right: 5px;
    vertical-align: top;
    /*border-radius: 5px;*/
    display: none;
}

.table-responsive tbody tr td .icon-responsive-visible {
    display: none;
}

.table-responsive thead tr th.cell-hide,
.table-responsive tbody tr td.dk.cols.cell-hide {
    display: none !important;
}

/*## ALINEACIONES RESPONSIVE ##*/
.align-left, .align-left-right, .align-left-center,
.table-responsive tbody tr td.align-left,
.table-responsive tbody tr td.align-left-right,
.table-responsive tbody tr td.align-left-center {
    text-align: left !important;
}

.align-right, .align-right-left, .align-right-center,
.table-responsive tbody tr td.align-right,
.table-responsive tbody tr td.align-right-left,
.table-responsive tbody tr td.align-right-center {
    text-align: right; !important;
}

.align-center, .align-center-left, .align-center-right,
.table-responsive tbody tr td.align-center,
.table-responsive tbody tr td.align-center-left,
.table-responsive tbody tr td.align-center-right {
    text-align: center; !important;
}



/*.align-left, .align-right-left,
.table-responsive tbody tr td.align-left, 
.table-responsive tbody tr td.align-right-left{
    
}

.align-right, .align-left-right, .align-center-right
.table-responsive tbody tr td.align-right,
.table-responsive tbody tr td.align-left-right,
.table-responsive tbody tr td.align-center-right {
    text-align: right !important;
}

.align-center, .align-center-left,
.table-responsive tbody tr td.align-center,
.table-responsive tbody tr td.align-center-left  {
    text-align: center;
}*/





.height-full {
    height: calc(100% - 0px);
}

.inline-block {
    display: inline-block;
}


.cnt-setting-tree {
    width: 220px;
    border-right: 1px solid #9a9a9a;
    height: calc(100% - 0px);
    overflow: auto; 
    vertical-align: top;
}

.cnt-setting {
    width: calc(100% - 223px);
    vertical-align: top;

}

.panel-A {
    display:  inline-block;
    width: 350px;
    /*border: 1px solid #9a9a9a;*/
    height: calc(100% - 0px);
    overflow: auto; 
    vertical-align: top;
}

.panel-B {
    display: inline-block;
    width: calc(100% - 354px);
    /*border: 1px solid #9a9a9a;*/
    vertical-align: top;
    height: calc(100% - 0px);
}

.btn-cell, .btn_tbl {
    padding: 0.3em 0.8em !important;
    margin: 0 !important;
}

.btn-cell i.icon, i.icons {
    font-size: 12px;
    padding: 0 !important;
    margin: 0 !important;
}

/* estilos para tree */

ul, .dk.tree {
  list-style-type: none;

}

.dk.tree {
  margin: 0;
  padding: 0; 
  
}

.dk.tree li.item {
    margin-left: 5px;
    border-left: 1px dotted #000;
    height: 30px;

}

.dk.tree li.item.item-alone,
.dk.tree li.item-alone {
    margin-left: 0px;
    border-left: 0px solid transparent !important;
    height: 30px;

}

.dk.tree li.item .line {
    display: inline-block;
    width: 15px !important; height: 14px;
    border-bottom: 1px dotted #000;
    vertical-align: top;
}



.dk.tree li.item,
.caret::before {
    line-height: 30px;
    /*height: 25px !important;*/
}



.item-tree-check label {
    font-size: 12px !important;
}

.caret, .dk.tree li {
    font-family: 'Icons';
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}

.dk.tree li.active {
    background-color: #a4cae8;
}


.caret-alone::before {

  content: "\25B6";
  /*content: "\f07b";*/

  color: #3A93D7;
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
}

.caret-alone-down::before {
    content: "\f07c";

}


.caret::before {

  /*content: "\25B6";*/
  content: "\f07b";

  color: #3A93D7;
  display: inline-block;
  margin-right: 6px;
  font-size: 16px;
}

.caret-down::before {
    content: "\f07c";

}

.nested {
  display: none;

}

.nested li {
  /*padding-left: 20px;*/
}

.active {
  display: block;

}

.tree_checkbox li.item, .caret::before {
    display: inline-block;
}

.tree_checkbox li span.caret-down {
    padding-top: 10px !important;
    display: block;
}

.text_mayus { text-transform: uppercase; }
.text_mayus::placeholder {
    text-transform: none;
}

.text_minus { text-transform: lowercase; }
.text_minus::placeholder {
    text-transform: none;
}





/*+++++++++++++++++++*/





/*h1, h2, h3, h4, h5 {
    line-height: 0 !important;
    margin: 0 !important;
}*/



.item-room {
    cursor: pointer;
}

.hide-group-rooms {
    display: none;
}

.group-rooms-title {
    background: rgba(250,250,250,1);
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );
}

.item-room.room-active {
    background-color: #f1f1f1;
}




.gradient {
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
}

.ui.floating.label {
    top: -.3em;
}





/* estilos para mobile y tablets 991px */ 
@media only screen and (max-width: 767px) {

    body, button, input, optgroup, select, textarea, span, div, table, tbody, thead, tfood, td, th {
        font-family: "Arial Narrow";
        font-size: 12px;
    }

    .table-responsive tbody tr td.dk.cols.one { width: 9% !important;}
    .table-responsive tbody tr td.dk.cols.two { width: 19% !important; }
    .table-responsive tbody tr td.dk.cols.three { width: 29% !important; }
    .table-responsive tbody tr td.dk.cols.four { width: 39% !important; }
    .table-responsive tbody tr td.dk.cols.five { width: 49% !important; }
    .table-responsive tbody tr td.dk.cols.six { width: 59% !important; }
    .table-responsive tbody tr td.dk.cols.seven { width: 69% !important; }
    .table-responsive tbody tr td.dk.cols.eight { width: 79% !important; }
    .table-responsive tbody tr td.dk.cols.nine { width: 89% !important; }
    .table-responsive tbody tr td.dk.cols.ten { width: 100% !important; }

    .table-responsive { border: 0 !important; }
    .table-responsive thead { display: none; }

    .table-responsive tbody, 
    .table-responsive tbody tr td { 
        display: block; padding: 0; margin: 0;
        border-left: 0 !important;
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    .table-responsive tbody tr td { 
        line-height: 0px;
    }

    .table-responsive tbody { padding: 0 0 2px 2px; margin: 0;  }

    .table-responsive tbody tr td.dk.descript{
        height: 34px; max-height: 34px;
        line-height: 15px;
        vertical-align: middle;
        margin: auto 0;
        text-overflow: ellipsis;
        overflow: hidden;
        text-transform: lowercase;
        text-align: justify;
        overflow-y: auto;
    }

    .table-responsive > tbody > tr td.cell-row {
        line-height: 10px;
        text-align: left;
    }


    .table-responsive tbody tr:first-child { border-top: 1px solid #dedede; }
    .table-responsive tbody tr td.dk.cols { display: inline-block !important; }

    .table-responsive tbody tr:first-child {
        border-top: 1px solid #dedede;
    }

    .table-responsive tbody tr td .icon-responsive-visible {
        display: inline-block ;
    }

    .table-responsive tbody tr td:before {
       content: attr(data-td);
       text-align:left;
       font-weight: bold;
    }

    .img-responsive-visible {
        display: inline-block;
    }

    .table-responsive tbody tr td.dk.cols.mobil-cell-hide {
        display: none !important;
    }


    /*## ALINEACIONES RESPONSIVE ##*/
    .align-left, .align-right-left, .align-center-left,
    .table-responsive tbody tr td.align-left,
    .table-responsive tbody tr td.align-right-left,
    .table-responsive tbody tr td.align-center-left {
        text-align: left !important;
    }

    .align-right, .align-left-right, .align-center-right,
    .table-responsive tbody tr td.align-right,
    .table-responsive tbody tr td.align-left-right,
    .table-responsive tbody tr td.align-center-right {
        text-align: right; !important;
    }

    .align-center, .align-left-center, .align-right-center,
    .table-responsive tbody tr td.align-center,
    .table-responsive tbody tr td.align-left-center,
    .table-responsive tbody tr td.align-right-center {
        text-align: center; !important;
    }



    .ui.celled.table tr th, .ui.celled.table tr td {
        line-height: 1;
    }








}


/* Mobile */
@media only screen and (max-width: 767px) {

    body {
        font-size: 14px;
    }

    .table-responsive tbody {
        background-color: #efefef !important;
    }

    .table-responsive > tbody tr td table.table-responsive {
        padding: 3px 10px !important;
        border-radius: 4px !important;

        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

    }

    .table-responsive > tbody tr td table.table-responsive > tfoot tr {
        height: 40px !important;
    }

    .table-responsive tbody tr {
        display: block !important;
        border-left: 0 !important;
        border-top: 0 !important;
        border-right: 0 !important;
        /*border: 1px solid #dedede !important;*/

        margin: 5px 0px !important;
        width: 98% !important;
        border-radius: 4px !important;

        background-color: white !important;
        padding: 3px !important;

    }

    .cnt-setting-tree {
        width: calc(100% - 0px) !important;
        border-right: 0px !important;
    }

    .cnt-setting,
    .lblcli-name,
    .tools_users_legend {
        display: none !important;
    }

    .hide-mobil,
    td.hide-mobil,
    table tr td.hide-mobil,
    table tbody tr td.hide-mobil
    {
      display: none !important;
    }
    
    [class*="_btn_pag_a"]
    {
        border-radius: 4px 0 0 4px !important;
    }

    [class*="_btn_edit"],
    [class*="_btn_filter"]
    {
        border-radius: 0 4px 4px 0 !important;
    }

    [class*="_btn_pag_items"],
    [class*="_btn_attach_document"],
    /*[class*="_btn_erase"],*/
    [class*="_btn_pag_count"],
    [class*="_btn_reloader"],
    /*[class*="_btn_del"],
    [class*="_btn_res"],*/
    [class*="_txt_search"],
    [class*="_txt_filter"],
    [class*="_btn_filter"],
    [class*="_btn_reloader"],
    [class*="_search"]
    {
        display: none !important;
    }

    [class*="_txt_filter"] {
        width: 80px !important;
    }
    

    .table-responsive > tbody > tr td.hide-mobil:before {
       content: "";
       display: none;
    }

    .progress,
    .progress > .bar {
        height: 8px !important;
    }

    button > span,
    .button > span,
    .lbl_name_mod {
        display: none;
    }



}


@media only screen and (max-width: 991px) {
    /*.table-responsive tbody tr {
        display: inline-block;
        border-left: 1px solid #dedede;
        border-top: 1px solid #dedede;
        border-right: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        margin-top: 2px;
        padding: 10px;
        width: 100%;
        border-radius: 5px;
    }*/
}






/* THEMAS */


/* BLACK */


.win-mask.win-cnt-black {
    background-color: rgba(255,255,255,.2) !important;
}


/* color de la barra de titulo */
.win-cnt.win-cnt-black { border: 2px solid #171717; }
/* color de borde del formulario */
.win-cnt.win-cnt-black .title-bar { background-color: #171717; }


.win-cnt.win-cnt-black .body{background-color: #1e1e1e;}

/* color del arbol de contenido */
.win-cnt.win-cnt-black .cnt-setting-tree .dk.tree li.active { background-color: #056292; }
.win-cnt.win-cnt-black .cnt-setting-tree .dk.tree li { color: #fff;  }
.win-cnt.win-cnt-black .cnt-setting-tree .dk.tree li.item { border-left: 1px dotted #8c8c8c; }
.win-cnt.win-cnt-black .cnt-setting-tree .dk.tree li .line { color: #8c8c8c; border-bottom: 1px dotted #8c8c8c; }


.win-cnt.win-cnt-black .toolbar  { background-color: #454546; }




/* color de las filas alternas de la tabla */
.win-cnt.win-cnt-black .table-responsive thead tr th, 
.win-cnt.win-cnt-black .table-responsive { background-color: #d0d0d0; }
.win-cnt.win-cnt-black .table-responsive tbody tr:nth-child(odd) { background-color:#dadada; }
.win-cnt.win-cnt-black .table-responsive tbody tr:nth-child(even) { background-color: #eaeaea; }

 
.win-cnt.win-cnt-black .lbltitle { color: #fff; }


.win-cnt.win-cnt-black .ui.label {
    background-color: #81818124;
    color: rgb(255, 255, 255, 0.6);
}

/* valores por defecto a los elementos deshabilitados*/
.win-cnt.win-cnt-black button.disabled, .win-cnt.win-cnt-black input.disabled, .win-cnt.win-cnt-black optgroup.disabled, 
.win-cnt.win-cnt-black select.disabled, .win-cnt.win-cnt-black textarea.disabled,
.win-cnt.win-cnt-black button:disabled, .win-cnt.win-cnt-black input:disabled, .win-cnt.win-cnt-black optgroup:disabled, 
.win-cnt.win-cnt-black select:disabled, .win-cnt.win-cnt-black textarea:disabled  {
    background-color: #5e5e5e;
    color : #c1bfbf;
}

.win-cnt.win-cnt-black button, .win-cnt.win-cnt-black input, .win-cnt.win-cnt-black optgroup, 
.win-cnt.win-cnt-black select, .win-cnt.win-cnt-black textarea {

    border: 0px solid transparent;
}

.win-cnt.win-cnt-black .loading.table {
    background-color: rgba(0,0,0,.6);
}


/* BLUE */
/* color de la barra de titulo */
.win-cnt.win-cnt-blue { border: 2px solid #3A93D7; }
/* color de borde del formulario */
.win-cnt.win-cnt-blue .title-bar { background-color: #3A93D7; }
/* color del arbol de contenido */
.win-cnt.win-cnt-blue .cnt-setting-tree .dk.tree li.active { background-color: #a4cae8; }
/* color de las filas alternas de la tabla */
/*.win-cnt.win-cnt-blue .table-responsive tbody tr:nth-child(odd) { background-color:#f5faff; }*/

/* ORANGE */
/* color de la barra de titulo */
.win-cnt.win-cnt-orange { border: 2px solid #d9b431; }
/* color de borde del formulario */
.win-cnt.win-cnt-orange .title-bar { background-color: #d9b431; }
/* color del arbol de contenido */
.win-cnt.win-cnt-orange .cnt-setting-tree .dk.tree li.active { background-color: #a4cae8; }
/* color de las filas alternas de la tabla */
/*.win-cnt.win-cnt-orange .table-responsive tbody tr:nth-child(odd) { background-color:#f5faff; }*/

/* red */
/* color de la barra de titulo */
.win-cnt.win-cnt-red { border: 2px solid #bb2121; }
/* color de borde del formulario */
.win-cnt.win-cnt-red .title-bar { background-color: #bb2121; }
/* color del arbol de contenido */
.win-cnt.win-cnt-red .cnt-setting-tree .dk.tree li.active { background-color: #a4cae8; }
/* color de las filas alternas de la tabla */
/*.win-cnt.win-cnt-red .table-responsive tbody tr:nth-child(odd) { background-color:#f5faff; }*/

/* green */
/* color de la barra de titulo */
.win-cnt.win-cnt-green { border: 2px solid #429b12; }
/* color de borde del formulario */
.win-cnt.win-cnt-green .title-bar { background-color: #429b12; }
/* color del arbol de contenido */
.win-cnt.win-cnt-green .cnt-setting-tree .dk.tree li.active { background-color: #a4cae8; }
/* color de las filas alternas de la tabla */
/*.win-cnt.win-cnt-green .table-responsive tbody tr:nth-child(odd) { background-color:#f5faff; }*/

/* tema para mensajes */
.win-cnt.win-cnt-msg { border: 3px solid #fff; border-radius: 15px; }
.win-cnt.win-cnt-msg .title-bar { background-color: #f1f1f1; border-radius: 10px 10px 0 0;}
.win-cnt.win-cnt-msg .body { border-radius: 0 0 10px 10px;}
.win-cnt.win-cnt-msg .title-bar .title{ color: #000; }
.win-cnt.win-cnt-msg .title-bar .action .close{ border-radius: 15px; }




.ui.dropdown > .dropdown.icon {
    font-size: 12px;
}

.ui.dropdown .menu > .item {
    line-height: 12px;
    font-size: 12px;
    height: 30px;
}

.ui.dropdown.multiple .menu > .item {
    line-height: 11px;
    font-size: 12px;
    height:  auto !important;
}

.ui.selection.dropdown .menu > .item {
    padding: 5px !important;
}


.btnItem {
    border: 1px solid #dededf;
    border-radius: 3px;
    background-color: #e8e8e8;
    padding: 3px;
    display: inline-block;
    margin: 1px;
}

.ui.label{
    margin: 1px 1px 1px 0;
}




.ui.toggle.checkbox input {
    
    width: 2rem;
    height: 1rem;
}

.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {
    width: 2rem;
    height: 1rem;
}

.ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after {
    width: 1rem;
    height: 1rem;
}

.ui.toggle.checkbox .box, .ui.toggle.checkbox label {
    padding-left: 2.5rem;
}

.ui.toggle.checkbox label {
    padding-top: 0;
}

.ui.checkbox .box, .ui.checkbox label {
    display: initial;
}

.ui.toggle.checkbox input:checked ~ .box:after, .ui.toggle.checkbox input:checked ~ label:after {
    left: 1rem;
}




.ui.selection.dropdown {
    padding: /*1.3em*/.75em 2.1em 0.78571429em .75em/*1em*/ !important;
    border-radius: 0;
}

.ui.search.selection.dropdown > input.search {
    line-height: 0;
    /*padding: .8em;*/
}

.cls-group {
    margin-right: 3px !important;
    float:  left !important;
}

.cls-group-tool {
    margin: auto 1px !important;
    vertical-align:top !important;
}


/* login */

.user-login {
    width: 350px; 
    height: 250px; 
    /*background-color: green;*/ 
    position: relative; 
    margin: 0 auto; 
    padding: 10px; 
    top: 50%;
    transform: translate(0,-50%);
    border-radius: 10px;
    /*background-color: rgba(0,0,0, .5);*/
    background-color: rgba(67,131,227, .5);
    /*border: 2px solid rgba(0,0,0, .3);*/
    box-shadow: 0 0 15px rgba(255,255,255,.7);
}

.user-login .fields {
    display: block;
    height: 43px;
    margin-bottom: 2px;: 
}

.user-login .fields .field-title {
    width: 90px;
    height: 43px;
    display: inline-block;
    color: #Efff;
    font-size: 12px;
}

.user-login .fields input {
    height: 40px;
    border-radius: 5px;
    padding: 0 7px;
    background-color: rgba(255,255,255, .3) ;
    width: 180px;

}

.user-login .fields button {
    right: 0;
}



/* escritorio iconos */
/*.desktop-icons {
    width: 100%;
    height: 100%;
    background-color: red;
}

.ui.buttons {
    vertical-align: top;
}

.ui.floating.label {
    left: initial !important;
    margin: 0 !important;
}
*/

.desktop-icons-content {
    width: 100%; padding:3px;
}

.desktop-icons-content .desktop-icons {
    width: 70px; height: 80px; display: inline-block; padding: 3px; vertical-align: top; position: relative;margin: 3px; text-align: center;
    /*background-color: rgba(0,0,0,.1);*/ border-radius: 5px;
    cursor: pointer;
    /*box-shadow: 0 0 2px rgba(255,255,255,.3);*/
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 7px 3px;
}

.desktop-icons-content .desktop-icons:hover {
    /*background-color: rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(255,255,255,.7);*/
}

.desktop-icons-content .desktop-icons:hover .titles {
    color: rgba(255,255,255,.8);
}

.desktop-icons-content .desktop-icons .icons {
    font-size: 25px !important; width: 100%; margin-top: 7px;
    color: rgba(0,0,0,.7);
    text-shadow: 1px 1px 1px rgba(255,255,255,.2);;
}

.desktop-icons-content .desktop-icons .titles {
    font-size: 12px; width: 100%; height: 45px; overflow: hidden; text-overflow: ellipsis;line-height: 15px; text-align: center; 
    vertical-align: middle; color: rgba(255,255,255,.5);
    text-shadow: 1px 1px 1px #000;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  line-height: 10px;
  margin-top: 5px;
} 





.element_error,
input.element_error:focus  {
    background-color: #fff6f6 !important;
    color: #9f3a38 !important;
    border: 1px solid #e0b4b4 !important ;
}

.slogo {
    width: 280px; height: 60px;
    display: inline-block; vertical-align: middle;
    background: url('../images/png/app/logo_app.png') transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.ui.search.dropdown > .text {
    line-height: 12px !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      width: 95% !important;
}

.ui.search.dropdown .menu > .item {
    height: initial !important; 
}


.document p,
.document p b,
.document span,
.document span b,
.document p span,
.document p span b
{
    font-family:  source_sans_proregular, Arial;
    font-size: 14px;
}

.document p{
    text-align: justify;
}



.ui.styled.accordion .title, .ui.styled.accordion .accordion .title {
    padding: 2px;
}

.ui.styled.accordion .content, .ui.styled.accordion .accordion .content {
    padding: 0.1em 0.5em 0.5em;

}

.ui.button {
    margin: 0;
}


.results .result .content .title {
    border: 0 solid transparent;
    padding: 0;
}


.dropdown-menu {
    background-color: rgba(255,255,255,.9);
    position: absolute;
    padding: 0.3rem;
    /*font-size: .8rem;*/
    font-size: 12px;

 -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);

}

.labeled {
    min-height: 33px !important;
}


#content_header, #content_footer {
    display: none !important;
}

/*
.file-select {          
  position: relative;
  display: inline-block;
}
 
.file-select::before {
  background-color: #2185D0;
  color: white;
  display: flex;            
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  content: 'Seleccionar';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;                
}
 
.file-select input[type="file"] {
  opacity: 0;
  width: 200px;
  height: 32px;
  display: inline-block;
  cursor: pointer;     
}
 
#src-file1::before {
  content: 'Seleccionar Archivo';
}
*/

.ui.selection.dropdown {
    padding: 1em 2.1em 0.78571429em 1em;
}


.ui.selection.dropdown.multiple {
    padding: 2px 2.1em 2px 1em;
}

/* ESTILOS PARA IMPRESIONES */


.table_print tbody tr {
    padding: 5px 0 !important;
}


.table_print tbody tr td,
.table_print tr td {
    font-family: "Arial Narrow";
    font-size: 12px;
    font-weight: 100 !important;
}

.table_print tbody tr td.title,
.table_print tr td.title {
    text-align: left; 
    font-weight: bold !important; 
    padding-right: 5px;
}


.menu-search .labeled .label {
    padding-top: 9px !important;
}


.ui.search.dropdown.tab > .text {
    line-height: 26px !important;
    padding-left: 6px !important;
}

.ui.search.tab.selection.dropdown > input.search {
    padding: .6em !important;

}

.list_print_li {
    padding: 5px;
    font-style: italic; 
    font-weight:normal;
    list-style-type: disc;
    padding-left: 10px;
}

.list_print_ul {
    padding: 5px;
    padding-left: 10px;
    font-weight:bo
}








.table-scroll {
  position: relative;
  width:100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  height: 350px;
}
.table-scroll table {
  width: 100%;
  min-width: 1280px;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}
.table-wrap {
  position: relative;
}
.table-scroll th,
.table-scroll td {
  padding: 5px 10px;
  border: 1px solid #000;
  background: #fff;
  vertical-align: top;
}
.table-scroll thead th {
  background: #333;
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #666;
  color: #fff;
  z-index:4;
}

/*th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #ccc;
}*/

thead th:first-child,
tfoot th:first-child {
  z-index: 5;
}


.table_card tbody th {
    font-weight: bold;
    font-style: italic;
    text-align: left;
    background-color: white;
    line-height: 18px;
    width: 65px;
}

.table-freeze .sticky {
    position: sticky; 
    left: 0; 
}


.line-min > tr > td,
.line-min > tr > td > span
 {
    line-height: 13px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/*.line-min > tr > td > div.progress,
.line-min > tr > td > div.label,
.line-min > tr > td > i,
.line-min > tr > td > button
 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}*/



/*g .highcharts-label.highcharts-data-label.highcharts-data-label-color-undefined > text,
g .highcharts-label.highcharts-data-label.highcharts-data-label-color-1 > text,
g .highcharts-label.highcharts-data-label.highcharts-data-label-color-0 > text,
g .highcharts-axis-labels.highcharts-xaxis-labels text {
    font-size: 12px !important;
}*/

.btn-task-bar-active {
    background-color: #3A93D7 !important;
    border-bottom: 1px solid #3A93D7 !important;
    /*border-radius: 5px 5px 0 0;*/
}

.btn-task-bar-active i {
    color: white;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: rgba(86,86,86,.9);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 5px;
  position: absolute;
  z-index: 1000;
    /*bottom: 125%;*/
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.5s;
  top: 40px;
  min-height: 20px;
  /*height: 100%;*/
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgba(86,86,86,.9) transparent;
}

/*.dk .menu {
    background-color: rgba(255,255,255,1) !important;
}*/

.image_wall {
    width: 80px; 
    height: 50px; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover;
    padding: 2px;
    cursor: pointer;
}

.image_wall_active {
    border: 2px solid #3A93D7;
    border-radius: 5px;
}


.preview_print_box div.table-default > tbody > tr > td{
    /*border-left: 1px dotted #ABB2B9;
    border-top: 1px dotted #ABB2B9;
    border-right: 1px dotted #ABB2B9;
    border-bottom: 1px dotted #ABB2B9;
    line-height: 16px;
    padding-left: 3px;
    padding-right: 3px;*/
    font-family:  Arial !important; 
    font-size: 8px !important;
}

.preview_print_box > .table-responsive > .grid-cell {
  /*margin: 0;
  padding: 2px;
  width: auto;
  height: auto;
  line-height: 16px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;*/
  font-size: 8px  !important;
}

.title_a {
    font-size: 9px !important;
}

.btn_file_attach {
    width:90px; 
    height:80px;
    cursor:pointer;
    margin:2px; 
    border-radius: 7px; 
    background-color: #EDEDED; 
    text-align: center; 
    border: 1px solid #B4B4B4;
}

.btn_file_attach span {
    font-size:10px;
    line-height: 10px;
    padding-left: 3px;
    padding-right: 3px;
}

.btn_file_attach i {
    text-align:center;
    font-size:25px;
    color:#BBBBBB;
    margin-top: 7px;
}



.btn_file_attach.active {
    background-color: #aed6f1 !important;
    border: 1px solid #2e86c1;

}

.btn_file_attach.active i {
    color:  #2e86c1;
    
}

tspan.highcharts-text-outline {
    display: none !important;
}

text.highcharts-credits {
    display: none !important;
}

g.highcharts-label text {
    font-size: 9px !important;
    font-weight: normal !important;
}

.ui.button.dropdown .menu {
    min-width: 0% !important;
}




.toolbar_group > *:first-child {
    border-radius: 5px 0 0 5px !important;
}

.toolbar_group > *:last-child,
.toolbar_group > *:last-child > div.dropdown {
    border-radius: 0 5px 5px 0 !important;
}

.toolbar_group > *:only-child,
.toolbar_group > *:only-child > div.dropdown {
    border-radius: 5px !important;
}


.toolbar_group > *,
.toolbar_group > div > div.dropdown.selection {
    height: 30px !important;
}

.toolbar_group div.dropdown.search.selection  {
    padding-left: 11px !important ;
}

.toolbar_group div.dropdown.selection  {
    padding: 0.8em 2.1em 0.78571429em 1em !important;
}


.toolbar_group div.dropdown.search.selection div.menu div.item  {
    padding: 10px !important;
}

.toolbar_group div.dropdown.selection div.menu div.item  {
    padding: 10px 10px !important;
}

.toolbar_group div.dropdown.selection > .dropdown.icon {
    padding: 0.71666667em;
}

.toolbar_group div.search  {
    padding: 8px !important;
}

.toolbar_group div.dropdown > input.search {
    padding: 0.8em 2.1em 0.78571429em 1em !important;
}




.template_table {
    border-collapse: collapse;
    border: 1px solid #000;
}

.template_table td, 
.template_table th {
    border: 1px solid gray; /* Bordes en cada celda */
    font-size: 12px !important;
}


.template_table_row {

    min-height: 50px;
}

.template_table_row_cell {

    padding: 3px;
    align-items: center; 
    font-weight: bold;
    flex: auto;
}

.cell_td {
    color: #3498db;
}

.cell_td_center {
    text-align: center;

}

.cell_th {
    justify-content: center; 
    align-items: center; 
    background-color: #eaecee !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}


.tbl_logo {
  display: grid;
  grid-template-columns: 12% 76% 12%; /* columnas de distinto ancho */
  grid-template-rows: 10px 30px 10px;      /* filas de distinto alto */
  gap: 1px;
}

.tbl_logo .celda {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2980b9;
}

.form_footer{
    width: 100%;
    margin-left: -3px;
}

/* Chrome, Safari, Edge (WebKit) */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

span.comment {
    color:#4183c4;
}

span.comment_print {
    color:#4183c4;
    font-size: 9px;
    line-height: 10px;
    text-transform: uppercase;
}

.firmas-container {
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
}

.firma-box {
  width: 350px;
  text-align: center;

}

.firma-linea {
  border-top: 1px solid #000;
  margin: 15px 0 0 0;
}

.firma-label {
  text-align: left;
  padding: 5px 0;
}

.data {
    border-bottom: 1px solid #000;
    
}
.cia {
    text-align: center;
    font-weight: bold;
}

.img_galery > img {
    /*border: 2px solid #fff;*/
    border-radius: 5px;
    cursor: pointer;
    width:46px !important; 
    height:46px !important; /*object-fit: cover;*/
    object-fit: cover;
}

.img_galery > img.selected {
    /*border: 2px solid #2e86c1;*/
    /*box-shadow: 0 0 2px 2px rgba(46, 134, 193,.8);*/
    box-shadow: 0 0px 6px rgba(46, 134, 193,.5);
}

.img_galery > img  
 {
    display: inline-block;
    margin: 0 2px !important;
}














        /* ÚNICO ELEMENTO - loading principal */
        .loading {
            font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace !important;
            background-color: #fff;
            color: transparent;
            background: url(../images/gif/loader.gif) rgba(255,255,255,.2) no-repeat center center;
            backdrop-filter: blur(1px);
            /*width: 100%;
            height: 100%;*/

    /* Forzar renderizado consistente */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
        }

        /* Corchete izquierdo 
        .loading::before {
            content: '{';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-53%, -50%) !important; 
            font-size: 25px;
            font-weight: bold;
            color: #3A93D7;
            line-height: 1;
            animation: moveLeftBracket 1.2s ease-in-out forwards;
        }*/

        /* Corchete derecho 
        .loading::after {
            content: '}';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-47%, -50%) !important; 
            font-size: 25px;
            font-weight: bold;
            color: #3A93D7;
            line-height: 1;
            animation: moveRightBracket 1.2s ease-in-out forwards;
        }*/




        /* Imagen PERFECTAMENTE centrada usando box-shadow del loading */
        .loading {
            background: url('../images/gif/loader.gif') center center no-repeat;
            background-position: center center; /* Centrado exacto */
            transform: scale(0);
            animation: showImage 0.8s ease-out 0.6s forwards;
        }

        /* Mensaje usando data attributes */
        .loading::before {
            counter-reset: message;
        }

        .loading::after {
            counter-increment: message;
        }

                /* Animaciones mejoradas */
@keyframes moveLeftBracket {
    0% {
        left: 50%;
        transform: translate(-50%, -64%);
    }
    100% {
        left: calc(50% - 30px); /* Se mueve 30px a la izquierda del centro */
        transform: translate(-53%, -64%);
    }
}

@keyframes moveRightBracket {
    0% {
        left: 50%;
        transform: translate(-50%, -64%);
    }
    100% {
        left: calc(50% + 30px); /* Se mueve 30px a la derecha del centro */
        transform: translate(-47%, -64%);
    }
}



        @keyframes showImage {
            0% {
                transform: scale(1);
                opacity: 1;
                background-position: center center;
            }
            70% {
                transform: scale(1.1);
                opacity: 1;
                background-position: center center;
            }
            100% {
                transform: scale(1);
                opacity: 1;
                background-position: center center;
            }
        }



/*###   LOGIN   ###*/

        .wallpaper-login {
            background: 
                linear-gradient(rgba(26, 26, 46, 0.85), rgba(22, 33, 62, 0.9)),
                url('../images/avif/login.avif') no-repeat center center fixed;
            background-size: cover;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            position: relative;



        }

        .particles-container {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        .particle {
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
            background: radial-gradient(circle, rgba(3, 233, 244, 0.6) 0%, rgba(3, 233, 244, 0) 70%);
            filter: blur(3px);
        }

        .login-wrapper {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            max-width: 800px;
            height: 100%;
            margin: 0 auto;
        }

.brackets {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 110px;
    z-index: 2;
    pointer-events: none;
    white-space: nowrap;
}

/* Estilos específicos para cada corchete */
.bracket-left, .bracket-right {
    font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace !important;
    font-size: 140px !important;
    color: #fff !important;
    transition: all 1.5s ease !important;
    text-shadow: 0 0 30px rgba(3, 233, 244, 0.5) !important;
    line-height: 1 !important;
    display: block !important;
    height: auto !important;
    width: auto !important;

    /* Forzar renderizado consistente */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.innova-line-wrapper .innova,
.logo-container .code {
    font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

        .bracket-left {
            transform: translateX(-500px) translateY(-0px);
            transition: transform 0.6s ease, opacity 1s ease 0.3s;
            opacity: 1;
        }

        .bracket-right {
            transform: translateX(500px) translateY(-0px);;
            transition: transform 0.6s ease, opacity 1s ease 0.3s;
            opacity: 1;
        }

        .brackets.separated .bracket-left {
            transform: translateX(-10px) translateY(-0px);
        }

        .brackets.separated .bracket-right {
            transform: translateX(10px) translateY(-0px);
        }

        .brackets.fading .bracket-left,
        .brackets.fading .bracket-right {
            opacity: 0.7;
        }

        .brackets.faded .bracket-left,
        .brackets.faded .bracket-right {
            opacity: 0.3;
        }

        .brackets.very-faded .bracket-left,
        .brackets.very-faded .bracket-right {
            opacity: 0.1;
        }

        .brackets.almost-gone .bracket-left,
        .brackets.almost-gone .bracket-right {
            opacity: 0.05;
        }

        .brackets.gone .bracket-left,
        .brackets.gone .bracket-right {
            opacity: 0;
        }

        /* Estilos para el logo INNOVA CODE */
        .logo-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            width: fit-content;
            z-index: 3;
            transition: opacity 1s ease 0.3s;
            opacity: 1;
        }

        .innova-line-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            transform: scaleX(0.5) scaleY(0.8); 
            transform-origin: center;
            white-space: nowrap; 
            border-bottom: 2px solid white; 
            padding-bottom: 5px; 
        }

        .innova {
            font-family: 'Arial', sans-serif;
            font-size: 50px; 
            color: #DAA520;
            font-weight: 500;
            letter-spacing: 10px; 
            line-height: 1;
        }

        .code {
            font-family: 'Courier New', Courier, monospace;
            font-size: 38px;
            color: white;
            font-weight: normal;
            letter-spacing: 3px; 
            line-height: 1;
            white-space: nowrap;
        }

        .brackets.fading .logo-container {
            opacity: 0.7;
        }

        .brackets.faded .logo-container {
            opacity: 0.3;
        }

        .brackets.very-faded .logo-container {
            opacity: 0.1;
        }

        .brackets.almost-gone .logo-container {
            opacity: 0.05;
        }

        .brackets.gone .logo-container {
            opacity: 0;
        }

        .login-container {
            position: relative;
            z-index: 1;
            width: 100%;
            max-width: 400px;
            padding: 40px;
            background: rgba(255, 255, 255, 0.12);
            backdrop-filter: blur(15px);
            border-radius: 16px;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
            color: white;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid rgba(255, 255, 255, 0.1);
            opacity: 0;
            transform: scale(0.8);
            transition: all 0.5s ease 1.2s;
            margin: 0 auto;
        }

        .login-container.show {
            opacity: 1;
            transform: scale(1);
        }

        .logo {
            text-align: center;
            margin-bottom: 10px;
        }

        .logo h1 {
            font-size: 28px;
            font-weight: 700;
            background: linear-gradient(45deg, #03e9f4, #0288d1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 5px;
        }

        .logo p {
            font-size: 14px;
            color: #bbb;
            margin-bottom: 25px;
        }

        h2 {
            text-align: center;
            margin-bottom: 30px;
            font-weight: 600;
            letter-spacing: 1px;
            font-size: 24px;
            color: #fff;
        }

        .input-group {
            position: relative;
            margin-bottom: 30px;
        }









/* Reset para TODOS los estados del input */
.login-container .input-group input[type="text"],
.login-container .input-group input[type="text"]:focus,
.login-container .input-group input[type="text"]:placeholder-shown,
.login-container .input-group input[type="text"]:valid,
.login-container .input-group input[type="text"]:invalid,
.login-container .input-group input[type="password"],
.login-container .input-group input[type="password"]:focus,
.login-container .input-group input[type="password"]:placeholder-shown,
.login-container .input-group input[type="password"]:valid,
.login-container .input-group input[type="password"]:invalid
{
    all: unset !important;
    box-sizing: border-box !important;
    display: block !important;
    
    width: 100% !important;
    padding: 5px 0 !important;
    font-size: 16px !important;
    color: white !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    outline: none !important;
    background: transparent !important;
    background-color: transparent !important;
    transition: all 0.3s !important;
}

.login-container .input-group select,
.login-container .input-group select:focus,
.login-container .input-group select:valid,
.login-container .input-group select:invalid 
{

    display: block !important;
    
    width: 100% !important;
    padding: 5px 0 !important;
    font-size: 16px !important;
    color: white !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;

    background: transparent !important;
    background-color: transparent !important;
    transition: all 0.3s !important;
}

.login-container .input-group select option{
    color: black;
}


/* Labels */
.login-container .input-group label {
    position: absolute !important;
    top: 5px !important;
    left: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    pointer-events: none !important;
    transition: 0.3s !important;
}

/* Estados focus/valid de los labels */
.login-container .input-group input:focus ~ label,
.login-container .input-group input:valid ~ label,
.login-container .input-group select:focus ~ label,
.login-container .input-group select:valid ~ label {
    top: -18px !important;
    font-size: 13px !important;
    color: #03e9f4 !important;
    font-weight: 600 !important;
}









        .button-login {
            background: linear-gradient(45deg, #03e9f4, #0288d1);
            border: none;
            outline: none;
            color: white;
            padding: 14px 20px;
            cursor: pointer;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            width: 100%;
            transition: 0.4s;
            margin-top: 15px;
            box-shadow: 0 5px 15px rgba(3, 233, 244, 0.4);
            letter-spacing: 0.5px;
        }

        .button-login:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(3, 233, 244, 0.6);
        }

        .links {
            display: flex;
            justify-content: center;
            margin-top: 25px;
        }

        .links a {
            color: #bbb;
            text-decoration: none;
            font-size: 14px;
            transition: 0.3s;
            padding: 8px 16px;
            border-radius: 20px;
        }

        .links a:hover {
            color: #03e9f4;
            background: rgba(3, 233, 244, 0.1);
        }

        .footer {
            text-align: center;
            margin-top: 30px;
            font-size: 12px;
            color: rgba(255, 255, 255, 0.5);
        }

        /* Prevenir scroll en toda la página */
        html, body {
            overflow: hidden;
            position: fixed;
            width: 100%;
            height: 100%;
        }

.height-33 {
    height: 33px !important;
}

.height-elems {
    height: 31px !important;

}

.height-min-elems {
    min-height: 31px !important;
    height: auto !important;
}

.margin-form-group {
    margin: 0 !important;
    margin: 1px 0px 1px 0px !important;
}

.font {
    font-family: "Arial Narrow" !important;
    font-size: 12px !important;
}

.ui.label {
    padding: 4px !important;
}

.form-lbl {
    display: inline-flex !important; 
    align-items: center !important; 
    min-width: 60px !important;
}

.ui.search.dropdown > .text {
    left: -4px !important;
}

.ui.search.selection.dropdown > input.search{
    padding: 0.67857143em 2.1em 0.67857143em 0.4em !important;
}

.ui.dropdown .menu > .item {
    display: flex;
    align-items: center !important;
    min-height: 30px !important;
}

.ui.dropdown > .text {
    margin-left: -4px !important;
}