/* ---------------------------------------------- */
button:not(.win7):hover{
    filter: brightness(0.9);
}
button:disabled{
    background-color: #bbbbbb;
}
button.win7:not(:disabled):hover{
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #454952;
    /* text-decoration-style: double; */
}
/* ---------------------------------------------- */
button.win7{
    font-weight: 600;
    height:30px;
    margin: 2px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 3px 15px 3px 15px;
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ebebeb 50%, #dddddd 50%, #cfcfcf 100%);
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #ebebeb 50%, #dddddd 50%, #cfcfcf 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%, #ebebeb 50%, #dddddd 50%, #cfcfcf 100%);
    border: 1px solid #707070;
}
/*<<------------------------- GROUPED ------------------------->> */
div.grouped_win7{
  display:flex;
  margin-bottom:5px;
  display:flex;
  flex-wrap:wrap;
  row-gap: 2px;
  width:100%;
}
div.grouped_win7 > button{
  padding: 0px 15px ;
}
div.grouped_win7 > *:not(i){
  margin:0px;
  border-radius: 0px;
  border: 0px;
  border-top: 1px solid #707070 ;
  border-bottom: 1px solid #707070 ;
  color: #424242;
  font-weight: 500;
}
div.grouped_win7 > *:not(i):first-child{
  border-left: 1px solid #707070;
}
div.grouped_win7 > *:not(i):last-child{
  border-right: 1px solid #707070;
}
div.grouped_win7 > *:not(i):not(:first-child){
  border-left: 1px solid rgba(112, 112, 112, 0.4);
}
div.grouped_win7 > *:not(i):not(:last-child){
  border-right: 1px solid #707070 ;
}
div.grouped_win7 > *.first{
  border-left: 1px solid #707070;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
div.grouped_win7 > *.last{
  border-right: 1px solid #707070 ;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
div.grouped_win7 > input[type='checkbox']{
  width:30px !important;
  height:30px !important;
}

/*<<------------------------- FONT AWESOME ------------------------->> */
div.grouped_win7 > button > i{
  border:0px !important;
  line-height: auto !important;
  vertical-align: baseline !important;
}

/*<<------------------------- SPACER ------------------------->> */
div.grouped_win7 > div.is_spacer{
    min-width:25px;
    background-color: transparent;
    border:0px !important;
    display: flex;
    align-items: center;
    padding:0 10px;
    font-size: 14px;
    text-align: left;
    /* text-shadow: 0px 0px 2px rgba(51, 51, 51, 0.25); */
}
div.grouped_win7 > div.is_spacer:hover{
    cursor: default;
}
div.grouped_win7 > div.is_spacer + *:not(.is_spacer){
  border-left:1px solid #707070 !important;
}

/*<<------------------------- MODIFIED. v1,v2 ------------------------->> */
div.grouped_win7.v2,
div.grouped_win7.v3{
  border:1px solid rgba(112, 112, 112, 0.15);
  border-radius: 4px;
}
div.grouped_win7.v3{
  background: repeating-linear-gradient(
  -45deg,
  rgba(227, 227, 227, 1),
  rgba(227, 227, 227,1) 4px,
  #eee 4px,#eee 8px);
  border-right:1px solid rgba(112, 112, 112, 0.15) !important;
}

div.grouped_win7.v3 > *:first-child:not([style*="display: none"]){
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
div.grouped_win7.v3 > *:last-child:not([style*="display: none"]){
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*<<------------------------- Pressed ------------------------->> */
button.IsPressed,
button.is_pressed,
button.pressed_button{
    background: #454952 !important;
    background-color: #454952 !important;
    color:#fff!important;
}