/*Estilos base*/
.filtrosBody .progress{
    top: 50%;
    height: 25px;
    width: 90%;
    margin-left: 5%;
}
.filtro-icon{
    padding-left: 5px;
    padding-right: 5px;
    font-size: 15px;
}
.filtros-componentes{
    background-color: rgb(255, 255, 255);
}
.filtro-componente-header-name{
    background: #D0DDE4;
}
.filtro-componente{
    /* padding-left: 8px; */
}

.tree .tree-folder .tree-folder-content{
    margin-left: 34px;
}
.tree .tree-folder .tree-folder-content:before{
    left: -24px;
}
.tree .tree-folder:before, .tree .tree-item:before{
    left: 0;
    width: 0;
}
.tree .tree-folder .tree-folder:before, .tree .tree-folder .tree-item:before{
    left: -23px;
    width: 24px;
}

.memberDivName{
    display: inline-block;
    width: 100%;
}
.indicadoresBody .ace-icon {
    width: 30%;
}
.indicadoresFooter{
    color: white;
    /* text-align: center; */
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.indicadoresBody .clearfix{
    height: calc(100% - 59px);
    overflow: auto;
    overflow-x: hidden;
}
.tableBody thead tr{
    padding-right:4px;
}
.tableBody thead tr th:last-child{
    border-right: none;
}
.tableRegion  #list-table-region
{
    max-height: 190px;
    overflow-Y: auto;
    color: #000;
    margin-top: -2px;
    display: block;
}

.tree:before{
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
.tree.tree-selectable > .tree-folder:first-child:before{
    /* width: 0; */
    /* border-right: 1px dotted #67b2dd; */
    border-top: 1px dotted #67b2dd;
}

.tableRegion .buttons{
    display: inline-block;
    margin-left: 10px;
}
.filtrosBody .buttons{
    text-align:center;
    position: absolute;
    width: 100%;
    bottom: 8px;
}
.filtrosBody .buttons button{
    width: 20% !important;
}
.filtrosBody .filtrosScroll{
    height: calc(100% - 50px);
    overflow: auto;
}

#page-mapping-content .widget-box{
    margin:0;
}
.widget-toolbar:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: -1px;
    border: 1px solid #D9D9D9;
    border-width: 0 1px 0 0;
}
#page-mapping-content .widget-header:before{
    display: inline-block;
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: -1px;
    border: 1px solid #B9B8B8;
    border-width: 0 0 1px 0;
}
#page-mapping-content .roww:before{
    display: inline-block;
    content: "";
    position: absolute;
    left: 0px;
    top: -1px;
    right: -1px;
    border: 1px solid #B9B8B8;
    border-width: 1px 0 0 0;
    /* z-index: 1305; */
}
#page-mapping-content .mapRegion{
    height: 100%;
    background: #F7F7F7;
    position: absolute;
    width: 100%;
    padding-top: 41px;
}
#page-mapping-content .widget-title{
    padding-left: 5px;
}
.filterRegion:before{
    display: inline-block;
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: -1px;
    border: 1px solid #B9B8B8;
    border-width: 0 1px 0 0;
}
.indicadoresRegion:before{
    display: inline-block;
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -1px;
    border: 1px solid #B9B8B8;
    border-width: 0 1px 0 0;
}
.filterRegion.widget-header{
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: -1px;
    border: 1px solid #D9D9D9;
    border-width: 0 1px 0 0;
}
#page-mapping-content .tableRegion .widget-header{
    padding: 0;
}
#page-mapping-content .widget-header{
    min-height:0px;
    height: 41px;
    width: 100%;
    border: 0;
    padding: 0;
}

#page-mapping-content .widget-toolbar{
    line-height: 39px;
}
#page-mapping-content .widget-title{
    line-height: 36px;
    font-weight: bold;
}

#page-mapping-content .tableRegion .widget-toolbar{
    line-height: 30px;
}
#page-mapping-content .tableRegion  .widget-header{
    height: auto;
}


.tree .icon-ok{
    color:green !important;
}
.tree .icon-remove{
    color:red !important;
}
.tree .tree-folder{
    border: none;
}
.tree-folder-header .icon-selectable:before {
    color:red;
    content: "" !important;
}
.filtro-header-name{
    font-size: 13px;
    padding-left: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #769CCE;
    color: beige;
}
.tree .tree-item, .tree .tree-folder{
    border: none !important;
}
.tree.tree-selectable{
    overflow: inherit;
}
.tree .tree-item:hover,
.tree .tree-folder .tree-folder-header:hover{
    background-color: #C4DAEA;
}
.icon-selectable,
.ace-icon.icon-plus.tree-collapse{
    -webkit-font-smoothing: antialiased;
    box-sizing: content-box;
    color: rgb(77, 104, 120);
    cursor: pointer;
    display: inline-block;
    height: 13px !important;
    line-height: 13px  !important;
    margin-bottom: 0px;
    margin-left: -2px;
    margin-right: 0px;
    font-size: 12px;
    margin-top: -2px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 13px !important;
    z-index: 2;
    background-color: #FAFAFA;
    border: 1px solid #CCC;
    text-align: center;
    border-radius: 3px;
}
.icon-selectable:before{
    box-sizing: border-box;
    display: inline-block;
    height: 13px;
    speak: none;
    text-decoration: none;
    width: 13px;
    font-size: 14px;
}

.itemdiv.memberdiv{
    width: 100%;
    height: auto;
    min-height: 0;
    text-align: center;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #000000;
}

.indicadoresFooter .itemdiv.memberdiv{
    background-color: #769CCE;
    padding-top:5px;
    padding-bottom:5px;
    border-top: 1px solid #000000;
}
.itemdiv.danger{
    background-color: #f2dede
}
.filtrosBody{
    background: #F7F7F7;
    height: calc(100% - 40px);
    position: absolute;
    width: 100%;
}
.filterRegion{
    /* z-index: 1303; */
    height: 100%;
    padding-right: 0;
    padding-left: 0;
    /* top: -2px; */
    /* float: right; */
    position: absolute;
}
.filterRegion.colapsed{
    height: 0;
}
.indicadoresBody{
    overflow-y: auto;
    overflow-x: hidden;
    background: #F7F7F7;      height: calc(100% - 40px);      position: absolute;      width: 100%;
}
.indicadoresRegion{
    /* z-index: 1302; */
    top: 0;
    height: 100%;
    padding: 0;
    float: right;
}
.indicadoresRegion.colapsed{
    height: 41px;
}
.tableRegion{
    /* z-index: 1302; */
    padding-right: 25px;
    padding-left: 0;
    /* top: -2px; */
    bottom: 0;
    /* right: 0; */
    /* left: 0; */
    /* height: 200px; */
    /* background-color: rgb(247, 247, 247); */
    float: none;
    position: absolute;
    /* vertical-align: bottom; */
    margin-left: 25.06%;
    width: 58.333%;
}
.tableRegion .tableBody{
    background-color: white;
    height: 100%;
}
.tree-folder-name,
.tree-folder-header .icon-selectable,
.tree-item-name{
    margin-left:5px !important;
}
.filtro-header.colapsed{
    height: 36px;
}
.icon-filtro-colapse{
    float: right;
    padding-right: 14px;
    padding-top: 9px;
    color: beige;
}
.filtro-header{
    cursor: pointer;
    border: none;
    border-top: 1px solid #769CCE;
    border-bottom: 1px solid #FFFFFF;
    font-family: 'Open Sans';
    font-size: 13px;
    line-height: normal;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    outline-color: rgb(25, 99, 170);
    /* padding-left: 3px; */
    word-break: break-all;
}
.filtro-header:befsore{
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    bottom: 0;
    /* left: 0; */
    width: 6px;
    max-width: 6px;
    overflow: hidden;
    background-color: #3382af;
}

.tree.tree-selectable{
    margin: 0;
    padding: 0 0 0 2px;
    position: relative;
    background-color: #ffffff;
    box-sizing: border-box;
    font-family: 'Open Sans';
    font-size: 13px;
    color: #393939;
    line-height: 1.5;
}


/*Colapsos*/
.filtrosBody .resumen-hidden,
.tree-item.resumen-hidden,
.tree-folder.resumen-hidden,
.filterRegion.colapsed .filtrosBody,
.indicadoresRegion.colapsed .indicadoresBody,
.resumen-hidden .icon-filtro-colapse,
.icon-selectable.resumen-hidden,
.filtro-header.colapsed .filtros-componentes,
.tree-folder.colapsed  .tree-folder-content,
.tableRegion  #table-region.colapsed
{
    display: none;
}


.tree-folder.resumen-expande .tree-folder-content{
    display: block;
}

.colapsed .icon-chevron-up:before {
    content: "\f078";
}
.colapsed .icon-chevron-down:before {
    content: "\f077";
}


.icon-filtro-colapse:before{
    content: "\f077" !important;
}

.filtro-header.colapsed .icon-filtro-colapse:before{
    content: "\f078" !important;
}

.tree-folder .tree-collapse:before{
    content: "-" !important;
}

.tree-folder.colapsed .tree-collapse:before{
    content: "+" !important;
}




.item.icon-selectable.selected.resumen-hidden
{
    display: none !important;
}

.tree-folder.resumen-expande .icon-selectable
{
    display: none !important;
}
.tree-folder.resumen-expande .tree-collapse:before{
    content: "-" !important;
}

/*selecciones*/
.tree .selected.icon-selectable:before {
    color: green;
    content: "\f00c" !important;
}