body{
    margin: 0;
    height:100%;
    padding: 0;
    font-family: verdana,sans-serif;
    font-size:11px;
    color:#555555;
}


.XS_Container {
    font-family: verdana,sans-serif;
    font-size:11px;
    color:#555555;
}

.XS_Container div.title{
    font-weight:bold;
}

.XS_Container div.body{
    font-weight:normal;
}

.XS_Container div.buttons{
    padding:5px;
}

.XS_Container div.footer{
    padding:5px;
}

.XS_footerText {
    font-family: verdana,sans-serif;
    font-size:11px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    background-color:#fffae8;
    color:inherit;
}

.XS_close:before {
    content: '\2716';
    background:transparent;
    font-weight: bold;
    font-size:12px;
    padding-right:5px;
    cursor:pointer;
}

.XS_Superior {
    top:0;
    left:0;
    /* position: sticky; */
    position: fixed;
    position: -webkit-sticky;
    z-index: 9000;
    /* min-width:900px; */
    min-width: 100%;
    height:57px;
    display:flex;
    flex-direction: row;
    font-family: verdana,sans-serif;
}

.XS_Superior div.barra{
    width:100%;
    border:0;
    margin-right:-247px;
}

.XS_Superior span.titulo{
    font-weight: normal;
    font-size: 19px;
    margin:0;
    padding-top:5px;
    padding-left:15px;
    display:block;
    height:33px;
}

.XS_Superior .menu {
    font-size: 11px;
    margin:0;
    padding-left:0px;
    padding-top:0;
	margin-top:-2px;
    list-style: none;
}

.XS_Superior .menu li{
    padding: 0;
    margin-left:30px;
    float:left;
    user-select: none;
}

.XS_Superior .menu li:first-child{
    padding: 0;
    margin-left:15px;
    float:left;
}

.XS_Superior .menu li:hover{
    --color:rgb(225, 159, 73);
    cursor: pointer;
}

.XS_Superior .menu span {
    display:inline-block;
}

.XS_Superior i{
    font-size:14px;
    margin-right: 3px;
}

.XS_Superior div.logo{
    width:247px;
    margin-right: 0;
    border:0;
    display: inline-block;
}

.XS_Superior_drop{
    list-style: none;
    position: absolute;
    margin:0px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    z-index:999;
    height:auto;
    display:block;
    background-color: #f8f8f8;
    border:1px #cccccc solid;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.XS_Superior_drop li{
    margin-top:3px;
    padding-left:3px;
    padding-right:3px;
    height:15px;
    float:none;
    user-select: none;
    color: #555555;
}


.XS_Superior_drop li:hover{
    color:rgb(225, 159, 73);
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .XS_Superior div.logo {
        display:none;
    }
}

@media screen and (max-width: 1000px) {
    .XS_Superior .menu span {
        display:none;
    }

    .XS_Superior .menu li{
        margin-left:10px;
    }

}

.XS_Superior_title {
    color:#ffffff;
    user-select: none;
}

.XS_Superior_menu {
    color:#1f165e;
    margin:0;
    padding:0;
}


.XS_Page{
    font-family: verdana,sans-serif;
    font-size:11px;
    margin-top: 57px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
    min-height:600px;
    background:#ffffff;
    width:100%;
    transform: scale(1);
    transform-origin: 'top left';
}

.XS_Page div.superior {
    height:57px;
    margin:0;
    padding:0;
    top:0;
    --position: fixed;
    width:100%;
    background: #f8f8f8;
    display:block;
    color:#f8f8f8;
    font-family: verdana,sans-serif;
}




.XS_Page div.wait {
    height:15px;
    margin-top:0px;
    text-align:center;
    width:200px;
    margin:auto;
    border:1px green solid; background:#fffae8;
    color:green;
    font:12px verdana,sans-serif Bold;
    border-radius:3px;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
    z-index: 100000;
    top: 0px;
    position: sticky;
}

.XS_Page div.menu{
    padding-left:20px;
}

.XS_Page div.title{
    min-width:399px;
    padding-top:0px;
    margin-left:20px;
}

.XS_Page_title{
    font-family:verdana,sans-serif;
    font-weight:700;
    font-size:11px;
    color:#555555;
    background-color:#fffae8;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.XS_Page_title select{
    font-family:verdana,sans-serif;
    font-size:11px;
    padding:2px;
    outline: 0px;
    border:1px #cccccc solid;
    border-radius:3px;
    background:#ffffff;        
}



.XS_Page div.subtitle{
    min-width:399px;
    padding-left:20px;
}

.XS_Page_subtitle{
    font-family:verdana,sans-serif;
    font-weight:500;
    font-size:11px;
    color:#555555;
    background-color:#fffae8;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.XS_Page div.body{
    margin-left:20px;
}

.XS_Header div.title {
    padding-left:22px;
    min-width:399px;
    padding-left:20px;
    background-color:#ffffff;
    display:block;
}

.XS_Header_title {

    font-family: verdana,verdana,sans-serif, sans-serif;
    font-size:14px;
    font-weight:bold;
}

.XS_Header_subtitle {
    font-family: verdana,verdana,sans-serif, sans-serif;
    font-size:11px;
    font-weight:normal;
    padding-top:5px;
    padding-bottom:5px;
}


.XS_Menu_Panel{
    color:#1e1d1d;
    background-color: #f8f8f8;
    border: 1px #cccccc solid;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
    border-radius: 10px;
}

.XS_Menu_Panel_14{
    font-family: verdana,  verdana,sans-serif, sans-serif;
    font-size:14px;
}

.XS_Menu_Panel_11{
    font-family: verdana,  verdana,sans-serif, sans-serif;
    font-size:11px;
}

.XS_Menu_Panel_11b{
    font-family: verdana,  verdana,sans-serif, sans-serif;
    font-size:11px;
    font-weight:bold;
}

.XS_Menu_Panel ul{
    list-style: none;
    margin:0;
    padding-left:0;
    padding-right:0;
    padding-top:10px;
    padding-bottom:10px;
}

.XS_Menu_Panel_grp{
    padding-left:10px;
    border-top:1px #cccccc solid;
    padding-top:5px;
    padding-bottom:5px;
    display: flex;
    justify-content: left;
    align-items: center;
    font-weight: bold;
}

.XS_Menu_Panel_grp:first-child{
    border-top:0;
}

.XS_Menu_Panel_grpItem{
    padding-left:20px;
    border-top:1px #cccccc solid;
    padding-top:5px;
    padding-bottom:5px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.XS_Menu_Panel_grpItem:first-child{
    border-top:0px;
}

.XS_Menu_Panel li:hover{
    background-color: #F0FBFF;
    cursor:pointer;
}

.XS_Menu_Panel_item{
    padding-left:10px;
    border-top:1px #cccccc solid;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.XS_Menu_Panel_item:first-child{
    border-top:0px;
}

.XS_Menu_Panel li:hover{
    background-color: #F0FBFF;
    cursor:pointer;
}

.XS_Menu_Panel img{
    border:1px #cccccc solid;
    border-radius: 5px;
    background: #ffffff;
}

.XS_Menu_Panel .arr_none{
    display: block;
 }


.XS_Menu_Panel .arr_right::before{
    font-size:12px;
    color:#555;
    cursor:pointer;
    content:'\25BA';
    padding:0px;
    margin-right:2px;
    vertical-align: middle;
 }

 .XS_Menu_Panel .arr_down::before{
    font-size:12px;
    color:#555;
    cursor:pointer;
    content:'\25BC';
    text-align:center;
    padding:0px;
    margin-right:2px;
    vertical-align: middle;
 }


 .XS_Aviso{
    color:#1e1d1d;
    background-color: #f8f8f8;
    border: 1px #cccccc solid;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    margin-top:0px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    padding:20px;
}

.XS_Bulletin{
    font-size:11px;
}

.XS_Bulletin_item{
    color:#1e1d1d;
    background-color: #f8f8f8;
    border: 1px #cccccc solid;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    margin-top:0px;
    --margin-left:10px;
    --margin-right:10px;
    margin-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
}

.XS_Bulletin_item p{
    margin-top:0px;
}

.XS_Bulletin_pop{
    color:#1e1d1d;
    text-align: left;
    font-size:11px;
    font-weight:normal;
    height:350px;
    overflow-y: auto;
}

.XS_Menu {
    font-family: verdana,  verdana,sans-serif, sans-serif;
    font-size:11px;
    background-color:#ffffff;
    min-width:399px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.XS_Menu div.title {
    font-family: verdana,  verdana,sans-serif, sans-serif;
    font-size:14px;
    font-weight:bold;
    background-color:#ffffff;
    padding-left:25px;
}

.XS_Menu div.menu {

    padding:0px;
    margin-top:10px;

}

.XS_Menu ul{
    background:transparent;
    padding:0px;
    margin:0px 0px 0px 20px;
    height:20px;
    padding-left: 7px
}

.XS_Menu li{
    font-family: verdana,  verdana,sans-serif, sans-serif;
    font-size:11px;
    list-style: none;
    border:1px #cccccc solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding:3px 9px 3px 9px;
    cursor:pointer;
    background:#f8f8f8;
    margin-left:0px;
    display:inline-block;
}

.XS_Menu li:hover{
    font-weight:bold;
    background:#cccccc;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
}


.XS_Menu li.on{
    background-image:linear-gradient(white, rgb(222, 222, 222), white);
    cursor:pointer;
    font-weight: bold;
    border-bottom:0px;
}

.XS_Menu li.on:hover{
    cursor:pointer;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
}

.XS_Menu div.subMenu{
    border:1px #cccccc solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f8f8f8;
}


.XS_Menu div.subMenu span{
    margin:0px;
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
    padding-bottom:3px;
    border-right:1px #cccccc solid;
    height:auto;
    display:inline-block;
    vertical-align:middle;
}

.XS_Menu  div.subMenu span:hover{
    font-weight:normal;
    background:#cccccc;
    cursor:pointer;
}

.XS_Menu  div.subMenu img{
    vertical-align:middle;
    margin:0px;
    padding:0px;
}

.XS_Menu select{
    padding:0px;
    margin:0px;
}


.XS_Menu_Mas:hover{
    font-weight:bold;
}

.XS_Menu_Mas:hover .XS_Menu_Mas_List{
    visibility:visible;

}

.XS_Menu_Mas ul{
    position: absolute;
    margin:0px;
    padding:0px;
    margin-left:-10px;
    margin-top:3px;
    visibility:hidden;
    display:block;
    z-index:1000;
    height:auto;
    box-shadow: 0.5px 0.5px 0.5px rgb(0 0 0 / 20%), 6px 6px 6px rgb(0 0 0 / 19%);
}

.XS_Menu_Mas li {
    background: #fff;
    display: block;
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:0px;
    border-top:0px #cccccc solid;
    min-width:120px;
    color: #333;
    font-size: 11px;
    font-weight:normal;
 }

 .XS_Menu_Mas li:first-child {
    border-top:1px #cccccc solid;
  }

 .XS_Menu_Mas li:hover {
    background:#F0FBFF;
 }

 .XS_Menu_List ul {
    position: absolute;
    margin:0px;
    padding:0px;
    min-width:150px;
    visibility:hidden;
    display:block;
    z-index:999;
    height:auto;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);

}

.XS_Menu_List li {
    background: #f8f8f8;
    display: block;
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:0px;
    border-top:0px #cccccc solid;
    min-width:120px;
    height:15px;
    color: #333;
    font-size: 11px;
    font-weight:normal;

 }

 .XS_Menu_List li:hover {
    background:#F0FBFF;
    font-weight: bold;
 }


 .XS_Menu_List .item{
    padding-left:5px;
    float:left;
    width:calc(100% - 22px);
 }

 .XS_Menu_List .arrow::after{
    font-size: 11px;
    color: #333;
    cursor: pointer;
    content: '\25BA';
    padding: 0px;
    margin-right: 2px;
    vertical-align: middle;
 }



 .XS_Menu_SubList {
    position: absolute;
    margin:0px;
    padding:0px;
    min-width:150px;
    display:block;
    z-index:999;
    border:0px;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
 }

 .XS_Menu_SubList ul {
    padding:0;
    margin:0;
 }

 .XS_Menu_SubList li {
    background: #f8f8f8;
    display: block;
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:0px;
    border-top:0px;
    border-left:1px #cccccc solid;
    border-right:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
    min-width:120px;
    height:15px;
    color: #333;
    font-size: 11px;
    font-weight:normal;
 }

 .XS_Menu_SubList li:first-child {
    border-top:1px #cccccc solid;
  }



 .XS_Menu_SubList li:hover {
    cursor:pointer;
    background:#F0FBFF;
 }

 .XS_Menu_SubList .item{
    padding-left:5px;
    float:left;
    width:calc(100% - 22px);
 }


.XS_Section{
    padding:0px;
}

.XS_Section div.tabs{
    background-color:#fffae8;
}

.XS_Section div.text{
    font-family:verdana,sans-serif;
    font-weight:700;
    font-size:11px;
    color:#555555;
    background-color:#fffae8;
    border-top:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:5px;
}



.XS_Section div.body{
    margin-left:0;
}

.XS_Section div.title{
    min-height:20px;
    min-width:250px;
    margin:0px;
    padding:0px;
    background-color:#fffae8;
}

.XS_Section_title{
    font-family:verdana,sans-serif;
    font-weight:600;
    font-size:11px;
    color:#555555;
    padding-left:10px;
    padding-top:7px;
    padding-bottom:7px;
}

.XS_Section div.subtitle{
    min-height:20px;
    min-width:250px;
    padding-left:3px;
    margin:0px;    
}

.XS_Section_subtitle{
    font-family:verdana,sans-serif;
    font-weight:300;
    font-size:11px;
    color:#555555;
    background-color:#fffae8;
    padding-left:10px;
    padding-top:3px;
    padding-bottom:5px;
}

.XS_Section_text{
    font-family: verdana,sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #555555;
    background-color: #fffae8;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
    min-height: 20px;
}

.XS_Tabs {
    font-family: verdana,sans-serif;
    font-size:11px;
    height:18px;
    padding-top:5px;
    padding-left:10px;
    min-width:200px;
    display: flex;
    flex-flow: nowrap;
}

.XS_Tabs_bg {
    background-color:#fffae8;
}

.XS_Tabs span{
    list-style: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding:1px 4px 2px 4px;
    margin-left:5px;
    margin-bottom:0px;
    float:left;
}

.XS_Tabs span.on{
    cursor:pointer;
    font-weight:bold;
    display:'';
}

.XS_Tabs span.off{
    background:transparent;
    cursor:pointer;
    font-weight:normal;
    display:'';
}

.XS_Tabs span.off:hover{
    font-weight:bold;
}

.XS_Tabs span.hidden{
    display:'none';
}

.XS_Tabs_Mas{
    margin-left:-5px !important;
    margin-top:1px !important;
    padding:0 !important;
    width:auto;
    font-weight:bold;
    cursor: pointer;
}


.XS_Tabs_Mas:hover{
    font-weight:bold;
}

.XS_Tabs_Mas:hover .XS_Tabs_Mas_List{
    visibility:visible;
}

.XS_Tabs_Mas ul{
    position: absolute;
    border:1px #cccccc solid;
    padding:0px;
    margin-left:0px;
    margin-top:17px;
    visibility:hidden;
    display:block;
    z-index:1000;

}

.XS_Tabs_Mas li {
    background: #fff;
    display: block;
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius:0px;
    border-top:1px #cccccc solid;
    min-width:120px;
    color: #333;
    font-size: 11px;
    font-weight:normal;
    cursor:pointer;
 }




.titleObjectFrame {
    font-family: verdana,sans-serif;
    font-weight:bold;
    font-size:11px;
    color:#555555;
    min-height:'15px';
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
    text-align:center;
    vertical-align:middle;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom:1px #cccccc solid;
    background-image:linear-gradient(white, rgb(222, 222, 222), white);
}

.titleObject {
    font-family: verdana,sans-serif;
    font-weight:bold;
    font-size:11px;
    color:#555555;
    --min-height:15px;
    padding-top:3px;
    padding-bottom:3px;
    text-align:center;
    vertical-align:middle;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-left:1px #cccccc solid;
    border-top:1px #cccccc solid;
    border-right:1px #cccccc solid;
    background-image:linear-gradient(white, rgb(222, 222, 222), white);
}

.headerObject {
    font-family:verdana,  verdana,sans-serif, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #555555;
    background-color: transparent;
    border-bottom:1px #cccccc solid;
    height:14px;    
    margin-top:10px;
    padding-bottom:3px;
}

.headerObject:hover{
    background-color: #F0FBFF;
    cursor:pointer;
}

.XS_Html  {
    font-family: verdana,sans-serif;
    font-size:11px;
}

.XS_Html table {
    font-family: verdana,sans-serif;
    font-size:11px;
}

.XS_Html .frame{
    border:1px #cccccc solid;
    width:auto;
    padding:10px;
}


.XS_Form {
    background:transparent;
    padding:0px;
    margin:0px;
    width:auto;

}



.XS_Form_shadow {
    border-radius:5px;
    /*border:1px #cccccc solid;*/
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
}

.XS_Form div.header {
    font-family: verdana,sans-serif;
    font-weight:bold;
    font-size:11px;
    vertical-align:middle;
    border-bottom:1px #cccccc solid;
    height:'20px';
    background-image:linear-gradient(white, rgb(222, 222, 222), white);
}

.XS_Form div.text{
    font-family:verdana,sans-serif;
    font-weight:700;
    font-size:11px;
    color:#555555;
    background-color:#fffae8;
    border-top:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
    padding-left:0px;
    padding-top:3px;
    padding-bottom:3px;
    margin-bottom:5px;
    --min-height:20px;
}

.XS_Form_body {
    font-family: verdana,sans-serif;
    font-size:11px;
    background:transparent;
    float:none;
    padding:10px;
    display:block;
}

.XS_Form div.none {
    border:0px #cccccc solid;
}


.XS_Form div.simple {
    border:1px #cccccc solid;
}

.XS_Form div.shadow {
    border:1px #cccccc solid;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
}


.XS_Form div.row {
    padding-top:2px;
    padding-bottom:2px;
    padding-left:0;
    padding-right:0;
    display:inline-block;
    width:100%;
}

.XS_Form div.rowGroup {
    padding-top:2px;
    padding-bottom:2px;
    padding-left:0;
    padding-right:0;
    display:flex;
    width:100%;
}


.XS_Form div.row:_hover {
    background: #ffffff;
}


.XS_Form div.footer {
    float:none;
    padding-top:5px;
}

.XS_Form div.buttons {
    float:none;
    padding:10px;
}





.msgLabel {
    font-family:verdana,sans-serif;
    font-weight:bold;
    font-size:11px;
    margin-left:5px;
    margin-right:5px;
    padding: 5px;
    background-color:#ffffff;
    color: #555555;
    border:1px #cccccc solid;
    border-radius:5px;
    text-align:center;
}

.msgLabel_close {
    margin-left: 15px;
    color: #555555;
    font-weight: normal;
    float: right;
    font-size: 18px;
    line-height: 13px;
    cursor: pointer;
    transition: 0.3s;
}

.msgInfo {
    font-family:verdana,sans-serif;
    font-weight:bold;
    font-size:11px;
    margin-left:5px;
    margin-right:5px;
    padding: 5px;
    color: #000080;
    background-color:#fffae8;
    border:1px #000080 solid;
    border-radius:5px;
    text-align:center;
  }

.msgInfo_close {
    margin-left: 15px;
    color: #000080;
    font-weight: normal;
    float: right;
    font-size: 18px;
    line-height: 13px;
    cursor: pointer;
    transition: 0.3s;
}

.msgNormal {
    font-family:verdana,sans-serif;
    font-weight:bold;
    font-size:11px;
    margin-left:5px;
    margin-right:5px;
    color: #555555;
    border:1px #555555 solid;
    padding: 5px;
    background-color:#fffae8;
    border-radius:5px;
    text-align:center;
  }

.msgNormal_close {
    margin-left: 15px;
    color: #555555;
    font-weight: normal;
    float: right;
    font-size: 18px;
    line-height: 13px;
    cursor: pointer;
    transition: 0.3s;
  }


.msgError {
    font-family:verdana,sans-serif;
    font-weight:bold;
    font-size:11px;
    margin-left:5px;
    margin-right:5px;
    padding: 5px;
    background-color:#fffae8;
    color: #94442d;
    border:1px #94442d solid;
    border-radius:5px;
    text-align:center;
  }


  .msgError_close {
    margin-left: 15px;
    color: #94442d;
    font-weight: normal;
    float: right;
    font-size: 18px;
    line-height: 14px;
    cursor: pointer;
    transition: 0.3s;
  }

  .msgFrame {
    font-family:verdana,sans-serif;
    font-weight:bold;
    font-size:11px;
    margin-left:5px;
    margin-right:5px;
    color: #555555;
    border:1px #cccccc solid;
    padding: 5px;
    background-color:#ffffff;
    border-radius:5px;
    text-align:center;
  }


.XS_Buttons {
    font-family:verdana,sans-serif;
    font-size:10px;
    font-weight:normal;
    color:#333;
    margin-top:3px;
}

.XS_Buttons  .button{
    font-family:verdana,sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#333;
    background-color: #f8f8f8; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 5px 5px;  /* equivalent to 'top left' */
    border:1px #cccccc solid;
    border-radius:3px;
    cursor:pointer;
    padding-left:25px;
    padding-top:3px;
    margin-left:10px;
    margin-top:3px;
    min-width:60px;
    height:25px;
}

.XS_Buttons  .buttonEmpty{
    font-family:verdana,sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#333;
    background-image:linear-gradient(white, rgb(222, 222, 222), white);

    border:1px #cccccc solid;
    border-radius:3px;
    cursor:pointer;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:6px;
    padding-right:6px;
    margin-left:10px;
    min-width:60px;
    height:25px;
    margin-top:3px;
}

.XS_Buttons .button:focus {
    border:1px #cccccc solid;
    box-shadow: -1px -1px 2px rgb(0 0 0 / 20%), 1px 1px 2px rgb(0 0 0 / 20%);
    transition:0.2s easy;
}

.XS_Buttons img{
    vertical-align:middle;
    margin-right:3px;
}

.XS_Buttons input:hover{
    border:1px #cccccc solid;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
}

.XS_Buttons .action {
    height:19px !important;
    width:19px !important;
    padding:2px !important;
    margin:auto !important;
    border:2px transparent solid !important;
    cursor:pointer;
    background-repeat: no-repeat !important;
    background: transparent;
}

.XS_Buttons .action:hover {
    border:2px #cccccc !important;;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 20%) !important;;
    transition:0.2s easy;
    background:#f8f8f8;
    border-radius:3px;
}


.XS_Areas {
    display:inline-block;
}



.XS_Area {
    margin-top:10px;
    margin-right:10px;
}


.XS_Area .areaTitle {
    font-family:verdana,  verdana,sans-serif, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #555555;
    background-color: transparent;
    border-bottom:1px #cccccc solid;
    height:14px;
}

.XS_Area .areaTitle:hover{
    background-color: #F0FBFF;
    cursor:pointer;
}



.XS_Area .area{
    display:block;
}

.XS_Area .areaHidden{
    display:none;
}

.XS_infoWrap::after {
    font-family:'Courier New', Courier, monospace;
    color:#555555;
    background:#ffffff;
    border:1px #cccccc solid;
    border-radius:50%;
    cursor:pointer;
    content:'i';
    font-size:9px;
    margin:2px;
    padding-left: 2px;
    padding-right: 2px;
 }

 .XS_none::before{
    font-size:11px;
    color:#ccc;
    cursor:pointer;
    content:' ';
    padding:0px;
    margin-right:2px;
    vertical-align: middle;
 }

 .XS_plus::before{
    font-size:11px;
    color:#555;
    cursor:pointer;
    content:'\25BA';
    padding:0px;
    margin-right:2px;
    vertical-align: middle;
 }

 .XS_minus::before{
    font-size:11px;
    color:#555;
    cursor:pointer;
    content:'\25BC';
    text-align:center;
    padding:0px;
    margin-right:2px;
    vertical-align: middle;
 }


 .XS_Window {
    border:1px #cccccc solid;
    background: #fff;
    border-radius:10px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
 }

 .XS_Window div.header {
    CLEAR:both;
    TEXT-ALIGN: left;
    MIN-HEIGHT: 10px;
    BORDER-BOTTOM: #ddd 1px solid;
    padding:5px;
    FONT:11px Lucida Grande, Verdana, Arial, Helvetica, sans serif;
    FONT-WEIGHT: bold;
    background-image:linear-gradient(white, rgb(222, 222, 222), white);
    COLOR: #333;
    TEXT-DECORATION: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.XS_Window div.winbody {
    clear:both;
    font-family: verdana,  verdana,sans-serif, sans-serif;
    font-size:11px;
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
    margin:0px;
    text-align:left;
    overflow:auto;
}

.XS_Window div.bodyCenter {
    clear:both;
    font-family: verdana,  verdana,sans-serif, sans-serif;
    font-size:11px;
    padding-top:10px;
    margin-left:auto;
    margin-right:auto;
    overflow:auto;
}

.XS_Window span.close::after {
    content:'\2297';
    color:#333;
    font-family: verdana,  verdana,sans-serif, sans-serif;
    margin-top: -22px;
    margin-right: 0px;
    font-weight: normal;
    float: right;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
}



.XS_Table {
    font-weight: normal;
    display:inline-table;
}

.XS_Table div.buttons {
    align-content: center;
    float:none;
    padding:3px;
}


.XS_Table div.text{
    font-family:verdana,sans-serif;
    font-weight:700;
    font-size:11px;
    color:#555555;
    background-color:#fffae8;
    border-top:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
    padding-left:0px;
    padding-top:3px;
    padding-bottom:3px;
    margin-bottom:5px;
    --min-height:20px;
}


.XS_Table .filter{
    display:block;
    padding:5px;
}

.XS_Table div.message{
    padding:3px;
    font-family:verdana,sans-serif;
    font-weight:900;
    font-size: 11px;
}

.XS_Table div.error{
    padding:3px;
    font-family:verdana,sans-serif;
    font-weight:900;
    font-size: 11px;
    color:rgb(148, 68, 45);
}

.XS_Table div.body{
    padding-top:0px;
    padding-left:0px;
}

.XS_Table div.footer{
    margin-top:5px;
}

.XS_Table_setting_tab{
    margin:0px;
    padding:0px;
    border:0;
}

.XS_Table_setting_tab ul{
    margin: 0;
    padding:0;
}

.XS_Table_setting_tab li{
    margin-top:10px;
    padding:0px;
    border-left:1px #cccccc solid;
    border-top:1px #cccccc solid;
    border-right:1px #cccccc solid;
    width:40px;
    height:15px;
    list-style: none;
    float:left;
    text-align: center;
    font-size:11px;
    font-weight: normal;
}

.XS_Table_setting_tab .tabOn {
    background:#ffffcc
}

.XS_Table_setting_tab .tabOff  {
    background:#fff;
    cursor:pointer;
}

.XS_Table_setting_tab .tabOff:hover  {
    background:#cccccc;
}



.XS_Table_table {
    font-size:11px;
    color:#000000;
    font-family:verdana, verdana, sans-serif, sans-serif;
    border-spacing:0px 0px;
    padding-top:0px;
    padding-bottom:0px;
    overflow-x: auto;
    overflow-y: auto;
    border:0px;
    display: inline-table;

}


.XS_Table_table .pages {
    margin:0px;
    padding:0px;
    float:right;
    border:0;
}

.XS_Table_table .pages li{
    padding:0px;
    border-left:1px #cccccc solid;
    border-top:1px #cccccc solid;
    border-right:1px #cccccc solid;
    width:18px;
    height:14px;
    list-style: none;
    float:left;
    text-align: center;
    font-size:10px;
    font-weight: normal;
    border-radius:50%;
}

.XS_Table_table .pages .pageOff  {
    background:#fff;
    cursor:pointer;
}

.XS_Table_table .pages .pageOn {
    background:#ffffcc
}

.XS_Table_table .pages .pageOff:hover  {
    background:#cccccc;
}

.XS_Table_table .pages select  {
    font-size:10px;
    font-weight:bold;
    border-top:1px #cccccc solid;
    border-right:1px #cccccc solid;
    border-bottom:0px;
    border-left:0px;
}

.XS_Table_table .pages select::-webkit-scrollbar-track{
    width: 10px;
    background-color: #f8f8f8;
}

.XS_Table_table .pages select::-webkit-scrollbar{
    width: 10px;
    background-color: #f8f8f8;
}

.XS_Table_table .pages select::-webkit-scrollbar-thumb{
    width: 10px;
    background-color: #cccccc;
}


.XS_Table_table thead th {
    width:100px;
    padding:0px;
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
    top: 0px;
    height: 20px;
    vertical-align: middle;
}

.XS_Table_table thead .hed span {
    text-align: center;
    color:#555555;
}

.XS_Table_table thead .pag {
    width:100%;
    background: transparent;
    text-align:right;
    padding:0px;
    margin:0px;
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
    top: 0px;
    height:15px;
}

.XS_Table_table thead .tit {
    width:100%;
    color:#555555;
    height:20px;
    padding:0px;
    text-align: center;
    background-image:linear-gradient(white, rgb(222, 222, 222), white);
    border-top:1px #ddd solid;
    border-left:1px #ddd solid;
    border-right:1px #ddd solid;
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
    top: 0px;
}

.XS_Table_table thead {
    background-color: #ffffff;
    margin:0;
}

.XS_Table_table thead th {
    border:0px;
}

.XS_Table_table  thead .hed:first-child {
    background-image:linear-gradient(white, rgb(222, 222, 222), white);
    border-top:1px #ddd solid;
    border-left:1px #ddd solid;
    border-bottom:1px #ddd solid;
    border-right:1px #ddd solid;
    text-align:center;
}

.XS_Table_table  thead .hed {
    background-image:linear-gradient(white, rgb(222, 222, 222), white);
    border-top:1px #ddd solid;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
    text-align:center;
}

.XS_Table_Cursor tr{
    cursor:pointer;
}

.XS_Table_table  .hedTr{
    height: 'auto';
}

.XS_Table_table .hedTit{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0px;
}

.XS_Table_table .menuFilter {
    cursor:pointer;
    margin-left:2px;
}

.XS_Table_table .menuItem {
    text-align:center;
}

.XS_Table_table .menuSort {
    cursor:pointer;
    --margin-right:-2px;
}

.XS_Table_table tbody tr {
    background:#fff;
    height:25px;
}

.XS_Table_table tbody tr:nth-child(even) {
    background: #f8f8f8;
}

.XS_Table_table tbody tr:hover {
    background:#F0FBFF;
}


.XS_Table_table tbody tr:nth-child(even):hover {
    background:#F0FBFF;
}

.XS_Table_table tbody td {
    padding:3px;
    border-collapse: collapse;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
}


.XS_Table_table tbody td:first-child {
    padding:3px;
    border-collapse: collapse;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
      border-left:1px #ddd solid;
}

.XS_Table_table tbody .empty {
    text-align:center;
    padding:5px;
    font-weight: bold;
}

.XS_Table_table tfoot td {
    padding:2px;
    font-weight: bold;
}





.XS_Table_table .check{
    width:10px;
    display:inline;
    float:right;
    cursor:pointer;
}

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

.XS_Table_excel {
    font-size:11px;
}

.XS_Table_excel th {
    font-weight: bold;
    background-image:linear-gradient(white, rgb(222, 222, 222), white);
    border:1px #ddd solid;
}


.XS_Table_excel tbody td {
    padding:2px;
    border-collapse: collapse;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
}


.XS_Table_excel tbody td:first-child {
    padding:3px;
    border-collapse: collapse;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
      border-left:1px #ddd solid;
}

.XS_Table_excel tbody tr {
    background:#f8f8f8;
    height:25px;
}

.XS_Table_excel tbody tr:nth-child(even) {
    background: #ffffff;
}

.XS_Filter {
    border:0px #cccccc solid;
    /* display:inline-block; */
    display: flex;
}

.XS_Filter_error{
    font-weight:bold;
    font-size:11px;
    padding:5px;
    color:rgb(148, 68, 45);
    margin-left:10px;
    margin-top:-10px;
}

.XS_Filter_error_off{
    display:none;
}


.XS_Filter label {
    text-align:left;
}

.XS_Filter div.body {
    font-family: verdana,sans-serif;
    font-size:11px;
    background:transparent;
    float:none;
    padding:10px;
    display:block;
}


.XS_Filter div.simple {
    border:0px #cccccc solid;
}

.XS_Filter div.footer{
    margin-top:1px;
    display:block;
    float:none;
}

/* *********** MENU FILTRO *********** */

.XS_Table_MFilter {
    font-size:11px;
    font-family:verdana, sans-serif;
    z-index:10000;
    border:1px #cccccc solid;
    border-radius:5px;
    overflow-y: auto;
    background: #ffffff;
    position:absolute;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
 }

 .XS_Table_MFilter div.menu_tit{
    background: #f8f8f8;
    font-weight:bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    border-bottom:1px #cccccc solid;
    height:15px;
}

.XS_Table_MFilter span.menu_close{
    cursor:pointer;
}

 .XS_Table_MFilter span.menu_close::after{
    content: 'X';
    color:#333;
    font:8px;
    float:right;
    cursor:pointer;
    margin-right:3px;
 }

 .XS_Table_MFilter a {
    cursor:pointer;
    outline:underline;
    font-size:11px;
    color:#000
}

.XS_Table_MFilter a:hover {
    color:#0026FF;
}



.XS_Table_MFilter input.boton {
    display:block;
    cursor:pointer;
    font-size:11px;
    font-weight:normal;
    text-align:center;
    height:20px;
    color:#000;
    float:left;
    background-image:linear-gradient(white, rgb(222, 222, 222), white);
}

div.XS_Table_MFilter input.boton:hover {
    color:#0026FF;
}

.XS_Table_MFilter_scroll{
    list-style: none;
    padding: 0px;
    overflow-y: auto;
    height:130px;
    min-width:220px;
}

.XS_Table_MFilter_scroll:-webkit-scrollbar-track    {
    width: 6px;
    background-color: #f8f8f8;
}

.XS_Table_MFilter_scroll::-webkit-scrollbar{
        width: 6px;
        background-color: #f8f8f8;
}

.XS_Table_MFilter_scroll::-webkit-scrollbar-thumb{
        width: 6px;
        background-color: #cccccc;
}



#XS_Table_MFilter_scroll_2:-webkit-scrollbar-track    {
    width: 6px;
    background-color: #f8f8f8;
}

#XS_Table_MFilter_scroll_2::-webkit-scrollbar{
        width: 6px;
        background-color: #f8f8f8;
}

#XS_Table_MFilter_scroll_2::-webkit-scrollbar-thumb{
        width: 6px;
        background-color: #cccccc;
}




.XS_info::after {
    font-family:'Courier New', Courier, monospace;
    color:#555555;
    background:#ffffff;
    border:1px #cccccc solid;
    border-radius:50%;
    content:'i';
    cursor:pointer;
    padding-left: 2px;
    padding-right: 2px;
 }


 .XS_Menu_Context {
    z-index:100000;
    border:1px #cccccc solid;
    border-radius:5px;
    background: #ffffff;
    position:absolute;
    max-width:200px;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
 }

 .XS_Menu_Context div.menu_tit{
    background: #f8f8f8;
    font-weight:bold;
    font-size: 11px;
    max-width:200px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    border-bottom:1px #cccccc solid;
    height:15px;
}

.XS_Menu_Context .menu_close::after{
    content: '\2297';
    color: #333;
    font-family: verdana, verdana,sans-serif, sans-serif;
    margin-top: -13px;
    margin-right: 0px;
    font-weight: normal;
    float: right;
    font-size: 13px;
    line-height: 13px;
    cursor: pointer;
 }

 .XS_Menu_Context ul {
    padding:0px;
    margin:0px;
 }

 .XS_Menu_Context li {
    font-family: verdana,sans-serif;
    font-size: 11px;
    color:#333;
    height:auto;
    list-style: none;
    padding:5px;
    vertical-align: middle;
 }

 .XS_Menu_Context li:hover {
    background:#F0FBFF;
    cursor:pointer;
}

.XS_Menu_Context li.separator{
    border-top:1px solid #ccc;
}

.XS_Menu_Context a {
    text-decoration:none;
    outline:none;
}


.XS_Menu_Context li.disabled {
    color:#999;
    background:#ffffff;
    cursor:default;
}

.XS_Context_Menu li.disabled img {
    opacity:0.4;
    filter:alpha(opacity=40);
    cursor:default;
}



.XS_IconBoton
{
border:1px #ccc solid;
padding-top:4px;
padding-bottom:2px;
padding-left:6px;
padding-right:10px;
font-weight:normal;
font-size:11px;
color:#333;
background-image:linear-gradient(white, rgb(222, 222, 222), white);

font-family:verdana,  arial, sans-serif;
vertical-align:middle;
cursor:pointer;
text-decoration:none;
float:left;
border-radius: 5px;
}


.fa_icon {
    color: #555555;
    background: transparent;
    font-size: 12px;
    cursor: pointer;
    margin-left: 2px;
    margin-right: 5px;
    width:15px;
    text-align: center;
}



.XS_Panel {
    margin-top: 0px;
    width:100%;
    height:530px;
}


.XS_Panel span.title{
    font-weight: bold;
    font-size: 11px;
    color: #5a5a5a;
    font-family: verdana,sans-serif;
}

.XS_Panel .textPanel{
    padding:20px;
    font-size:12px;
    font-weight:700;
    font-family: verdana,sans-serif;
    color:#555555;
}

.XS_Panel .detailPanel{
    margin:20px;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
}

.XS_Panel .chartsPanel {
    display: grid;
    grid-template-columns: 400px 400px;
}

.XS_Panel th{
    background-color:#fffae8;
    margin: 0px;
    padding:0px;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    text-align:left;
    padding-left:5px;
    font-weight: bold;
    font-size: 11px;
    color: #5a5a5a;
    font-family: verdana,sans-serif;
}

.XS_Panel_Summary  {
    border-left:1px #cccccc solid;
    border-right:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
    padding-bottom:5px;
    vertical-align: top;
    height:100%;
    background-color: #f8f8f8;
}

.XS_Panel_Summary table {
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #000000;
}

.XS_Panel_Summary th{
    background-color: #f8f8f8;
    margin: 0px;
    padding:0px;
    text-align:left;
    height:20px;
    font-weight: bold;
    border-top:1px #cccccc solid;
    border-bottom:0px;
    border-collapse: collapse;
    vertical-align: middle;
    cursor:pointer;
}

.XS_Panel_Summary td{
    background-color: transparent;
    text-align:left;
    height:20px;
    font-weight: normal;
    padding: 2px;
    border-top:1px #cccccc solid;
    border-bottom:0px;
    border-collapse: collapse;
    vertical-align: middle;
    cursor:pointer;
}
.XS_Panel_Summary tr{
    background-color: #f8f8f8;
}

.XS_Panel_Summary tr.itemOff{
    background-color: #F0FBFF;
    cursor:pointer;
}


.XS_Panel_Summary tr.itemOn{
    background-color:"";
    cursor:pointer;
}

.XS_Panel_Summary tr.itemSelected{
    background-color:#ffffcc;
    cursor:pointer;
}



.XS_CommentBox{
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #000000;
}

.XS_CommentBox .text{
    padding:5px;
    font-weight: bold;
    font-size: 11px;
    color: #5a5a5a;
    background-color:#fffae8;
    border-top:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
}

.XS_CommentBox div.body {
    float:none;
}

.XS_CommentBox div.footer {
    float:none;
    padding-top:5px;
}

.XS_CommentBox div.buttons {
    float:none;
    padding:10px;
}


.XS_MenuBox {
    font-size:11px;
}

.XS_MenuBox .text{
    padding:5px;
    font-weight: bold;
    font-size: 11px;
    color: #5a5a5a;
    background-color:#fffae8;
    border-top:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
}

.XS_MenuBox div.body {
    padding:10px;
}

.XS_MenuBox_table {
    font-size:11px;
    color:#000000;
    font-family:verdana,  verdana,sans-serif, sans-serif;
    border-spacing:1px 1px;
    background-color:#ddd;
    padding-top:0px;
    padding-bottom:0px;
    overflow-x: auto;
    overflow-y: auto;
    border:0px;
    display: inline-table;
    width:100%;
    --min-height:105px
}

.XS_MenuBox_table tr {
    background:#fff;
    height:25px;
}

.XS_MenuBox_table tr:hover {
    background:#cccccc;
    cursor:pointer;
}

.XS_MenuBox_table tr:nth-child(even) {
    background: #f8f8f8;
}

.XS_MenuBox_table tr:nth-child(even):hover {
    background:#cccccc;
}

.XS_MenuBox_table td {
    text-align:center;
    padding:3px;
    border-collapse: collapse;
}


.XS_ProcessBox {
    font-size:11px;
}

.XS_ProcessBox .text{
    padding:5px;
    font-weight: bold;
    font-size: 11px;
    color: #5a5a5a;
    background-color:#fffae8;
    border-top:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
}

.XS_ProcessBox div.collection {
    padding:10px;
}

.XS_ProcessBox div.bar {
    margin:10px;
    border:1px #464637 solid;
    border-radius:5px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:20px;
}

.XS_ProcessBox div.percent {
    height:20px;
    text-align:center;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    margin-top:-15px
}


.XS_TextBox {
    font-size:11px;
}

.XS_TextBox div.body{
    margin-top:10px;
    border:1px #cccccc solid;
    overflow:auto;
    min-height:180px;
    padding:10px;
}

.XS_TextBox div.text{
    padding:5px;
    font-weight: bold;
    font-size: 11px;
    color: #5a5a5a;
    background-color:#fffae8;
    border-top:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
}

.XS_Chart {
    font-size:11px;
    padding:0px;
}
.XS_Chart .title {
    font-family: verdana,sans-serif;

}

.XS_Chart div.chart{
    border:1px #cccccc solid;
    padding:1px;
}

.XS_Chart div.gantt{
    border:1px #cccccc solid;
    padding:1px;
}


.XS_Loader {
    font-weight: normal;
    width:100%;
    display:inline-table;
}

.XS_Loader_title {
    padding:5px;
    font-weight: bold;
    font-size: 11px;
    color: #5a5a5a;
    background-color:#fffae8;
    border-top:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
}

.XS_Loade_text {
    min-height:20px;
    font-family:verdana,sans-serif;
    font-weight:900;
    font-size:11px;
    color:#555555;
    background-color:transparent;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:0px;
}

.XS_Loader_table {
    font-size:9px;
    color:#000000;
    font-family:verdana,  verdana,sans-serif, sans-serif;
    border-spacing:1px 1px;
    background-color:#ddd;
    padding-top:0px;
    padding-bottom:0px;
    border:0px;
    display: inline-table;
}

.XS_Loader_table span.info::after {
    font-family:'Courier New', Courier, monospace;
    color:#555555;
    background:#ffffff;
    border:1px #cccccc solid;
    border-radius:50%;
    content:'i';
    cursor:pointer;
    padding-left: 2px;
    padding-right: 2px;
 }

.XS_Loader_table tr {
    background:#ffffff;
    height:20px;
}

.XS_Loader_table tr:nth-child(even) {
    background: #f8f8f8;
    height:20px;
}


.XS_Loader_table th {
    font-weight:bold;
    font-size:9px;
    color:#555555;
    padding:3px;
    text-align:center;

    vertical-align: middle;
    background-image: linear-gradient(white, rgb(222, 222, 222), white);
}


.XS_Loader_table td {
    padding:3px;
    border-collapse: collapse;
}

.XS_Loader_stat {
    height:30px;
    padding-top:10px;
}

.XS_Loader_label {
    font-weight:bold;
    font-size:11px;
    color:#555555;
    padding-left:10px;
}

.XS_Loader_data {
    font-weight:bold;
    font-size:12px;
    color:#555555;
    text-align: center;
    padding:3px;
    margin:3px;
    min-width:30px;
    border:1px solid #cccccc;
    border-radius:3px;
    background: #fffae8;
}

.XS_Loader div.footer {
    float:none;
    padding-top:5px;
}

.XS_Loader div.message {
    float:none;
    padding-top:5px;
}


.XS_Search {
    font-size:11px;
    display:inline-block;
}

.XS_Search div.filter {
    --border:1px #cccccc solid;
    --background: #f8f8f8;
}

.XS_Percent {
    float:left;
    background:#cccccc;
    border-radius:3px;
}

.XS_Percent .por {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background:blue;
    margin-left:0;
}

.XS_Percent .por100 {
    border-radius: 3px;
    background:blue;
    margin-left:0;
}


.XS_Selector {
    padding:0px;
    margin:0px;
}

.XS_Selector_title {
    font-family: verdana,sans-serif;
    font-weight:bold;
    font-size:11px;
    color:#555555;

    padding:3px;
    text-align:center;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-left:1px #cccccc solid;
    border-top:1px #cccccc solid;
    border-right:1px #cccccc solid;
    background-image:linear-gradient(white, rgb(222, 222, 222), white);
}



.XS_Selector .body{
    border:1px #cccccc solid;
    background:#f8f8f8;
    padding:10px;
    margin:0px;
    width:auto;
}

.XS_Selector table{
    height:100%;
    width:100%;
    padding:0px;
    border-spacing: 0;
}

.XS_Selector th{
    background-image: linear-gradient(white, rgb(222, 222, 222), white);
    height:15px;
    text-align: center;
    border-top:1px #cccccc solid;
    border-left:1px #cccccc solid;
    border-right:1px #cccccc solid;
    font-family: verdana,sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #555555;
}

.XS_Selector .left{
    background: #ffffff;
    border:1px #cccccc solid;
    margin:0px;
    vertical-align: top;
}


.XS_Selector .center{
    background: transparent;
    border:0px;
    margin-top:50%;
    margin-bottom:50%;
    width: 60px;
    text-align: center;
}


.XS_Selector .right{
    background: #ffffff;
    border:1px #cccccc solid;
    margin:0px;
    vertical-align: top;
}

.XS_Selector .item{
    width:auto;
    padding:3px;
    cursor:pointer;
}

.XS_Selector_b{
    border:1px #cccccc solid;
    border-radius:5px;
    width:50px;
    text-align:center;
    margin:5px;
    font-size:10px;
    font-weight:900;
    color:#000000;
    background: #ffffff;
}

.XS_Selector_b:hover{
    cursor: pointer;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
}

.XS_Selector_toRight:before {
    content:'\276F';
}

.XS_Selector_allRight:before {
    content:'\276F';
}

.XS_Selector_allRight:after {
    content:'\276F';
}

.XS_Selector_toLeft:before {
    content:'\276E';
}

.XS_Selector_allLeft:before {
    content:'\276E';
}

.XS_Selector_allLeft:after {
    content:'\276E';
}

.XS_Chat_win {
    background-color: #f8f8f8;
}

.XS_Chat {
    margin:0px;
    width:400px;
}

.XS_Chat .body{
    border:1px #cccccc solid;
    background-color: #f8f8f8;
}

.XS_Chat .messages {
    margin-top:10px;
    height:330px;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width: thin;
}


.XS_ChatPop {
    padding:0px;
    margin:0px;
    background-color: #f8f8f8;
}

.XS_ChatPop .messages {
    margin-top:10px;
    --height:300px;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width: thin;
}



.XS_Chat_titOut {
    margin-top:10px;
    width:100%;
    font-weight: bold;
    text-align:left;
    padding-bottom:1px;
}


.XS_Chat_msgOut {
    width:calc(100%-60px);
    margin-right:20px;
    background-color:#ffffff;
    border:1px #cccccc solid;
    border-radius: 0 10px 10px;
    padding:5px;
}

.XS_Chat_attOut {
    width:100%;
    float:inline-start;
}

.XS_Chat_titIn {
    margin-top:10px;
    width:100%;
    font-weight: bold;
    text-align: right;
    padding-bottom:1px;
}

.XS_Chat_msgIn {
    width:calc(100%-80px);
    background-color:#ffffcc;
    border:1px #cccccc solid;
    border-radius: 10px 0px 10px 10px;
    padding:5px;
    margin-left:20px;
}

.XS_Chat_empty {
    width:calc(100%-80px);
    background-color:#ffdfcc78;
    border:1px #cccccc solid;
	text-align:center;
	font-weight:bold;
    border-radius: 10px 10px 10px 10px;
    padding:5px;
    margin-left:20px;
}



.XS_Items{
    padding:0px;
    margin:0px;
}

.XS_Items_body{
    padding:0px;
    margin:0px;
    width:auto;
    overflow:auto;
}


.XS_Items_card{
    display:inline-block;
    padding:5px;
    padding-bottom:10px;
    margin:5px;
    border:1px #cccccc solid;
    border-radius: 5px;
    box-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.20), 6px 6px 6px rgba(0, 0, 0, 0.19);
}

.XS_Items_card div.footer{
    display:block;
}

.XS_Tree {
    padding:0px;
    margin:0px;
}

.XS_Tree div.text{
    font-family:verdana,sans-serif;
    font-weight:700;
    font-size:11px;
    color:#555555;
    background-color:#fffae8;
    border-top:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
    padding-left:10px;
    padding-top:3px;
    padding-bottom:3px;
    margin-bottom:5px;
}

.XS_Tree_body{
    border:1px #cccccc solid;
    padding:0px;
    margin:0px;
    width:auto;
    overflow:auto;
}



.XS_Tree_body::-webkit-scrollbar{
    width: 10px;
    background-color: #f8f8f8;
}

.XS_Tree_body::-webkit-scrollbar-track{
    width: 10px;
    background-color: #f8f8f8;
}

.XS_Tree_body::-webkit-scrollbar-thumb{
    width: 10px;
    background-color: #cccccc;
}


.XS_Tree .a-icon-p {
    display:inline-block;
}

.XS_Tree .a-icon-p:before {
    content:"+";
    display:inline-block;
    min-width:15px;
    text-align:center;
    color:#20202f;
    cursor:pointer;
}

.XS_Tree .a-icon-m {
    display:inline-block;
}

.XS_Tree .a-icon-m:before {
    content:"-";
    display:inline-block;
    min-width:15px;
    text-align:center;
    color:#20202f;
    cursor:pointer;
}

.XS_Tree .a-icon-b {
    display:inline-block;
}

.XS_Tree .a-icon-b:before {
    content:" ";
    display:inline-block;
    min-width:15px;
    text-align:center;
    color:#20202f;
}



.XS_Tree .a-item {
    position:relative;
    display:inline-block;
    width:100%;
    color:#20202f;
    line-height:20px;
    cursor:normal;
   --background:#ffffff;
}


.XS_Tree .a-label {
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    color:#20202f;
    cursor:pointer;
}


.XS_Tree .a-label-off {
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    color:#20202f;
    cursor:default;
}


.XS_Tree .a-select {
    height:20px;
    width:15px;
    float:right;
    cursor:pointer;
    text-align:center;
    padding-right:5px;
}

.XS_Tree .a-select-off {
    height:20px;
    width:15px;
    float:right;
    text-align:center;
    cursor:default;
    padding-right:5px;
}

.XS_Tree .a-check {
    height:10px;
    width:10px;
    float:right;
    cursor:pointer;
    text-align:center;
    margin-top:5px;
    padding-right:5px;
}

.XS_Tree .a-select-none {
    height:20px;
    width:2px;
    float:right;
    padding-right:3px;
}


.XS_Tree .a-select:after {
    content:'\2299';
    font-size: 11px;
}

.XS_Tree .a-menu {
    height:20px;
    width:10px;
    float:right;
    cursor:pointer;
}

.XS_Tree .a-menu:after {
    content:'\205D';
    font-size:12px;
    font-weight:bold;     
}

.XS_Tree .a-menu-none {
    height:20px;
    width:2px;
    float:right;
}

.XS_Tree .a-list {
    list-style:none;
    margin:0;
    padding-left:10px;
    --background: #ffffff;
}


.XS_Attach {
    font-family: verdana,sans-serif;
    font-size:11px;
    color:#555555;
}

.XS_Attach div.loading{
    font-weight: bold;
    font-size:12px;
    padding:20px;
}

.XS_Attach div.text{
    font-weight: bold;
    min-height:15px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    vertical-align: middle;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    background-color:#fffae8;
}


.XS_Attach_loading{
    font-weight: bold;
    font-size:12px;
    padding:20px;
}

.XS_Report {
    display:grid;
}

.XS_Report div.title{
    margin-top:5px;
    margin-bottom:5px;
    min-height:15px;
    padding:3px;
    font-weight: bold;
    font-size:11px;
    border-top:1px #cccccc solid;
    border-bottom:1px #cccccc solid;
}


.XS_Report div.message{
    --width:450px;
    margin-top:5px;
    font-weight:bold;
    font-size:11px;
    padding:5px;
    color:rgb(148, 68, 45);
    text-align:left;    
}


.XS_Report_filter{
    font-family: verdana,sans-serif;
    font-size:11px;
    background:#f8f8f8;
    float:none;
    padding:10px;
    display: grid;
}

.XS_Title {
    font-family: verdana,sans-serif;
    font-size:11px;
    color:#555555;
    background-color:#fffae8;
}

.XS_Title select{
    font-family:verdana,sans-serif;
    font-size:11px;
    padding:2px;
    outline: 0px;
    border:1px #cccccc solid;
    border-radius:3px;
    background:#ffffff;        
}