/*fix calendar sunds*/
.Wt-cal table.d3 {
    max-width: 100% !important;
    display: block;
    width: auto !important;
}


#form---toolbar.btn-toolbar {
    flex-wrap: nowrap !important;
    justify-content: space-between;
}

/* since bootrap 5 (wt4.10) */
.modal {
    --bs-modal-width: auto !important;
}
.btn:not(.btn-primary):not(.btn-info):not(.btn-success):not(.btn-danger):not(.btn-error):not(.btn-warning),
.btn:hover:not(.btn-primary):not(.btn-info):not(.btn-success):not(.btn-danger):not(.btn-error):not(.btn-warning):not(.bdlook_noborder) {
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-hover-bg: #e6e6e6;
}

.btn-scripter:not(.btn-primary):not(.btn-info):not(.btn-success):not(.btn-danger):not(.btn-error):not(.bdlook_noborder) {
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-hover-bg: #e6e6e6;
}

.btn-default,
.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}

.btn-default:focus, .btn-outline-secondary:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

.btn-default:hover, .btn-outline-secondary:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active, .btn-outline-secondary:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
/* since bootrap 5 (wt4.10) */

body, html {
    height: 100%; margin: 0px, 0px, 0px, 0px;
    font-family: verdana,helvetica,tahoma,sans-serif;
    font-size: 10pt;
} 

.debug--border {
    border: 2px dotted red;
}

.chart--container {
    border: 1px solid #cccccc;
}


.maindiv_welcome {
    height: 100%;
    margin: 0px, 0px, 0px, 0px;
    background-color: #F2F2F2;
    background: url(icons_o/background4.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}


/* black and white theme 
div.maindiv.BSThemeV5_BlackAndWhite img {
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}
*/
/* codemirror */
.no_permissions_vbscript {
    text-align: center;
    transform: translateY(40%);
}

.tree_has_script_green {
    background-color: rgba(234, 250, 232, 0.5);
}
.tree_has_script_blue {
    background-color: rgba(235, 247, 250, 0.5);
}

/* july 2021 btn see execute scripts on inputform*/
.code_vbasic_hover {
    opacity: 0.9;
}
/* july 2021 btn see execute scripts on inputform*/
.code_vbasic_hover:hover
{
   opacity: 1 !important;
}
.hidden_textarea {
    visibility: hidden !important;
}
.CodeMirror.cm-s-default {
    border: 1px solid lightgrey;
}

/* web editor codemirror */
#editorContainer .CodeMirror.cm-s-default {
    border: 1px solid lightgrey;
    height: 100% !important;
}

/* fin codemirror */
.maindiv_centered {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 480px;
    width: 400px;
    margin: -250px 0 0 -200px;
}

.maindiv_welcome_cloud
{
    height: 100%; margin: 0px, 0px, 0px, 0px;
    background-color: #F2F2F2;
    /*background: url(./icons_o/background_cloud.jpg);*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.maindiv_cloud_body {
    height: 100%; margin: 0px, 0px, 0px, 0px;
    font-family: verdana,helvetica,tahoma,sans-serif;
    font-size: 10pt;
    background-color: OldLace;
}

.maindiv_cloud_cfg
{
    background-color: OldLace;
}

.--centered {
    margin: 0 auto;
    text-align: center;/* bs5 */
}
.centered {
    margin: 0 auto;
    text-align: center;/* bs5 */
}
.display-table {
    display: table;
}
.display--block {
    display: block;
}
.display-flex {
    display: flex !important;
}

.flex-centered {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.maindiv_centered_cloud
{
    position: absolute;
	top: 50%;
	left: 50%;
	height: 480px;
	width: 400px;
	margin: -250px 0 0 -200px;
    /*jr> july 2021*/
    word-break: break-word;
}


.row_itemview_centered 
{
    display: table-cell;
    vertical-align: middle;
    float: none;
    background-color: white;
    border: 1px solid #98B0D0;
    text-align: center;
}

.Wt-itemview {
    background-color: white;
    border: 1px solid #98B0D0;
}

.title {
    font-weight: bold;
}

.app_install_title {
    font-weight: bold;
    font-size: larger;
    text-align: center;
}

.about {
    background-color: white;
    border: 1px solid #98B0D0;
    font-size: 80%;
}

.--pointer {
    cursor: pointer !important;
}

.wci_big_number 
{
    font-size: 200%;
    font-weight: bold;
}

.wci_group_box {
    /*background-color: #ffffB8;*/
    /*background-color: #FFF7CC; till march2026 */
    background-color: #FFF3B0;
    /*margin-bottom: 2px;
    margin-top: 2px;*/
}

.wci_group_optional {
    background-color: #ffebcd;
    margin-bottom: 2px;
    margin-top: 2px;
}

.wci_group_optional_active {
    background-color: #ffddcd;
    margin-bottom: 2px;
    margin-top: 2px;
}

.wci_doc_status_ok {
    position: absolute; /* absolute position (so we can position it where we want)*/
    bottombottom: 0px; /* position will be on bottom */
    left: 0px;
    width: 100%;
    /* styling bellow */
    background-color: #ffddcd;
    margin-bottom: 2px;
    margin-top: 2px;
    opacity: 0.6;
}

.wci_form_group_table {
    width: 100%;
}

.wci_lines_split_btn
{
    white-space:normal !important;
    word-wrap:break-word;
}

.wci_valign {
    display: flex;
    align-items: center;
}

.wci_vrow {
    /*border: 1px solid red;*/
    margin-right: -15px;
    margin-left: 0px;
    padding-left: 1px;
    padding-right: 1px;
    /* new */
    /*
        padding: 2px;
        border-bottom: 1px dotted grey;
    */
    position: relative;/*bs5*/
    align-items: center;
    padding-bottom: 0.2px;
}
/* zebra coloring */
.row.wci_vrow:nth-of-type(odd) {
    background: #F8F8F8;
}

.wci_vcol
{
    /*border: 1px solid blue;*/
    padding-left: 1px;
    /* padding-right: 1px; */ /* Removed for Wt-4 */
}
/* jr: own styles */

.sysval-ignored
{
/*
  background-image: url(/wci/images/ignored-stripes-transparent.png);
  background-repeat: repeat;
*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}
.sysval-ignored-wrap
{
    background: transparent;
    background-size: 6px 6px !important;
    background-size: 100%;
    background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0) 46%, orange 49%, orange 51%, rgba(0, 0, 0, 0) 55%);
    background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0) 46%, orange 49%, orange 51%, rgba(0, 0, 0, 0) 55%);
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0) 46%, #e03218 49%, orange 51%, rgba(0, 0, 0, 0) 55%);
}


.sysval-OCR_Status_DONE { }


img.chatgpt_status_info_styclass {
    width: auto;
    height: auto;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: xx-small;
    padding: 0.5px 1.2px;
    text-align: center;
    top: 47px;
    left: 2px;
    cursor: pointer;
}

.ocr_status_info_styclass {
    width: auto;
    height: auto;
    position: absolute;
    font-size: xx-small;
    padding: 0.5px 1.2px;
    text-align: center;
    border-radius: 4px;
    top: 26px;
    left: 2px;
    cursor: pointer;
    /**/
    background: white;
    border-radius: 50%;
    
}
    .ocr_status_info_styclass.sysval-OCR_Status_FAIL {
        top: 23px !important;
    }
/*
    .ocr_status_info_styclass.sysval-OCR_Status_DONE {
        background-color: var(--bs-success);
        color: white;
    }
    .ocr_status_info_styclass.sysval-OCR_Status_REVIEWED {
        background-color: var(--bs-info);
        color: white;
    }
    .ocr_status_info_styclass.sysval-OCR_Status_FAIL {
        background-color: var(--bs-danger);
        color: white;
    }
    .ocr_status_info_styclass.sysval-OCR_Status_ {
        background-color: var(--bs-light);
        color: black;
    }
    */

.imgf__ {
    /*height: auto !important;*/
    position:relative;
}
/*
.sysval-ignored:before
{
    width: 50px;
    content: " ";
    background-image: url(/img/border-left3.png);
    background-repeat: repeat;
    position: absolute;
    left: 0;
    top: 0;
    height:50px;
}

.sysval-ignored::before
{
    width: 50px;
    content: " ";
    background-image: url(/img/border-left3.png);
    background-repeat: repeat;
    position: absolute;
    left: 0;
    top: 0;
    height:50px;
}
*/
/* jesus styles to make life easier */
.center-margin {
    margin: 0 auto;
}

.no-opacity {
    opacity: 1 !important;
}

.text-11 {
    font-size: 11px !important;
}

.text-bold {
    font-weight: bold;
}

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

.text-truncate-496px {
    width:500px;
    max-width: 500px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-truncate-inline-block {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.text-truncate-inline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline;
}

.font-weight-light {
    font-weight: 300 !important;
}

.slight-margin {
    margin: 4px;
}

.slight-margin-top-bottom {
    margin-top: 4px;
    margin-bottom: 4px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-right-5 {
    padding-right: 5px;
}

.vertical-align-bottom {
    vertical-align: bottom;
}
.pt-4 {
    padding-top: 4px;
}
.pt-05em {
    padding-top: 0.5em;
}
.text-15 {
    font-size: 15px;
}
/* jr> styles */
.text-smaller, text-smr {
    font-size: smaller;
}
.text-small, text-sm {
    font-size: small;
}
.text-medium, text-md {
    font-size: medium;
}
.text-large, text-lg {
    font-size: large;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-auto {
    overflow: auto; /*No poner !important aquí*/
}
/* drop zone for widget form */
form.drop_zone > input[type='file'] {
    padding: 1.5rem 1.5em 3em;
    width: 100%;
    border: 1px dashed #cccccc;
}

pre.prettyprint {
    padding-bottom: 8px !important;
    padding-top: 8px !important;
}


.disableditem {
    background-color: var(--bs-gray-200);
}


.deleteditem {
    background-image: repeating-linear-gradient(135deg, transparent, transparent 12px, rgba(255, 1, 1, 0.15) 12px, rgba(255, 1, 1, 0.15) 18px );
}

.ignoreditem {
    background-image: repeating-linear-gradient( 135deg, transparent, transparent 12px, rgba(255, 165, 0, 0.15) 12px, rgba(255, 165, 0, 0.15) 18px );
}

.myHeightOverflow {
    max-height: 500px !important;
    overflow: auto;
}

.cell-success {
    background-color: rgba(211, 223, 135, 0.2) !important;
}
.cell-success.active, .cell-danger.active {
    background-color: #428bca !important;
}

/* http://localhost:10000/?_=/scheduled_reports */
.cell-danger {
    --bs-bg-opacity: .1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important;
}
.cell-info {
    background-color: rgba(0, 64, 133, 0.2) !important;
}
.cell-warning {
    background-color: rgba(255, 193, 7, 0.2) !important;
}

.background-danger-important {
    background-color: #a94442 !important;
}
.background-success-important {
    background-color: #28a745 !important;
}
.background-info-important {
    background-color: #004085 !important;
}
.background-warning-important {
    background-color: #ffc107 !important;
}

.background-white-important {
    background: #ffffff !important;
}

.text-danger-important {
    color: #a94442 !important;
}

.text-warning-important
{
    color: #ffc107 !important;
}

.text-success-important
{
    color: #28a745 !important;
}
.text-info-important {
    color: #004085 !important;
}

.display--table {
    display: table !important;
}

.navbar-inverse .navbar-nav > li.text-success-important > a 
{
    color: #28a745 !important;
}

.navbar-inverse .navbar-nav > li.text-danger-important > a 
{
    color: #a94442 !important;
}

/* Drop downs */
ul.Wt-popup.dropdown-menu > li:hover {
    cursor: pointer !important;
}
ul.Wt-popup.dropdown-menu > li.my--active {
    background: #428bca;
}
ul.Wt-popup.dropdown-menu > li.my--active a {
    color: white !important;
    text-decoration: none;
}
ul.Wt-popup.dropdown-menu > li:not(.my--active).active {
    background: #e5e5e5;
}
/* ul.Wt-popup.dropdown-menu > li.active a {} */

/* alertas */

/* problema con reparenting */
/*
.Wt-popup.alerts--popup--menu.visi_hidden.dropdown-menu.wt-reparented {
   
    display: none !important;
    visibility: hidden !important;
    width: 0px;
    height: 0px;
}
    */

.dropdown-menu > li.text-danger-important > a {
    color: #a94442 !important;
    background: #fff !important;
}
.dropdown-menu > li.text-warning-important > a {
    color: darkorange !important;
    background: #fff !important;
}
.text-warning-important.dropdown > li.text-warning-important > a {
    color: darkorange !important;
}
.navbar-inverse .navbar-nav > li.text-warning-important > a {
    color: #ffac07;
}
.navbar-inverse .navbar-nav > li.text-warning-important:hover > a {
    color: #ff9807;
}

.dropdown-menu > li.text-success-important > a {
    color: #28a745 !important;
    background: #fff !important;
}
.dropdown-menu > li.text-warning-important > a {
    /*color: #ffc107 !important;*/
    color: #ff8307 !important;
    background: #fff !important;
}

li.css_image_envelope > a:before {
    content: '\2709';
    margin-right: 4px;
    font-size: 20px;
    line-height: 0;
    position: relative;
    top: 3px;
}

.position-relative {
    position: relative;
}

.alerts--popup--menu > li {
    cursor: inherit !important;
    background: transparent;
}
.alerts--popup--menu > :not(.alert--title) > a {
    padding-left: 26px !important;
}
.alerts--popup--menu > :not(.alert--title) > a:before {
    content: "\A";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: grey;
    display: inline-block;
    margin: 0 6px 2px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a.no-hover-important:hover, .dropdown-menu > .active > a.no-hover-important:focus {
    color: #666 !important;
    text-decoration: none !important;
    background-color: transparent !important;
    outline: 0 !important;
    cursor: default !important;
}

/* overwrite wt 3 css navbar */
    /* COLORES ANDRES */
    /* doJavascript('document.write =" <style> .rojo-rojo{ background-color: red; } </style>"'); */
    /* new autocomplete item */
    .autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

.form-view-container-div {
    position: relative;
}

.autocomplete-items {
    /*position the autocomplete items to be the same width as the container:*/
    /*position: absolute;*/ /*bs4*/
    position: absolute; /*bs5*/
    border: 1px solid #ccc; /*#d4d4d4;*/
    z-index: 99; /* 9999 */
    overflow-x: no-display;
    overflow-y: auto;
    margin-right: 10px;
    width: 80%;
    max-height: 280px;
    right: 10px;
    height: auto;
    visibility: hidden;
    /*shadow*/
    -webkit-box-shadow: 0px 1px 2px 1px rgba(212,212,212,0.75);
    -moz-box-shadow: 0px 1px 2px 1px rgba(212,212,212,0.75);
    box-shadow: 0px 1px 2px 1px rgba(212,212,212,0.75);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    /* borders*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-width: 95%;
}
.autocomplete-items.au-top {
    /* position the autocomplete items to be the same width as the container: */
    bottom: 26px;
}
.autocomplete-items.au-top.has-errore {
    bottom: 43px;/* si tiene error lo subimos un poquito */
}
.autocomplete-items.au-bottom {
    /* position the autocomplete items to be the same width as the container: */
    /* top: 25px; */
}

.autocomplete-items .au-list-item-wrap {
    /* when hovering an item: */
    background-color: #e9e9e9;
    padding: 6px 4px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items .item-au-list-title {
    /* when hovering an item: */
    font-size: 13px;
}
.autocomplete-items .item-au-list-desc {
    /* when hovering an item: */
    font-size: 10px;
    font-style: italic;
}

.autocomplete-items .au-list-item-wrap:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
    cursor: pointer;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

/* Estas dos son imprtantes para salvar el problema del espacio con el header responsive */
/* omitting
#n4v8g3ti9n.marginBottom20imp {
    margin-bottom: 20px !important;
}

#n4v8g3ti9n {
    margin-bottom: -20px !important;
    border-radius: 0px !important;
}
    */

/*
.visi_hidden {
    display: block !important;
}
    */

.---pointer {
    cursor: pointer !important;
}

.wy-tooltip, .---wy-tooltip {
    border: 1px solid #F1D031;
    color: #444;
    background: #FFFFA3;
    box-shadow: 0 2px 3px #999;
    position: absolute;
    padding: 5px;
    text-align: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.wy-hide, .---wy-hide {
    display: none;
}


.---input_emulator_class {
    height: 24px;
    padding: 1px 2px;
    font: 12px Arial;
    line-height: 1.328571429;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 12.8px Arial;
    /* padding: 1px 0px; */
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}


.my-has-error {
    border: 1px solid red;
}


input.my--field--w--formula::before {
    content: '';
    background: url('icons_o/16x16/error_red.png'); /*url of image*/
    height: 16px; /*height of image*/
    width: 33px; /*width of image*/
    position: absolute;
}

input.my--field--w--scriptevent::before {
    content: '';
    background: url('icons_o/16x16/code_vbasic.png'); /*url of image*/
    height: 16px; /*height of image*/
    width: 33px; /*width of image*/
    position: absolute;
}


/*https://www.color-hex.com/color-palette/5361*/
.report2-header-group-job {
    background: #ffb3ba !important;
}
.report2-header-group-batch {
    background: #ffdfba !important;
}
/* processing level  doc*/
.report2-header-group-proc {
    background: #ffffba !important;
}
/* input level  page */
.report2-header-group-input {
    background: #fcdfec !important;
}
/**/
.report2-header-group-output {
    background: #baffc9 !important;
}
.report2-header-group-modifs {
    background: #bae1ff !important;
}
.report2-header-group-ai {
    background: #C3B1E1 !important;
}


.reports2-leyend div{
    width: auto;
    height: auto;
    margin-left:4px;
    padding: 2px 4px;
    margin-top: 2px;
}

.scroll-y {
    overflow-y: scroll!important;
}

.---d-inline-flex {
    display: inline-flex!important;
}

.sharedtoolbar---widget-identifier {

}

.fleft {
    float:left;
}
.fright {
    float: right;
}
.clear-both {
    clear: both;
}
.---font-size-9 {
    font-size: 9px;
}

.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left !important;
}

/* to be removed 
#wcr_notifications1_Container > div {
    border: 1px solid red;
}
*/
.my--email-inbox-class {
    background: white;
    padding: 10px;
    font-weight: 100;
    border: 1px dashed grey;
}

.only--first-page-thumb {
    -moz-box-shadow: 4px 4px 2px -1px #666;
    -webkit-box-shadow: 4px 4px 2px -1px #666;
    box-shadow: 4px 4px 2px -1px #666;
    /*
    -moz-box-shadow: 1px 1px 3px -1px grey, 3px 5px 2px -1px #333;
    -webkit-box-shadow: 1px 1px 3px -1px grey, 3px 5px 2px -1px #333;
    box-shadow: 1px 1px 3px -1px grey, 3px 5px 2px -1px #333;
    */
}

.btn-danger-outline {
    border-color: #ac2925 !important;
    color: #ac2925 !important;
}
.btn-danger-outline-dashed {
    border-width: 1.5px;
    border-color: #ac2925 !important;
    border-style: dashed;
}
.btn-success-outline-dashed {
    border-width: 1.5px;
    border-color: #4cae4c !important;
    border-style: dashed;
}
.btn-success-outline {
    border-width: 1px;
    border-color: #4cae4c !important;
    border-style: solid;
}
.btn-info-outline {
    border-color: #46b8da !important;
    color: #46b8da !important;
}
.btn-warning-outline-dashed {
    border-width: 1.5px;
    border-color: #eea236 !important;
    color: #eea236 !important;
    border-style: dashed;
}
.btn-warning-outline {
    border-color: #eea236 !important;
    color: #eea236 !important;
}

.text-black {
    color: #000000 !important;
}

/*
    bootstrap overwrites

@media (min-width: 768px) .navbar {
    border-radius: 0px !important;
}
*/
@media (min-width: 768px) .navbar {
    border-radius: 0px !important;
}

.---props-type-form {
    border: 1px dotted grey;
    margin-top: 2px;
    overflow: visible !important;
    display: block !important;
    flex: none !important;
}

.---cockpit--toolbar {
    background: #E8E8E8;
}

.---dashboard-note-sty {
    text-decoration: none;
    color: #000;
    background: rgba(255,255,204, .5);
    display: block;
    height: auto;
    width: 20%;
    padding: 10px;
    /* padding: 1em; */
    -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
    -webkit-box-shadow: 5px 5px 7px rgb(33 33 33 / 2%);
    /* box-shadow: 15; */
    -moz-transition: -moz-transform .15s linear;
    -o-transition: -o-transform .15s linear;
    -webkit-transition: -webkit-transform .15s linear;
    /*
    padding: 9px;
    border 1px dotted grey;
    max-width: 20%;
    background: floralwhite;
    word-break: break-word;
    */
}

.---highlight--widget {
    border: 1px dashed grey;
    /*background: repeating-linear-gradient(-55deg, #f0ad4e, #f0ad4e 10px, #999 10px,#999 20px);*/
    background: #DCDCDC;
    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

.my-btn-script {
    /*
    max-height: 40px !important;
    height: 40px !important;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 10px !important;
    */
    overflow: hidden;
    font-size: 10px !important;
    height: 40px !important;
    max-height: 40px !important;
    white-space: normal;
}

textarea.--resize-vertical-only {
    resize: vertical !important;
}

/* overwrite loading if desired
Wt-loading {

    background: rgba(0,0,0,1);
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 999999;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    position: absolute;
    text-align: right;
    font-size: 22px;
    color: red;
}
*/
/* Check wt exp page: https://webtoolkit.eu/wt/doc/reference/html/classWt_1_1WOverlayLoadingIndicator.html#details */
.myLoaderStyleClass {
    background: transparent !important;
    border: none !important;
    z-index: 10001;
    visibility: visible;
    position: absolute;
    right: 0.2%;
    top: 0%;
    /* margin-left: -50px; */
    /* margin-top: -40px; */
    width: 60px;
    height: 26px;
    font-family: arial,sans-serif;
    text-align: center;
    color: transparent;
    overflow: hidden;
}
.myLoaderBackgroundStyleClass {
    background: transparent !important;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    position: absolute;
}

.my-bg-error {
    background-color: indianred !important; /*text-danger hex*/
    font-weight: bold;
}
.my-bg-success {
    background-color: lightgreen !important; /*text-success hex*/
    font-weight: bold;
}
/*From https://vuetifyjs.com/en/styles/colors/#material-colors*/
.my-bg-error-light {
    background-color: #FFCDD2 !important; /*text-danger hex*/
    font-weight: bold;
}

.my-bg-success-light {
    background-color: #C8E6C9 !important; /*text-success hex*/
    font-weight: bold;
}

.my-bg-warning-light {
    background-color: #FFECB3 !important; /*text-success hex*/
    font-weight: bold;
}

.my-bg-blue-light {
    background-color: #BBDEFB !important; /*text-success hex*/
    font-weight: bold;
}

.my-bg-pink-light {
    background-color: #E8B7E6 !important; /*text-success hex*/
    font-weight: bold;
}



.quick_ref_button {
}
/* Reports1_hourly (usage_stats4) */
.job_sty_class_10 {
    background-color: rgba(255, 154, 162, 0.2) !important;
}
.job_sty_class_1 {
    background-color: rgba(181, 234, 215, 0.2) !important;
}
.job_sty_class_2 {
    background-color: rgba(226, 240, 203, 0.2) !important;
}
.job_sty_class_3 {
    background-color: rgba(255, 183, 178, 0.2) !important;
}
.job_sty_class_4 {
    background-color: rgba(199, 206, 234, 0.2) !important;
}
.job_sty_class_5 {
    background-color: rgba(249, 253, 225, 0.2) !important;
}
.job_sty_class_6 {
    background-color: rgba(216, 252, 190, 0.2) !important;
}
.job_sty_class_7 {
    background-color: rgba(255, 218, 193, 0.2) !important;
}
.job_sty_class_8 {
    background-color: rgba(182, 238, 207, 0.2) !important;
}
.job_sty_class_9 { 
    background-color: rgba(240,255,255, 0.4) !important;
}
.cell_with_info {
    background-color: rgba(211, 223, 135, 0.4) !important;
}

hr.vertical {
    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 100vh;
    width: 1px;
}

.predefined_view {
    background-color: azure;
}

/* jr> 2021 dblclick dashboard */
.dashboard--batch-link-btn {
    border: 0px;
    background-color: transparent;
    color: #428bca;
    padding-left: 0px;
}
    .dashboard--batch-link-btn:hover {
        text-decoration: underline !important;
        border: 0px !important;
        background-color: transparent !important;
        color: #428bca !important;
        padding-left: 0px !important;
    }

/* NEW WT-4 TOOLBAR STYS */
.wt4-glossy-toolbar {
    background-image: linear-gradient(180deg, hsla(0,0%,100%,0.3), hsla(0,0%,100%,0) 50%, rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.04)) !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808;
    background-image: linear-gradient(180deg, hsla(0,0%,100%,0.3), hsla(0,0%,100%,0) 50%, rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.04)) !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
    background-image: linear-gradient(180deg, hsla(0,0%,100%,0.3), hsla(0,0%,100%,0) 50%, rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.04)) !important;
}
.navbar .nav li > .dropdown-toggle.active {
    color: #555555;
    background-color: #e5e5e5;
    background-image: linear-gradient(180deg, hsla(0,0%,100%,0.3), hsla(0,0%,100%,0) 50%, rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.04)) !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #080808;
    background-image: linear-gradient(180deg, hsla(0,0%,100%,0.3), hsla(0,0%,100%,0) 50%, rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.04)) !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7;
    background-image: linear-gradient(180deg, hsla(0,0%,100%,0.3), hsla(0,0%,100%,0) 50%, rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.04)) !important;
}
/* Alertas dropdown wt4 */
.alerts--popup--menu > .no-hover-important.alert--title {
    /**/
    background-color: var(--bs-gray-300);
    border-bottom: 0px solid var(--bs-gray-300);
    font-weight: bolder;
    cursor: default !important;
    /* background-image: linear-gradient(180deg, hsla(0,0%,100%,0.3), hsla(0,0%,100%,0) 50%, rgba(0,0,0,0.1) 51%,rgba(0,0,0,0.04)) !important; */
}
    .alerts--popup--menu > .no-hover-important.alert--title:hover {
        background-color: var(--bs-gray-300) !important;
        cursor: default !important;
    }

/* Alertas dropdown wt4 */
.alerts--popup--menu.dropdown-menu {
    padding: 0px 0px !important;
    border-radius: 6px !important;
    /*box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);*/
    background: var(--bs-gray-100);
    /*box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;*/
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    /*box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;*/
}
/* Alertas dropdown wt4 */
.no-hover-important.alert--title > a {
    cursor: default !important;
}


table#---app-view-alt-table {
    margin-bottom:0px !important;
}

table#---app-view-alt-table-sel {
    margin-bottom: 0px !important;
}

#n4v8g3ti9n > :not(.navbar-brand) {
    /*text-transform: uppercase;*/
    /*font-size:small !important;*/
}
#n4v8g3ti9n .navbar-brand {
    text-transform: none !important;
}

/* sashbaord tabla de la izquierda */
#---app-view-alt-tabletb > tr > td:first-child {
    padding-left: 2em !important;
}
#---app-view-alt-tabletb > tr > td:last-child {
    padding-right: 2em !important;
}

#---app-view-alt-tabletb > tr.success > td {
    /*  
        background-image: linear-gradient(180deg, hsla(0,0%,100%,0.3), hsla(0,0%,100%,0) 50%, rgba(0,0,0, 0.1) 51%,rgba(0,0,0,0.04)) !important;
        border-top: 0px !important;
        --bs-bg-opacity: .5;
    background-color: var(--bs-warning);
    */
}
#---app-view-alt-tabletb > tr.success > td:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.btn.---noglossy {
    background-image: none !important;
}
.btn-refresh-dashboard {
    background-image: none !important;
    background: transparent;
    border: none;
    background-color: transparent;
}

div#paginator--top {
    /*
    -webkit-box-shadow: 3px 3px 5px #ccc;
    -moz-box-shadow: 3px 3px 5px #ccc;
    box-shadow: 3px 3px 5px #ccc;
    */
    padding-bottom: 6px !important;
}
/*
div#paginator--bottom {
    border-top: 1px solid #ccc;
}
*/
table#---app-view-alt-table > thead > tr > th,
table#---app-view-alt-table > tbody > tr > th,
table#---app-view-alt-table > tfoot > tr > th,
table#---app-view-alt-table > thead > tr > td,
table#---app-view-alt-table > tbody > tr > td, 
table#---app-view-alt-table > tfoot > tr > td {
    border: none;
}

.my--pre-overflow {
    overflow: auto;
    height: 300px;
    max-height: 300px;
    width: 100%;
}

.max-height-100 {
    max-height: 100% !important; 
    height: unset;
}

.display-contents {
    display: contents !important;
}

.toolbarContainer-hack {
    overflow: visible !important;
    display: contents;
}

/**
 *  image map low resolution in canvas
 */
.canvas_image_map {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 998;
    opacity: .4
}
.canvas_image_map:hover {
    opacity: .9;
    cursor: zoom-in !important;
}

.image_map_zoom_rectangle {
    position: absolute;
    z-index: 999;
    display: none;
}
.image_map_zoom_rectangle:hover {
    background: rgba(0,0,0, 0.1) !important;
}
.image_map_zoom_rectangle.top-left {
    border-right: 1px dashed limegreen;
    border-bottom: 1px dashed limegreen;
    top: 0;
    left: 0;
}
.image_map_zoom_rectangle.top-right {
    border-left: 1px dashed limegreen;
    border-bottom: 1px dashed limegreen;
    top: 0;
    right: 0;
}
.image_map_zoom_rectangle.mid-left {
    border-right: 1px dashed limegreen;
    border-top: 1px dashed limegreen;
    border-bottom: 1px dashed limegreen;
    left: 0;
    /* top is assigned by js */
}
.image_map_zoom_rectangle.mid-right {
    border-left: 1px dashed limegreen;
    border-top: 1px dashed limegreen;
    border-bottom: 1px dashed limegreen;
    right: 0;
    /* top is assigned by js */
}
.image_map_zoom_rectangle.bottom-left {
    border-right: 1px dashed limegreen;
    border-top: 1px dashed limegreen;
    bottom: 0;
    left: 0;
}
.image_map_zoom_rectangle.bottom-right {
    border-left: 1px dashed limegreen;
    border-top: 1px dashed limegreen;
    bottom: 0;
    right: 0;
}

span.dashboard--exportstatus-counters {
    margin-left: 2px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 50px;
    text-overflow: ellipsis;
}

/* imagenes de botones a la drcha */
button.image-to-right > img {
    float: right;
    padding-right: 0px;
    margin-top: 3px;
    margin-left: 8px;
}
/* si un btn tiene esto le quitamos el padding */
.btn--padding1_6 {
    padding: 1px 6px !important;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*      new datepicker widget jr> september 2021    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.datepicker_widget {
    display: inline-flex;
    /* flex-direction: column; */
    /*max-width: 200px; */
    position: relative;
}
/* for compact view */
.datepicker_widget.datepicker__compact_view .datepicker_widget__button > button {
    min-width: auto !important;
}

.datepicker_widget .datepicker_widget__combolist {
    display: flex;
    flex-direction: column;
    /* border: 1px solid red; */
    z-index: 998;
    position: absolute;
    top: 27px;
    left: 0;
    width: auto;
    /* shadow */
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    background: white !important;
}

.datepicker_widget .datepicker_widget__combolist button {
    width: 100%;
    background: white !important;
}
.datepicker_widget .datepicker_widget__combolist button:not(.wcidyn_widget_selected_item):hover {
    background-color: rgba(0,0,0, 0.1) !important;
}
.datepicker_widget .datepicker_widget__combolist .wcidyn_widget_selected_item {
    background: #e7e7e7 !important;
}
/* Calendar container */

/* Right position: which is default */
    .datepicker_widget .datepicker_widget__dateselection {
        display: flex;
        flex-direction: column;
        /* border: 1px solid red; */
        z-index: 999;
        position: absolute;
        top: 52px;
        left: 189px;
        width: auto;
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        height: auto;
        background: white;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 4px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-radius: 2px;
        text-align: left;
    }

    .datepicker_widget .datepicker_widget__dateselection:after {
        content: "";
        position: absolute;
        top: 7px;
        left: -22px;
        border-style: solid;
        border-width: 19px 16px 0;
        border-color: #FFFFFF transparent;
        display: block;
        width: 0;
        z-index: 1;
        transform: rotate( 90deg );
    }

    .datepicker_widget .datepicker_widget__dateselection:before {
        content: "";
        position: absolute;
        top: 8px;
        left: -21px;
        border-style: solid;
        border-width: 17px 13px 0;
        border-color: #ccc transparent;
        display: block;
        width: 0;
        z-index: 0;
        transform: rotate( 90deg );
    }
    /* right position */
        .datepicker_widget .datepicker_widget__dateselection.stickTo-right {
            visibility: visible !important;
        }

/* Left position: (out of viewport) */
        .datepicker_widget .datepicker_widget__dateselection.stickTo-left {
            left: -189px !important;
            visibility: visible !important;
        }

        .datepicker_widget .datepicker_widget__dateselection.stickTo-left:after {
            content: "";
            top: 10px;
            left: 160px !important;
            border-width: 0 18px 16px 16px;
        }

        .datepicker_widget .datepicker_widget__dateselection.stickTo-left:before {
            content: "";
            top: 15px;
            left: 162px !important;
            border-width: 0 15px 13px 14px;
        }

/* // flecha dropdow datepickers
.datepicker_widget .datepicker_widget__dateselection:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid #cbe8f0;
    top: 0px;
    left: -10px;
}
    */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*      FIN new datepicker widget jr> september 2021   */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.cw_widget_dropdown__container {
    display: flex;
    float: left;
    margin-right: 2px;
    margin-left: 4px;
}
.cw_widget_dropdown__container .cw_widget_dropdown__combolist {
    background: white;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    background: white;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    position: absolute;
    z-index: 998;
}

.cw_widget_dropdown__container .cw_widget_dropdown__combolist button {
    width: 100%;
    min-width: 140px!important;
    background: white !important;
    text-align: left !important;
    padding: 4px 5px;
}
    .cw_widget_dropdown__container .cw_widget_dropdown__combolist button:not(.disabled):not(.wcidyn_combobox__selected):hover {
        background-color: rgba(0,0,0, 0.1) !important;
        color: inherit; /*bs5*/
    }

    .cw_widget_dropdown__container .cw_widget_dropdown__combolist button.wcidyn_combobox__selected {
        background: rgba(238, 162, 54, 0.3) !important; /* green success rgba(40, 167, 69, 0.7) !important;*/
        text-align: left !important;
        color: inherit; /*bs5*/
    }

.cw_widget_dropdown__container .cw_widget_textbutton__wrap .cw_widget_dropdown__textinput input {
    height: 26px;
    max-height: 26px !important;
}

/*
.cw_widget_dropdown__infoItem button {
    font-size: small !important;
}
*/
/* boton izquierda widget */
.cw_widget_dropdown__selectedinfo button {
    display: flex; /* bs5 */
    justify-content: center;
    align-items: center;
    height: 25px;
    max-height: 25px !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

    border-right: 1px dotted #dee2e6;/*apr2025*/
}

/* para combo defs etiquetas */
.cw_widget_dropdown__container .cw_widget_dropdown__combolist button {
    width: 100%;
    min-width: 140px !important;
    background: white !important;
    text-align: left !important;
    padding: 4px 5px;
}




/* omitted
.cw_widget_dropdown__selectedinfo  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    filter: alpha(opacity=9) !important;
    opacity: .9 !important;
}
    */

/* boton derecha widget */
.cw_widget_dropdown__optionsbutton button {
    height: 25px;
    max-height: 25px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.cw_widget_dropdown__optionsbutton button.ellipsis {
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}
    .cw_widget_dropdown__optionsbutton button.ellipsis.image-to-right img {
        float: right;
        padding-right: 2px;
        margin-top: 2px;
        /* margin-left: 18px;
        margin-left: 20px; */
        position: relative;
    }

.cw_widget_dropdown__optionsbutton .singleSel_btn_flex {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
}


/* custom-styles.css */
/* ------------------ etiquetas --------------------------------------*/
/* custom-styles.css */
.cw_widget_dropdown__container .cw_widget_dropdown__combolist button.badge.bg-primary {
    background-color: rgba(0, 123, 255, 0.5) !important;
    color: #ffffff !important;
    font-weight:100;
}

.cw_widget_dropdown__container .cw_widget_dropdown__combolist button.badge.bg-secondary {
    background-color: rgba(108, 117, 125, 0.5) !important;
    color: #ffffff !important;
    font-weight: 100;
}

.cw_widget_dropdown__container .cw_widget_dropdown__combolist button.badge.bg-success {
    background-color: rgba(40, 167, 69, 0.5) !important;
    color: #ffffff !important;
    font-weight: 100;
}

.cw_widget_dropdown__container .cw_widget_dropdown__combolist button.badge.bg-danger {
    background-color: rgba(220, 53, 69, 0.5) !important;
    color: #ffffff !important;
    font-weight: 100;
}

.cw_widget_dropdown__container .cw_widget_dropdown__combolist button.badge.bg-warning.text-dark {
    background-color: rgba(255, 193, 7, 0.5) !important;
    color: #212529 !important;
    font-weight: 100;
}

.cw_widget_dropdown__container .cw_widget_dropdown__combolist button.badge.bg-info.text-dark {
    background-color: rgba(23, 162, 184, 0.5) !important;
    color: #212529 !important;
    font-weight: 100;
}

.cw_widget_dropdown__container .cw_widget_dropdown__combolist button.badge.bg-light.text-dark {
    background-color: rgba(248, 249, 250, 0.5) !important;
    color: #212529 !important;
    font-weight: 100;
}

.cw_widget_dropdown__container .cw_widget_dropdown__combolist button.badge.bg-dark {
    background-color: rgba(52, 58, 64, 0.5) !important;
    color: #ffffff !important;
    font-weight: 100;
}

/* Hover effect */
.cw_widget_dropdown__container .cw_widget_dropdown__combolist button.badge:hover {
    color: #000000 !important;
    font-weight: 100;
}
/* ------------------fin etiquetas --------------------------------------*/


/* view_documents.cpp */
#---quick-search--table {
    display: flex;
}

.chart--empty-holder {
    background: white;
    border: 1px solid #ccc;
}

.background--white {
    background-color: white;
}
.background--grey {
    background-color: #f7f7f7 !important;
}
.background--grey-lighter {
    background-color: #FAFAFA !important;
}

.closable_widget_parent {
    display: block;
}
/*  alert menu */
.open--log-err-link > a {
    color: #dc3545 !important;
    text-decoration: underline;

}
.open--log-err-link > a:hover {
    cursor: pointer !important;
    color: #dc3545 !important;
    text-decoration: underline !important;
}


/* JSliderWidget styles */

.jslider {
    position: fixed !important;
    z-index: 1099 !important;/* uno menos que los dialogos...*/
    border: 1px solid darkgrey;
    background: rgba(249, 250, 251, 1);
    /* cosillas by default */
    min-width: auto;
    min-height: auto;
    /*shadow*/
    -webkit-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
}

.jslider.transparent {
    background: rgba(242,242,242, 0.5);
}

    .jslider .jslider--toolbar {
        /* padding: 1px 1px 2px 14px; */
        padding: 0px 0px 0px 12px;
        justify-content: space-between; /*bs5*/
        align-items: baseline; /*bs5*/
        border-bottom: 1px solid var(--bs-gray-400);
        --bs-bg-opacity: .8;
        color: white;
        /*background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important;*/
        background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important;
    }

.jslider.configuration-mode .jslider--toolbar {
    background-color: rgba(0, 0, 0, 0.8) !important;
    color: white;
    padding: 1px 1px 2px 14px;
}

.jslider.right {
    right: 0px;
    top: 0px;
    width: 50% !important;
    height: 100% !important;
}
.jslider.right.s30 {
    right: 0px;
    top: 0px;
    width: 30% !important;
    height: 100% !important;
}
.jslider.right.s15, .jslider.right.minimizedo {
    right: 0px;
    top: 0px;
    width: 15% !important;
    height: 100% !important;
}

.jslider.left {
    left: 0px;
    top: 0px;
    width: 50% !important;
    height: 100% !important;
}
.jslider.left.s30 {
    left: 0px;
    top: 0px;
    width: 30% !important;
    height: 100% !important;
}
.jslider.left.s15, .jslider.left.minimizedo {
    left: 0px;
    top: 0px;
    width: 15% !important;
    height: 100% !important;
}


.jslider.top {
    left: 0px;
    top: 0px;
    height: 50% !important;
    width: 100% !important;
}
.jslider.top.s30 {
    left: 0px;
    top: 0px;
    height: 30% !important;
    width: 100% !important;
}
    .jslider.top.s15 {
        left: 0px;
        top: 0px;
        height: 15% !important;
        min-height: 180px;
        width: 100% !important;
    }

    .jslider.top.minimizedo {
        max-height: 35px !important;
        height: 35px !important;
        min-height: 35px !important;
    }

.jslider.bottom {
    left: 0px;
    bottom: 0px;
    height: 50% !important;
    width: 100% !important;
}
.jslider.bottom.s30 {
    left: 0px;
    bottom: 0px;
    height: 30% !important;
    width: 100% !important;
}
    .jslider.bottom.s15 {
        left: 0px;
        bottom: 0px;
        height: 15% !important;
        min-height: 180px;
        width: 100% !important;
    }

    .jslider.bottom.minimizedo {
        max-height: 35px !important;
        height: 35px !important;
        min-height:35px !important;
    }

    .jslider .blockbtn, .jslider-dialog .blockbtn {
        width: 100%;
    }
.jslider-dialog legend {
    font-size: 13px !important;
}
.jslider--toolbar.btn-toolbar > .btn, .jslider--toolbar.btn-toolbar > .btn-group, .jslider--toolbar.btn-toolbar > .input-group {
    margin-left: 0px !important;
}

/* Fin JSliderWidget styles >> jslider is jExternalDataviewer widget */

/*
    Bootstrap 5 overwrites
*/
.table > tbody > tr > td {
    vertical-align: middle;
}

a {
    text-decoration: none !important;
}
/* Remove border top on bootstrap tables */
.table > :not(:first-child) {
    border-top: 0px solid transparent;
}

#n4v8g3ti9n div.navbar-collapse.collapse {
    justify-content: space-between;
}
#n4v8g3ti9n .navbar-collapse li.nav-item a {
    padding: 0px 12px;
}
/*
.nav-link {
    color: var(--bs-dark);
}
    */


#uniqueAlertMenu.text-warning-important a {
    color: var(--bs-warning) !important;
}
#uniqueAlertMenu.text-success-important a {
    color: var(--bs-success) !important;
}
#rootContainer.BSThemeV5 .text-warning-important {
    color: var(--bs-warning) !important;
}
#rootContainer.BSThemeV5 .text-success-important {
    color: var(--bs-success) !important;
}
#rootContainer.BSThemeV5 .text-danger-important, #rootContainer.BSThemeV5 .text-error-important {
    color: var(--bs-danger) !important;
}
#rootContainer.BSThemeV5 .text-info-important {
    color: var(--bs-info) !important;
}


/*
.something::after {
    content: '&#9660';
    position: absolute;
    right: 14px;
    top: 2px;
    content: '';
}
*/

.info {
    --bs-bg-opacity: .2;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important;
}
.danger {
    --bs-bg-opacity: .2;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important;
}
.warning {
    --bs-bg-opacity: .2;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important;
}
.success {
    --bs-bg-opacity: .2;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important;
}
.primary {
    --bs-bg-opacity: .2;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important;
}


.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
    color: inherit;
    --bs-bg-opacity: .2;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important;
    border-color: var(--bs-primary-rgb);
}

/*!important */
.form-control:not(textarea):not(.no-max-height):not(.nomax-height) {
    max-height: 25px !important;
}
textarea, .no-max-height, .nomax-height {
    max-height: none !important;
}
/*
.btn-secondary {
    color: #6c757d;
    border-color: #6c757d;
}
*/

/* Same as btn-outline-secondary */
.btn-secondary {
    color: #6c757d;
    border-color: #6c757d;
    background-color: transparent;
}
.btn-secondary:hover {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
.form-select {
    max-height: 25px !important;
    padding: 0rem 3.0rem 0rem 0.75rem;
}

.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}

/* wcr_viewbatches.cpp */
#toolbar_viewbatches {
    align-items: center;
}


.scrollarea_formfindme {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*
.form-horizontal .row {
    margin: 4px auto;
}
.form-inline .row {
    margin: 4px auto;
}
*/
/* bs form overwrites */
.form-group.row {
    margin: 4px auto;
}
.form-horizontal label.control-label {
    font-weight: 500;
}
.form-check {
    padding-left: 2.5em;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.opciones_altas_web .form-inline:not(.table) {
    display: flex;
    align-items: baseline;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.form-inline.row label {
    font-weight: 700;
}
/* bs form overwrites */
div#rootContainer.maindiv.indexerMain {
    background: #fafafa;
}

#containerIntelliTags {
    margin: 6px;
    padding: 4px;
}

.btn-group.btn-sm .dropdown-toggle.btn {
    padding: 0.25rem 0.5rem;
    /*font-size: .875rem;*/
    border-radius: 0.2rem;
}

.--btn-script-toolbar {
    display: flex;
    padding-right: 5px;
}

.nomax-height {
    max-height: none !important;
}

div#n4v8g3ti9n > div.container-fluid {
    align-items: baseline;
}

.datepicker_widget .datepicker_widget__combolist button:hover {
    color: inherit;
}

/*
.butones_daddy {
    margin-top: 0.5rem;
}
*/

.forInline_formfindme {
    display: contents !important;
}

.d-block-noimportant {
    display: block;
}

.vbscript__toolbar_buttons button.btn-info 
{
    color: white !important;
}

.imap-modal label :not(.form-check-label) {
    font-weight: 600;
}

.label-pill.label-danger {
    background-color: var(--bs-danger);
    color: white;
}
/*
    Fin Bootstrap 5 overwrites
*/
/*Scrollbar*/
/* custom scrollbar */
::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

/* botones de script para visible/ no visible */
.my_script_button_visible {
    visibility: visible;
}

.my_script_button_hidden {
    visibility: hidden;
}

.position-relative {
    position: relative;
}

.status_icons__container {
    clear:both;
}

/*
.with_arrow_after::after {
    content: '\2794';
    right: 0px;
    font-size: 20px;
    line-height: 0;
    position: absolute;
    top: 13px;
}
*/

.status_icons__container .__row {
    display: flex;
    flex-wrap: nowrap;
}

.status_icons__container .__row .__col {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: start;
}

/*
.nav-wrap {
   min-height: 45px !important; 
}
*/
/*sept2022*/
.indexview_batches_list__container {
    width: 440px;
    max-width: 440px !important;
    padding: 4px;
}
    .indexview_batches_list__container .batchname__onlist {
        display: block;
        padding: 0px;
        margin: 4px 0px;
        cursor: pointer !important;
        border-bottom: 1px solid #cacaca;
    }
    .indexview_batches_list__container .batchname__onlist.current {
        display: block;
        cursor: inherit !important;
    }
    .indexview_batches_list__container .batchname__onlist:not(.current):hover {
        background: #e5e5e5;
    }
.display__contents {
    display: contents;
}
/*fin*/


#mydasboard_histpanel img {
    align-self: center;
}

#mydasboard_histpanel .column_description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 170px;
    min-width: 170px;
}


#mydasboard_histpanel .dashboard_rowhistory {
    /*padding: 5px 12px 5px 26px;*/
    padding: 1px 0px 1px 0px;
    /*border-bottom: 1px solid #cacaca;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    #mydasboard_histpanel .dashboard_rowhistory:hover {
        background: rgba(0, 0, 0, 0.075);
        cursor: pointer;
    }
/* toolbar del historial del dashbaord: block!*/
#toolbar__displayblock, #toolbar__statuschanges {
    /*display: block !important;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chip {
    padding: 2px 10px;
    height: auto;
    /* font-size: 16px; */
    /* line-height: 50px; */
    border-radius: 25px;
    background-color: #f1f1f1;
}

#mydasboard_histpanel .dashboard_rowhistory.indexer {
    font-size: 10px !important;
    padding: 1px 2px 1px 2px;
}


.flex00auto {
    flex: 0 0 auto !important;
}

.noflex00 {
    flex: none !important;
}

.f-wrap--nowrap .btn-toolbar {
    flex-wrap: nowrap !important;
}

.f-wrap--wrap .btn-toolbar {
    flex-wrap: wrap !important;
}


/** 
 *   modal windows centered: 
 *   jr>2022 wt sets display: flex, and that makes the dialog not centered
     https://stackoverflow.com/questions/44452700/how-to-center-div-horizontally-using-flexbox-model
 */
.modal-dialog {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
}

/*
.modal-dialog.Wt-resizable .modal-content {
    resize: both;
    overflow: auto;
}
*/

.padding-left-22 {
    padding-left: 22px !important;
}
.padding-left-28 {
    padding-left: 28px !important;
}

.mybg-light {
    background-color: #f8f8f8 !important;
}

.mypopup-menu {
    height: auto;
    max-height: 400px !important;
    overflow: auto !important;
    background: #ffffff !important;
}

.max-width-fit-content {
    max-width: fit-content;
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.10 !important;
}
.bg-opacity-05 {
    --bs-bg-opacity: 0.05 !important;
}

.bg-gold {
    background: #FFDF00!important;
}

.bg-approval {
    background: rgba(255,223,0, .1);
}

/* Para tabla de pizarra overwirte of _tables.scss dic2022 */
.table > :not(caption) > * > * {
    padding: 0.2rem 0.2rem !important;
}

/*
.cw_widget_dropdown__container span.cw_widget_dropdown__optionsbutton button {
    border: none !important;
}
*/

.myh5 {
    font-size: 1.15rem !important;
}

.vertical-align-middle {
    vertical-align: middle!important;
}

.zebranotes {
    background: #fafafa;
}

.cw_widget_dropdown__selectedinfo .btn-outline-secondary.disabled, .cw_widget_dropdown__selectedinfo .btn-outline-secondary:disabled {
    opacity: 1 !important;
}
.cw_widget_dropdown__container.single .cw_widget_dropdown__optionsbutton button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px;
}

.cw_widget_dropdown__container.single .cw_widget_dropdown__selectedinfo button {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.img-white {
    filter: brightness(0) invert(1);
}

.btn-extdbview {
    max-height: 25px !important;
    font-size: smaller;
    width: auto !important;
}

.other-approver-doc {
    border: 2px solid rgba(255, 193, 7, 1) !important;
    background-color: rgba(255, 193, 7, 0.5) !important;
    background-image: url(icons_o/32x32/user.png);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
}

.cortina-other-approver {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid red;
    z-index: 9;
    border: 2px solid rgba(255, 193, 7, 1) !important;
    background-color: rgba(255, 193, 7, 0.5) !important;
    background-image: url(icons_o/32x32/user.png);
    background-position: center center;
    background-repeat: no-repeat;
}



#---app-view-alt-table-seltb .success,
#---app-view-alt-table-seltb .info,
#---app-view-alt-table-seltb .warning,
#---app-view-alt-table-seltb .danger {
    --bs-bg-opacity: .1 !important;
}


.my__flex {
    display: flex;
    /*max-width: 33%;*/
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
/*
.main__title {
    border-bottom: 1px dashed #cacaca;
}
*/
/*
.progress-bar {
    --bs-bg-opacity: .75 !important;
    background-color: rgba(13, 110, 253, 0.75) !important; /*#0d6efd*/
/*
}
*/
/*
.progress.bg-success {
    --bs-bg-opacity: .75 !important;
    background-color: rgba(13, 110, 253, 0.75) !important; /*#0d6efd*/
/*
}
*/

.overflow-wrap-anywhere{
    overflow-wrap: anywhere;
}

.progress {
    height: 0.75rem !important;
}

.my-col-left.dash__flex {
    border-right: 1px dashed #cacaca;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-content: start;
    /*
        flex-shrink: 0;
        flex-grow: 1;
    */
    /* 
        justify-content: space-evenly; 
    */
}

.---thumbs_scroll .img_normal {
    margin: 1.75px;
    border: 1px solid #cacaca;
    /* max-width: 244px; */
    width: 100%;
    /* min-width: 100%; */
    width: 100%;
    height: auto;
}

.indexer_main_toolbar {
    padding-top: .5rem;
}

.Wt-filedropzone {
    border: medium dashed grey !important;
}

img.thumb_stamp {
    max-width: 12px !important;
    height: auto !important;
}

/*
.sysval-OCR_Status_DONE {
    background-color: white;
    width: 16px;
    height: 16px;
    border: 1px solid #cacaca;
    background-position:center center;
}
.sysval-OCR_Status_DONE.gocr {
    background-image: url(wci/icons_o/ocr_status/ocr_googlevision16x16.png);
}
.sysval-OCR_Status_DONE.Nuance {
    background-image: url(wci/icons_o/ocr_status/ocr_nuance16x16.png);
}
.sysval-OCR_Status_DONE.Chronoscan {
    background-image: url(wci/icons_o/ocr_status/ocr_chronoscan16x16.png);
}
*/

/* para el wcr_dlg_GPT_info.cpp */

/* También podrías aplicar estilos al contenedor principal del diálogo para hacerlo responsive */
.myjson-container {
    width: 100%;
    height: 100%;
    display: flex;
}

.modal-body.chatgpt_dlg {
    display: flex;
    flex-direction: column;
}

.modal-body.chatgpt_dlg .Wt-stack {
    flex: 1;
}

.Wt-stack > div {
    width: 100%;
    height: 100%;
}

.json-viewer {
    width: 100%;
    height: 100%;
}


/**/
/* Fondo oscuro difuminado */
.bg-dark-blur {
    background: rgba(0, 0, 0, 0.4); /* Fondo oscuro con opacidad */
    backdrop-filter: blur(8px); /* Desenfoque */
    -webkit-backdrop-filter: blur(8px); /* Compatibilidad con Safari */
    /* min-height: 100vh;*/ /* Altura mínima para cubrir toda la ventana */
    color: white;
}

.fill-height, min-height-100vh {
    min-height: 100vh;
}

.scrollable-flex-container {
    display: flex;
    flex-direction: column;
    height: 100%; /* Ocupa el 100% del espacio disponible */
    max-height: 100%; /* Limitar la altura al 100% del contenedor padre */
    overflow-y: auto; /* Scroll vertical automático */
    overflow-x: hidden; /* Evitar el scroll horizontal innecesario */
}
.scrollable-flex-card > .card-body {
    overflow: auto !important;
}

.top-26 {
    top: 26px !important;
}
.top-70 {
    top: 70px !important;
}
.top-92 {
    top: 92px !important;
}
.top-104 {
    top: 104px !important;
}

.top-48 {
    top: 48px !important;
}

.top-116 {
    top: 116px !important;
}

.top-128 {
    top: 128px !important;
}

.visible {
    visibility: visible !important;
}


.icon-ok {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px; /* Tamaño del círculo */
    height: 16px;
    background-color: #28a745; /* Verde */
    border-radius: 50%; /* Forma circular */
    color: white; /* Color del símbolo */
    font-size: 16px; /* Tamaño del símbolo */
    font-weight: bold;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* Sombras para el círculo */
}

.icon-ok::before {
    content: "\2714"; /* Código Unicode del check */
}

.icon-remove-sign {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px; /* Tamaño del círculo */
    height: 16px;
    background-color: #dc3545; /* Rojo */
    border-radius: 50%; /* Forma circular */
    color: white; /* Color del símbolo */
    font-size: 16px; /* Tamaño del símbolo */
    font-weight: bold;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* Sombras para el círculo */
}

    .icon-remove-sign::before {
        content: "\2716"; /* Código Unicode de la cruz */
    }

.border-bottom-secondary {
    border-bottom: 1px solid var(--bs-secondary);
}

.cursor-pointer {
    cursor: pointer;
}

/* Clase personalizada para el efecto hover */

.Wt-item:not(.active) > .hover-bg:hover {
    background-color: #e0e0e0; /* Cambia el color de fondo al hacer hover */
    transition: background-color 0.3s ease; /* Agrega una transición suave */
}
/*
.hover-bg {
    transition: background-color 0.3s ease; 
}

.hover-bg:hover {
    background-color: #e0e0e0; 
}
*/

.mymodeloitem_ {
    color: inherit;
}

.mylink-active {
    color: #ffffff;
    background-color: #0d6efd;
}

.w-0 {
    width: 0px !important;
}

.common-hover-bg:hover {
    background-color: #e0e0e0; /* Cambia el color de fondo al hacer hover */
    transition: background-color 0.3s ease; /* Agrega una transición suave */
}


.mywdialog-titlebar {
    display: flex;
    align-items: center;
    width: 100%;
    flex: 1 1 auto;
    flex-direction: row;
    justify-content: space-between;
}

/*----------------------------------------- COMPACT VIEW STUFF ------------------------- */
/* test user_compact_mode__compact*/
.user_compact_mode__compact {
    zoom: 90% !important;
}
.user_compact_mode__compact {
    transform: scale(0.9);
    transform-origin: top left;
}

/* esta clase la tiene el root rootContainer*/
.user_compact_view_mode__compact {
    font-size: smaller !important;
}

    .user_compact_view_mode__compact button,
    .user_compact_view_mode__compact select,
    .user_compact_view_mode__compact a,
    .user_compact_view_mode__compact input,
    .user_compact_view_mode__compact textarea,
    .user_compact_view_mode__compact label,
    .user_compact_view_mode__compact .btn,
    .user_compact_view_mode__compact .form-control, .splitbtn-compact button {
        font-size: 1em !important; /*0.9em*/
        /*padding: 0.25rem 0.5rem !important;*/
        line-height: 1.2 !important;
    }

    .user_compact_view_mode__compact .cw_widget_dropdown__optionsbutton button {
        line-height: 1.6 !important;
    }

    .cw_widget_dropdown__optionsbutton button {
        line-height: 1.2 !important;
    }

    .cw_widget_dropdown__optionsbutton img {
        margin: 0!important;
    }

    /* date pickers!! */
    .user_compact_view_mode__compact .datepicker_widget__button button {
        line-height: 1.9 !important;
    }

.user_compact_view_mode__compact .btn:not(.mycolorpicker), button.btn-script-force-compact {
    min-height: auto !important;
    height: auto !important;
}

.user_compact_view_mode__compact .my-toolbar-template {
    height:auto !important;
}

.user_compact_view_mode__compact .my-toolbar-template .my_script_button_visible, button.btn-script-force-compact {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* forzar */
.my-toolbar-template .my_script_button_visible.btn-script-force-compact {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .user_compact_view_mode__compact h1,
    .user_compact_view_mode__compact .h1 {
        font-size: 2rem !important; /* original suele ser 2.5rem */
    }

    .user_compact_view_mode__compact h2,
    .user_compact_view_mode__compact .h2 {
        font-size: 1.65rem !important; /* original suele ser 2rem */
    }

    .user_compact_view_mode__compact h3,
    .user_compact_view_mode__compact .h3 {
        font-size: 1.45rem !important; /* original suele ser 1.75rem */
    }

    .user_compact_view_mode__compact h4,
    .user_compact_view_mode__compact .h4 {
        font-size: 1.3rem !important; /* original suele ser 1.5rem */
    }

    .user_compact_view_mode__compact h5,
    .user_compact_view_mode__compact .h5 {
        font-size: 1.1rem !important; /* original suele ser 1.25rem */
    }

    .user_compact_view_mode__compact h6,
    .user_compact_view_mode__compact .h6 {
        font-size: 0.95rem !important; /* original suele ser 1rem */
    }

    .user_compact_view_mode__compact .Wt-collapsible.card.Wt-panel.mycompact > .card-body {
        padding:0.2em;
    }

    /* Para acordeones (en dialogos) siempre compactos */
.card.Wt-panel.Wt-collapsible.mycompact_always > .card-header {
    padding: 0.2em;
}
.card.Wt-panel.Wt-collapsible.mycompact_always > .body {
    padding: 0.2em;
}



ul.rclick_menu.mycompact {
    font-size: smaller;
    max-height: 236px;
    overflow: auto;
}

.user_compact_view_mode__compact .btn-toolbar * {
    font-size: 1em !important;
}

.user_compact_view_mode__compact .text-smaller {
    font-size: 0.8rem !important; /* original suele ser 1rem */
}
/*----------------------------------------- COMPACT VIEW STUFF ------------------------- */
/* evitar que se salgan de las pantallas*/
.Wt-dialog.modal {
    max-width: 100% !important;
    max-height: 100% !important;
}

/* new custom widgets buttons styles 2025*/
.cw_widget_dropdown__container.multiple .cw_widget_dropdown__optionsbutton {
    position: relative;
}
.cw_widget_dropdown__container.multiple .cw_widget_dropdown__optionsbutton button {
    border: none !important;
    position: absolute;
    right: 0px;
}


/* tooltips apr2025 */

div.tooltip.custom-tooltip.bs-tooltip-auto, div.tooltip {
    z-index: 9999 !important;/*3301 is dialogs z-index*/
}

.custom-tooltip.bs-tooltip-top .tooltip-arrow::before,
.custom-tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.custom-tooltip.bs-tooltip-start .tooltip-arrow::before,
.custom-tooltip.bs-tooltip-end .tooltip-arrow::before {
    border: none;
    background-color: transparent;
}

.custom-tooltip .tooltip-inner {
    background-color: #343a40; /* un gris oscuro bonito */
    color: #fff;
    padding: 8px 12px;
    font-size: 0.875rem;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.custom-tooltip .tooltip-arrow {
    width: 0.8rem;
    height: 0.4rem;
    /* z-index: 3301 !important; */
}

.custom-tooltip.bs-tooltip-top .tooltip-arrow::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #343a40 transparent transparent transparent;
}

.custom-tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: transparent transparent #343a40 transparent;
}

.custom-tooltip.bs-tooltip-start .tooltip-arrow::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #343a40;
}

.custom-tooltip.bs-tooltip-end .tooltip-arrow::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-width: 6px 6px 6px 0;
    border-style: solid;
    border-color: transparent #343a40 transparent transparent;
}
/* fin tooltips apr2025 */
.compact-popup {
    max-height: 360px !important;
    overflow: auto;
}

/* Colores pastelizados para botones Bootstrap */
.indexerMain .btn-success {
    background-color: #a8e6a3 !important;
    border-color: #6c757d !important;
    color: #155724 !important;
}

    .indexerMain .btn-success:hover {
        background-color: #94d68d !important;
        border-color: #6c757d !important;
    }

.indexerMain .btn-danger {
    background-color: #f5a9a9 !important;
    border-color: #6c757d !important;
    color: #721c24 !important;
}

    .indexerMain .btn-danger:hover {
        background-color: #e88b8b !important;
        border-color: #6c757d !important;
    }

/* Puedes seguir con más: */
.indexerMain .btn-primary {
    background-color: #a9c9f5 !important;
    border-color: #6c757d !important;
    color: #0c3c68 !important;
}

    .indexerMain .btn-primary:hover {
        background-color: #8bb8f0 !important;
        border-color: #6c757d !important;
    }

.indexerMain .btn-warning {
    background-color: #ffe8a1 !important;
    border-color: #6c757d !important;
    color: #856404 !important;
}

    .indexerMain .btn-warning:hover {
        background-color: #ffd867 !important;
        border-color: #6c757d !important;
    }
/* fin Colores pastelizados para botones Bootstrap */


/* batches search toolbar and viewdocuments filters */
.my_search_toolbar_batches, #---quick-search--table {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 4px;
    padding-right: 4px;
}
/* toolbar de acciones en viewdocuments */
div#vd--toolbar-actions {
    display: flex;
    justify-content: center;
}



/* cerrar en MyWdialogs */

.modal-header .btn-close {
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e00' viewBox='0 0 16 16'%3E%3Cpath d='M2.22 2.22a.75.75 0 0 1 1.06 0L8 6.94l4.72-4.72a.75.75 0 1 1 1.06 1.06L9.06 8l4.72 4.72a.75.75 0 1 1-1.06 1.06L8 9.06l-4.72 4.72a.75.75 0 0 1-1.06-1.06L6.94 8 2.22 3.28a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E") 50% / 1.5em auto no-repeat;
    border: none;
    border-radius: 0.5rem;
    padding: .4em;
    width: 1.5em;
    height: 1.5em;
    opacity: 0.85;
    transition: background-color 0.2s ease, opacity 0.2s ease;
    cursor: pointer;
}

.modal-header  .btn-close:hover {
    background-color: rgba(224, 0, 0, 0.1);
    opacity: 1;
}

/*pruebas form dos-lineas*/
.wci_vrow_compact {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
}

.wci_vcol_compact_label {
    font-weight: 600;
    margin-bottom: 0.25rem;
}


.my_info_tooltip {
    display: inline-flex;
    width: auto !important;
    max-width: fit-content;
}


/* pruebas formulario */
/* Contenedor principal */
.wci_vrow {
    align-items: center;
}

/* Mensaje de error */
.label-danger {
    display: inline-block;
    font-size: 0.65rem;
    color: white;
    background-color: #dc3545;
    border-radius: 4px;
    padding: 0.2rem 0.5rem;
}


.indexerMain .wci_form_field_images_container {
    display: flex;
    justify-content: end;
    padding-right: 1em;
    width: auto;
}
.indexerMain .wci_form_field_images_container img {
   margin: 0 1px 0 1px;
}
/* formulario inline o twolines*/
.wci_form_group_table:not(.form_two_lines_class) .form-control {
    width: 240px !important;
}
.wci_form_group_table.form_two_lines_class .form-control {
    width: 380px !important;
}

/*
button.btn.active {

}
*/
.btn:not(.btn-primary):not(.btn-info):not(.btn-success):not(.btn-danger):not(.btn-error):not(.btn-warning).active {
    background-color: #cce4ff; /* azul pastel claro */
    color: #084298; /* azul oscuro legible, o usa #fff si quieres blanco */
    border-color: #b6d9ff;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.1);
}

/* paginator buttons */
div#paginator--top button, div#paginator--bottom button {
    border: 0 !important;
}

button.btn-light-border {
    --bs-btn-border-color: #ced4da !important;
}
button:disabled.btn-light-border {
    --bs-btn-border-color: #ced4da !important;
}

/* jr> may2025 -> borderless-look */
.wcr_borderless_look button,
.wcr_borderless_look a,
/*.MyWDialog.wcr_borderless_look button, .MyWDialog.wcr_borderless_look a,*/
.wcr_borderless_look ~ div.MyWDialog button, .wcr_borderless_look ~ div.MyWDialog a {
    /* Aplica a todos los divs hermanos que están después */
    border: none !important;
    border: 0px solid !important;
    border-color: none !important;
}
.wcr_borderless_look .form-control {
    border: 1px solid #dee2e6;
}
.wcr_borderless_look .card {
    border: none !important;
}
.wcr_borderless_look ~ div.MyWDialog .card {
    border: none !important;
    border: 0px solid !important;
    border-color: none !important;
}
/* forzados para algunos casos 
.wcr_borderless_look .bdlook_noborder, .wcr_borderless_look ~ div.MyWDialog .bdlook_noborder {
    border: none !important;
    border: 0px solid !important;
    border-color: none !important;
}
    */


.wcr_borderless_look .Wt-tableview .Wt-plaintable td,
.wcr_borderless_look .Wt-tableview .Wt-plaintable th,
.wcr_borderless_look .Wt-tableview .Wt-tv-contents .Wt-tv-c,
.wcr_borderless_look ~ div.MyWDialog .Wt-tableview .Wt-plaintable td,
.wcr_borderless_look ~ div.MyWDialog .Wt-plaintable th,
.wcr_borderless_look ~ div.MyWDialog .Wt-tableview .Wt-tv-contents .Wt-tv-c {
    border-bottom: none !important;
    border-right: none !important;
}



/* entraid show login success pantallazo*/

.fade-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.6); /* Negro tenue transparente */
    border: 2px solid #0078d4;
    border-radius: 10px;
    padding: 20px 40px;
    text-align: center;
    opacity: 0;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: opacity 0.5s ease-in-out;
}

    .fade-notification.show {
        opacity: 1;
    }

    .fade-notification.hide {
        opacity: 0;
    }

    .fade-notification .logo {
        width: 60px;
        margin-bottom: 15px;
    }

    .fade-notification .message {
        font-size: 18px;
        color: #333333;
    }

/* form spinner for autologin with entraid */

#login-check-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 200px;
    font-family: Arial, sans-serif;
    color: #555;
    font-size: 1.2em;
}

.spinner {
    width: 48px;
    height: 48px;
    border: 6px solid #ccc;
    border-top-color: #0078d4;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 1em;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

#maindiv_centered_myform_loginchrono {
    visibility: hidden;
}

.my--mb-08 {
    margin-bottom: 0.8em;
}
.d-inline-noimportant {
    display: inline;
}



/* Resuelve tema del nuevo form al cambiar el idioma en el css > /wci/sty_v44/form_login.css esta clase esta a block */
.maindiv_centered--Old {
    display: none;
}


/* NEW CUSTOM BUTTONS STYLES */
.btn-dark {
    background: #23293B;
    color: #fff;
    border: none;
}

    .btn-dark:hover {
        background: #10121a;
        color: #fff;
    }

.btn-light {
    background: #F4F7FA;
    color: #000;
    border: 1px solid #E6EBEF;
}

    .btn-light:hover {
        background: #e0e6ed;
        color: #000;
    }

.btn-accent {
    background: #E15554;
    color: #000;
    border: none;
}

    .btn-accent:hover {
        background: #a63130;
        color: #000;
    }

.btn-purple {
    background: #9253C8;
    color: #fff;
    border: none;
}

    .btn-purple:hover {
        background: #6d34a7;
        color: #fff;
    }

.btn-teal {
    background: #16C1AE;
    color: #000;
    border: none;
}

    .btn-teal:hover {
        background: #128579;
        color: #000;
    }

.btn-blue {
    background: #2186EB;
    color: #000;
    border: none;
}

    .btn-blue:hover {
        background: #1563ad;
        color: #000;
    }

.btn-muted {
    background: #ADB5BD;
    color: #000;
    border: none;
}

    .btn-muted:hover {
        background: #888f96;
        color: #000;
    }

.btn-sky {
    background: #82CFFD;
    color: #000;
    border: none;
}

    .btn-sky:hover {
        background: #53b8fa;
        color: #000;
    }

.btn-olive {
    background: #A0C36E;
    color: #000;
    border: none;
}

    .btn-olive:hover {
        background: #7c9f4d;
        color: #000;
    }

.btn-orange {
    background: #FF9600;
    color: #000;
    border: none;
}

    .btn-orange:hover {
        background: #b05d00;
        color: #000;
    }

.btn-gold {
    background: #FFD700;
    color: #000;
    border: none;
}

    .btn-gold:hover {
        background: #e6be00;
        color: #000;
    }

.btn-steel {
    background: #5B6366;
    color: #fff;
    border: none;
}

    .btn-steel:hover {
        background: #313639;
        color: #fff;
    }

.btn-mint {
    background: #19E19C;
    color: #000;
    border: none;
}

    .btn-mint:hover {
        background: #16936e;
        color: #000;
    }

.btn-rose {
    background: #f368e0;
    color: #000;
    border: none;
}

    .btn-rose:hover {
        background: #c134aa;
        color: #000;
    }

.btn-slate {
    background: #68728C;
    color: #fff;
    border: none;
}

    .btn-slate:hover {
        background: #454c60;
        color: #fff;
    }

.btn-maroon {
    background: #802040;
    color: #fff;
    border: none;
}

    .btn-maroon:hover {
        background: #6a1a37;
        color: #fff;
    }

.btn-turquoise {
    background: #40E0D0;
    color: #000;
    border: none;
}

    .btn-turquoise:hover {
        background: #2cb1a2;
        color: #000;
    }

.btn-lime {
    background: #A2EE3C;
    color: #000;
    border: none;
}

    .btn-lime:hover {
        background: #7cb122;
        color: #000;
    }

.btn-sand {
    background: #E7C990;
    color: #000;
    border: none;
}

    .btn-sand:hover {
        background: #c7ad7b;
        color: #000;
    }

.btn-indigo {
    background: #3F51B5;
    color: #fff;
    border: none;
}

    .btn-indigo:hover {
        background: #2e397d;
        color: #fff;
    }




/*test*/
.main-error-cover {
    min-height: 100vh;
    background: linear-gradient(135deg, #f9fafc 0%, #e9eef3 100%);
}

.error-panel {
    max-width: 470px;
    margin-top: 56px;
    background: #fff;
    border-radius: 20px !important;
}



/* Bandera tipo bookmark, con corte en la izquierda (estilo pestaña/flecha) */
.bookmark-badge {
    position: relative;
    /*display: inline-flex;*/
    align-items: center;
    /* Padding modificado: más espacio a la izquierda para el corte */
    padding: 2px 14px 2px 12px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 500;
    pointer-events: none;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    text-transform: lowercase;
    /* Nuevo clip-path: Corte diagonal a la izquierda (similar al estilo de la Imagen 2) */
    /* Crea un punto en 10px desde la parte superior izquierda, un ángulo y luego va a la esquina inferior */
    clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100%, 10px 50% /* El punto clave que crea el ángulo */
    );
}

/* NOTA: Dependiendo del entorno de rendering (SVG o CSS puro),
puede ser necesario un clip-path diferente para que se vea exactamente como las imágenes.

Una alternativa para un corte más pronunciado a la izquierda (como pestaña):
clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%);
*/



.ocr-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.08);
}



div.card-body-p0 > .card-body {
    padding: 0 !important;
    border: none !important;
}



.hist-desc-ellipsis {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block;
    max-width: 190px;
}

.tab-pestana {
    border-radius: 8px 0 0 8px !important;
    background: #fff !important;
    border: 1px solid #bbb !important;
    box-shadow: 2px 2px 8px #3333 !important;
    z-index: 25;
    transition: background 0.2s;
    cursor: pointer;
    position: absolute !important;
    left: -22px !important;
    top: 50% !important; /* centra verticalmente */
    transform: translateY(-50%) !important;
    min-width: 36px !important;
    min-height: 60px !important;
    padding: 4px 3px 4px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tab-pestana:hover {
        background: #f8f9fa !important;
    }




.force-borderless {
    border: 0px !important;
}



.flex-spacer {
    flex-grow: 1;
}

.min-width-96 {
    min-width:96% !important;
}


.centered-viewport {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    min-height: 100vh !important;
    min-width: 100vw !important;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background: #f7f8fa; /* o tu color de fondo */
}

.error-panel-inner {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 270px;
    margin: auto 0;
}


.maindiv_centered_cloud.d-flex.card > .card-body {
    display: flex;
    justify-content: space-evenly;
}

#indexer--toolbar-thumbs .btn-group.me-2 {
    margin-right: 0px !important;
}

.d-flex-noimportant {
    display: flex;
}