.xstyle-hover{

}
.xstyle-hover:hover{
 background-color: gray;
}
.xstyle-active{

}
.xstyle-active:active{
 background-color:darkgray;

}

.xstyle-normal{
background-color: lightgray;
}
.xstyle-down{
background-color: gray;
}
.xstyle-alert{
background-color: rgb(255, 0, 0);
}


.xstyle-bg{
    background-color: white;
}
.xstyle-tb-dark{
    background-color: light;
}

.xstyle-hl{
    background-color: rgb(233,233,233);
}
.xstyle-sel{
    background-color: rgb(142,202,247);
}

.xstyle-tb{
    background-color: rgb(197, 186, 186);
}

.xstyle-border{
    border-color: rgb(0, 0, 0);
 }
.xstyle-border-width{
    border-width:1px;
}
.xstyle-border-allsides{
    border-style:solid;
    border-radius: 5px;
    
}
.xstyle-splitter{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.xstyle-icon{
    filter: brightness(0) saturate(100%);
}
.xstyle-icon-down{
    filter: invert(93%) sepia(0%) saturate(0%) hue-rotate(236deg) brightness(91%) contrast(94%);
}
.xstyle-icon-alert{
    filter: invert(7%) sepia(75%) saturate(6954%) hue-rotate(11deg) brightness(96%) contrast(114%);
}

.xstyle-icon-active{
   
}
.xstyle-icon-active:active{
    filter: brightness(0) saturate(100%);
}

.xstyle-icon-hover{
   
}
.xstyle-icon-hover:hover{
    filter: brightness(0) saturate(100%);
}

.xstyle-text{
   color: black
}
.xstyle-text-size{
   font-size:12px;
}
.xstyle-text-h1{
   color: black;
}

.xstyle-text-h1-size{
   font-size:18px;
}
.xstyle-text-bold{
   font-weight:bold;
}
.xstyle-text-hl{
   color: black;
   
}
.xstyle-text-alert{
   color: rgb(15, 127, 110);
   
}
.xstyle-text-error{
   color: rgb(247, 255, 3);
   
}
.xstyle-text-good{
   color: darkgreen;
   
}
.xstyle-text-center {

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;

}
.xstyle-text-vcenter {

  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);
  margin: 0;

}

.xstyle-button-text-color-normal {
    color:black;
    
}

.xstyle-button-text-size-normal {
    font-size:12px;
    
}
.xstyle-button-text-size-small {
    font-size:9px;
    
}
.xstyle-button-border-normal {
     border-style:solid;
     border-color: black;
     border-width: 1px;
     border-radius: 5px;
}

.xstyle-button-border-none {
     border-style:none;
     
 
}
.xstyle-button-state-normal{
background-color: rgba(255, 255, 255,0);
}
.xstyle-button-state-down{
background-color: gray;
}
.xstyle-button-state-alert{
background-color: rgb(255, 0, 0);
}
.xstyle-button-state-icon-normal{
  filter: invert(93%) sepia(0%) saturate(0%) hue-rotate(236deg) brightness(91%) contrast(94%);
}
.xstyle-button-state-icon-down{
  filter: invert(93%) sepia(0%) saturate(0%) hue-rotate(236deg) brightness(91%) contrast(94%);
}
.xstyle-button-state-icon-alert{
  filter: invert(93%) sepia(0%) saturate(0%) hue-rotate(236deg) brightness(91%) contrast(94%);
}


.xstyle-button-hover{

}
.xstyle-button-hover:hover{
 background-color: gray;
}
.xstyle-button-active{

}
.xstyle-button-active:active{
 background-color:darkgray;

}