body{
    margin:0; font-weight:400; line-height:1.4285; color:var(--colBody);
    background-color:#e8ecf1;
    font-family:var(--fontBody); font-size:14px;
}

#wbo_header{
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding:0.5rem 0.25rem 0.25rem 0.25rem; background-color:#FFF; color:#000;
    width:calc(100% - 0.5rem); position:fixed; z-index:3; top:0; left:0;
}

/* barra menu */
#wbo_aside{
    font-size: 14px; height:100vh; overflow-x:overlay;
    width: 226px; background-color:#FFF;
    box-shadow: 0 16px 28px -12px rgba(0,0,0,.56), 0 4px 20px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    background-size:cover;
    padding-bottom: 20px;
    position:fixed; z-index:1; padding-top:36px;
}
#wbo_aside .ulWrapLevel { background-color:transparent !important; }
.wbo_content{ padding-top:60px; position:relative; }
.wbo_contentWi{ width:calc(100% - 246px); left:240px;  }

#wrap_bottom_content {
    position:fixed; bottom:0; left:0; width:calc(100% - 0.5rem); padding:0.25rem; background-color:#EEE; font-size:0.65rem !important;
    display:none !important;
}

/* MENU app */
#__menuList{ display:inline-block;}
.ulWrapLevel{ background-color:#FFF; }
.no-print { }
.__menuListWrap {
    z-index: 10;
    top: 1rem;
    left: 0;
    width: 90%;
    display: none;
    position: fixed;
    background: #FFF;
    padding: 0.25rem;
    border: 0.0625rem solid #CCC;
    max-height: 90%;
    overflow: auto;
}

.ulWrapLevel ul ul:not([class='ulList']){ padding:0 !important; border-left:1px solid #FBE983; margin-left:0.5rem; }
.ulWrapLevel li, .ulWrapLevel ._ulFoldLi { line-height:1.3; padding:0.05rem; position:relative; white-space:nowrap; width:98%; }
.ulWrapLevel ._ulFoldLi ._r { position:absolute; right:0; top:20%; width:1rem; white-space:nowrap; overflow:hidden;}
.ulWrapLevel ul li a:hover{ background:#CCC; }
.ulWrapLevel li button { text-transform:capitalize; display:block; text-align:left; width:99%; padding:0.25rem; font-size:inherit !important; background-color:transparent; border:none; }
.ulWrapLevel li button:hover { background:#CCC; cursor:pointer; }
.ulWrapLevel li a._link{ text-decoration:none; padding:0.25rem; display:block; }
.ulWrapLevel li._link:hover{ background:#CCC;}
.ulWrapLevel .close{ position:absolute; top:0; left:0; }

.wbo_notify { float:right; }

/* CONTENT PAGE */

/* top filters and title page */
.MbtnsTop{ position:relative; z-index:1; }
#__wrapFiltForm { background-color:#FFF; font-size:90%; padding:6px; border:1px solid #CCC; box-shadow:5px 5px 26px -5px #000;  top:calc(100% + 6px); width:96%; }
#__wrapTitle { margin-bottom:16px; font-size:1.3125rem; }
#__wrapList{ background-color:#FFF; padding:6px; margin-top:5px; }
#__wrapList table { white-space:normal; }

fieldset {
    padding: 0.3125rem 10px; margin:0 0 20px 0; width:auto;
    border: #ccc 1px solid; box-shadow: inset 0 0 1px rgba(255, 255, 255, 1);
}
fieldset  legend {
    float: unset;
    display: block;
    width: auto;
    padding: 0.1875rem 10px;
    margin-left:0.25rem;
    margin-bottom: 0.125rem;
    font-size:0.6875rem;
    font-weight: bold;
    line-height: 1.25rem;
    color: #444444;
    border: 0;
    border-bottom: none;
    background-color: #f8f8f8;
    border: #ccc 1px solid;
}
fieldset  legend { cursor:pointer; }

/* divSelect form */
.divLineTitleSection { padding:0.625rem 0.25rem 0.375rem; background-color:#CCC; margin-top:0.25rem; }
.divLineTitleSection_descrip { padding:0.625rem 0.25rem 0.375rem; font-size:0.75rem;}
.divLine_wrapDescrip:before { content:""; clear:both; display:block; padding:0.15rem 0; }
.divLine_wrapDescrip { font-size:0.75rem; }
div.input { min-height:auto !important; }

.wrapxAuto, .wrapx2, .wrapx3, .wrapx4, .wrapx5, .wrapx6, .wrapx7, .wrapx8,
.wrapx3_1, .wrapx4_1, .wrapx5_1, .wrapx6_1, .wrapx7_1, .wrapx8_1, .wrapx9, .wrapx9_1,.wrapx10, .wrapx10_1
{
    float:left; margin-right:0.125rem;
}
.divLine{ position:relative; display:flex; flex-wrap:wrap; }
.divLine .jcol{ margin-bottom:1rem; }
.divLine .jcol:last-child{ margin-right:0; }
.divLine .jcol span{ position:relative; display:block; }
.divLine .jcol label { font-weight:bold; padding-top:calc(.375rem + 1px); padding-bottom:calc(.375rem + 1px); margin-bottom:0; font-size:inherit; white-space:nowrap; overflow-x:hidden; text-overflow: ellipsis; max-width:100%; }
.divLine .jcol label span{ display:inherit;; }
.divLine .clear { position:absolute; top:50%; right:7px; height:14px; width:16px; background-image:url(/_img/cross_small.png); background-repeat:no-repeat; background-position:center center; }
.divLine .jcol input[type=text], .divLine .input,
.divLine .jcol select, .divLine .jcol textarea,
.divLine .jcol input[type=date], .divLine .jcol input[type=number], .divLine .jcol input[type=color], .divLine .jcol input[type=password],
.divLine .jcol input[type=time], .j_input_base {
    display:block; width:100%; height:calc(2.25rem + 2px); padding:.375rem .75rem;
    font-weight:400; color:var(--fcForm);
    background-color:#fff; border:1px solid #ced4da; border-radius:.25rem;
}
.divLine .jcol input[type=checkbox] { display:initial; width:auto; height:auto; }
.divLine .divSel .options { max-width:100%; }
.divLine:after { clear:both; content:""; display:block; }
.divLine .wrapx1{ width:100%; }
.divLine .wrapx2{ width:var(--wix2);}
.wrapx3{ width:var(--wix3); }
.divLine .wrapx3_1 { width:var(--wix3_1); }
.divLine .wrapxAuto { width:auto; }
.divLine .wrapx4 { width:var(--wix4); }
.divLine .wrapx4_1 { width:var(--wix4_1); }
.divLine .wrapx5 { width:var(--wix5); }
.divLine .wrapx5_1 { width:var(--wix5_1); }
.divLine .wrapx6 { width:var(--wix6); }
.divLine .wrapx6_1 { width:var(--wix6_1); }
.divLine .wrapx7 { width:var(--wix7); }
.divLine .wrapx7_1 { width:var(--wix7_1); }
.divLine .wrapx8 { width:var(--wix8); }
.divLine .wrapx8_1 { width:var(--wix8_1); }
.divLine .wrapx9 { width:var(--wix9); }
.divLine .wrapx9_1{ width:var(--wix9_1); }
.divLine .wrapx10 { width:var(--wix10); }
.divLine .wrapx10_1 { width:var(--wix10_1); }
.wrapx3:nth-child(3), .wrapx4:nth-child(4)
{ margin-right:0; }
.divLine > .btnClear { position:absolute; right:0; top:3px; }
.divLine .subText { display:block; }

/* -- tables */
.table_zh { border:1px solid #dee2e6; font-size:15px; }
.table_zh>thead>tr>th:first-of-type{ padding-left: 1.5rem; }
table td, .table th{ padding:.3rem; }

.table_zh thead th{ vertical-align:bottom; border-bottom:2px solid #dee2e6; }
.table_zh>thead>tr>th{ border-top-width:0; border-bottom-width:2px; }
.table_zh td, .table_zh th{ border-top:1px solid #dee2e6; }
.table_zh > tbody td{ border:0.0625rem solid #CCC; padding:8px 4px; background-color:#FFF; }

/* -- buttons */
.btn, .btnBor, .btnAddText, .btnNewAction {
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    right: 0;
    width: 1.25rem;
    height: 1.25rem;
    font-weight: bold;
    cursor: pointer;
    margin-right: 2px !important;
    background-color: inherit !important;
    margin-top: 0.375rem;
}
.iBg_icoxls { background-image:url(/public/image/icons/ico_xls.png); }
.iBg_doc { background-image:url(/public/image/icons/docs.png); }

/* componentes */
.as-comp-docForm {
    margin: 12px 0 !important;
}
.as-comp-addButton {
    margin: 4px !important;
}

.as-comp-button-fa {
    margin: 4px !important;
    border: none;
    right: 0;
    height: 1.25rem;
    font-weight: bold;
    cursor: pointer;
    margin-right: 2px !important;
    margin-top: 0.375rem;
    background-color:#0a0a23;
    color: #fff;
    border-radius:10px;
    box-shadow: 0px 0px 2px 2px rgb(0,0,0);
}
.as-comp-button-fa:hover {
    background-color:#002ead;
    transition: 0.7s;
}

/** wins floats */
.DOMwin_open {
    position: fixed;
    min-width: 8rem;
    top: 4%;
    left: 10%;
    background: rgba(255,255,255,0.8);
    max-width: 100%;
}

.DOMwin_open .winTitle {
    padding: 0.625rem 1rem;
    background: #596875;
    color: #FFF;
}

.DOMwin_open .winWrap {
    border: 0.0625rem solid #596875;
    border-radius: 0.3125rem;
    background: #FFF;
    position: relative;
    height: 100%;
    overflow-y: auto;
}

.DOMwin_open .winWrapTop {
    position: relative;
    top: 0;
    left: 0;
    min-height: 2.25rem;
}

.DOMwin_open .winWrapCont {
    padding: 0.5rem;
}

.DOMwin_open .iBg_close, .DOMwin_open .iBg_move, .DOMwin_open .btnResize {
    position: absolute;
    right: 0.375rem;
    top: 0.375rem;
    cursor: pointer;
}

.DOMwin_open .iBg_move {
    right: 1.9375rem;
}
.DOMwin_open .btnResize {
    right: 3.8375rem;
}
.iBg_winMax {
    background-image: url(/public/image/icons/win_resizer.png);
}
.iBg_move {
    background-image: url(/public/image/icons/win_move.png);
}
.iBg_close {
    background-image: url(/public/image/icons/cross.png);
}
.iBg {
    background-position: 0.125rem center;
    background-repeat: no-repeat;
    border: none;
    min-height: 16px;
    padding-left: 20px !important;
    background-color: transparent;
    display: inline-block;
    float: none;
}

/** menu tabs*/
.win_tab_component {
    font-size:0.85rem;
    -webkit-overflow-scrolling: touch;
    position:relative; top:0; left:0; width:100%; text-transform:Capitalize;
    margin: 0 auto 0.1875rem;
    border-bottom:1px solid #36a2f5;
}
.win_tab_component > ul {
    margin:6px 0;
    border-bottom:1px solid #36a2f5
}
.win_tab_component > ul  > li { display:inline-block; padding:0.3125rem 0.3125rem 6px 6px; border-radius:15% 15% 0 0; cursor:pointer; }
.win_tab_component >ul > li:hover, .win_tab_component > ul > li.active { background-color:#36a2f5; color:#FFF;}

.win_tab_component_wrapper {
}

.win_full_page {
    height: 100%; z-index: 5; width: 100%; left: 0; top: 0;
}

.as_comp_win_confirmation {
    position: fixed;
    margin: 0;
    padding: 10px;
    background: #FFF;
    border: 1px solid #CCC;
    overflow-y: auto;
}

.winConfirm {

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10;
}