.ui-autocomplete { position: absolute; cursor: default; }       
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
* html .ui-autocomplete { width:1px; }
.anothercolor {
    background-color: honeydew; 
    padding: 10px;
}
.bordersolid {
    border: 2px solid;
    border-radius: 10px;
}
.ui-menu {
        list-style:none;
        padding: 10px;
        margin: 0;
        display:block;
        width:227px;
}
.ui-menu .ui-menu {
        margin-top: -3px;
}
.ui-menu .ui-menu-item {
        margin:0;
        padding: 0;
        width: 200px;
}
.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:1.5;
        zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
        margin: -1px;
        background-color:black;
}
.slimscroll{
    height: 60vh !important;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    color:white !important;
}
.ui-tabs .ui-tabs-nav li{
    background: linear-gradient(90deg, #4b8ae9 0, #160ba7 48%, #6681da 100%) !important;
    border: none !important;
    font-size: 13px !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
    background: black !important;   
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    border: 1px solid white !important;
    background: #4b8ae9 !important;
    font-weight: bold !important;
    font-size: 12px !important;
    text-align: left !important;
    padding: 0px !important;
    color: #ffffff !important;
} 
ul.ui-autocomplete {
    border: gray solid 1px;
    z-index: 1000000;
    background-color:white;
    border-radius:10px;
}
.modal-body{
    padding: 10px !important;
}
fieldset {
    display: none
}
fieldset.show {
    display: block
}
.tabs {
    margin: 2px 5px 0px 5px;
    padding-bottom: 10px;
    cursor: pointer
}
.tabs:hover,
.tabs.active {
    border-bottom: 1px solid #160ba7
}
a:hover {
    text-decoration: none;
    color: #1565C0
}
.box {
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px
}
.modal-backdrop {
    background-color: #1f2128
}
.line {
    background-color: #CFD8DC;
    height: 1px;
    width: 100%
}
@media screen and (max-width: 768px) {
    .tabs h6 {
        font-size: 12px
    }
}
.spacing_tab {
    margin-right: 30px;
}
.spacing_tab_min {
    margin-right: 15px;
}
#module-tabs { height: auto; }
.tabs-bottom { position: relative; }
.tabs-bottom .ui-tabs-panel { height: auto; overflow: auto; padding: 0.5em 0.2em}
.tabs-bottom .ui-tabs-nav { position: fixed !important; left: 0; bottom: 0; right:0; padding: 0; z-index:99;}
.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
.ui-tabs-selected { margin-top: -3px !important; }
.no_datos {font-size:10pt;font-weight:bold;}
#module-tabs.ui-tabs .ui-tabs-nav li a{
    padding: 0.5em 0.4em;
}
/*holder grid de detalle*/
.contentHolder {
    position:relative;
    margin:0px;
    padding-right:12px;
    width: 100%;
    height: 210px;
    overflow:hidden;
    border:2px solid #C0C0C0;
}
.prev {
    cursor:pointer;
}
.first{
    cursor:pointer;
}
.next{
    cursor:pointer;
}
.last{
    cursor:pointer;
}
.contentHolder_series {
    position:relative;
    margin:0px;
    padding-right:12px;
    height: 300px;
    overflow:hidden;
}
#loadingDiv{
        background:#FFF url("img/spinner.gif") no-repeat center center;
        position:fixed;
        z-index:1000;
        width:100%;
        height:100%;
        filter:alpha(opacity=50);
        opacity: 0.5;
        left:0px;
        top:0px;
}
.aplica_serie{
    background-image:url('img/icon_info.png');
    background-repeat:no-repeat;
    background-position:center left;
    /*padding-left:20px;*/
}
.centrado{
    display:none;
    position:fixed;
    width:500px;
    height:400px;
    margin-left:-200px;
    margin-top:-200px;
    z-index:100;
}
ul.cat_tree{
    list-style: square url("img/bullet.gif");
    padding: 0 0 0;
}
.logout{
    background-color: #4d4d4d;
    padding: 4px 20px;
}
input[readonly='readonly'],input[readonly] {
    background-color:#EDEDED;
}
#div_idp, #div_cativa{

    top: 50% !important;
    left: 30% !important;
    margin-top: -50px !important;
    margin-left: -50px !important;
}
div[id$="-div_caduca"]{
    border: 1px solid #a6c9e2;
    background-color: #fff;
    height:auto;
    z-index: 1001;
    overflow-x:hidden;
}
.form-control[id^="saldo-"]{
    width:auto;
}
@media only screen and (max-width: 768px) {
    div[id*="-upd"] {
        width:100% !important;
    }
    div[id^="cnt-det"] {
        top: 75% !important;
        left: 50% !important;
        margin-top: -50px !important;
        margin-left: -50px !important;
    }
    .modal-layer{
        position:absolute !important;
    }
    div[id$="div_caduca"]{
        overflow: scroll;
        position: absolute;
        height: 100%;
        width: 100%;
        font-size: 75%;
        border: 1px solid rgb(166, 201, 226) !important;
        background-color: rgb(255, 255, 255) !important;
        height: auto !important;
        z-index: 1001 !important;
        overflow-x: hidden !important;
        top: 1000px !important;
        left: 200px !important;
    }
    #catPrecio {
        top: -750px !important;
        left: 0px !important;
        position: relative !important;
        background-color:transparent !important;
    }
    table {
        display: block;
        margin: 0 auto;
        overflow-x: auto;
    }
    #indextable{
        width:250px !important;
    }
    .grid:not(.tablesorter) {
        display: block;
        margin: 0 auto;
        overflow-y: auto;
        overflow-x:auto;
        white-space: nowrap;
        border-collapse: separate !important;
        height:200px;
    }
    .frmMask{
        width:100% !important;
    }
    .modal-body{
        margin: -5px !important;
        overflow: hidden;
        z-index:1000;
        top:0px;
        left:0px;
        height:auto;
        width:100vw;
    }
    table .form-control{
        width:auto !important;
    }
}
.form-control:not(textarea){
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding: 0px 0px !important;
}
textarea {
    height: 60px !important;
}
.width-auto{
    width:auto !important;
}
.grid:not(.tablesorter) {
    display: block;
    overflow-y: auto;
    overflow-x:auto;
    border-collapse: separate !important;
    height:200px;
}
input{
    width:auto;
} 
body {
    overflow-y: scroll !important;
    position: static !important;
}
#ui-datepicker-div{
    background: #e8e8e8 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    border-collapse: separate !important;
    border: none !important;
}
a:not([href]):not([tabindex]){
    background: white !important;
    color: black !important;
    cursor: pointer !important;
    background: white !important;
    cursor: pointer !important;
}
.ui-datepicker-prev .ui-corner-all{
    padding-right: 30px !important;
}
.ui-datepicker-month{
    margin-right: 10px !important;
}
.ui-state-default{
    color: black !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    background: transparent !important;
    border: none !important;    
}

.wrapper-add-fav{
    text-align: right;;
}