.usebility-block {
    position: fixed;
    right: -180px;
    top: 110px;
    z-index: 999;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: 0.5s;
}

.usebility-block.isActive {
    right: 0;
}

.usebility-block_show-hide-btn {
   width: 33px;
   height: 33px;
   display: flex;
   align-items: center;
   justify-content: center;  
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #FFFFFF;
    box-shadow: 0px 2.70787px 25.7247px 3.38483px rgba(0, 0, 0, 0.12);
border-radius: 5.41573px 0px 0px 5.41573px;
}
.usebility-block_show-hide-btn.disabled {
    opacity: 1 !important;
}

.usebility-block_show-hide-btn .bi-x-octagon-fill,
.usebility-block.isActive .usebility-block_show-hide-btn .bi-eye-fill {
   display: none;
}
.usebility-block.isActive .usebility-block_show-hide-btn .bi-x-octagon-fill {
    display: block;
 }

.usebility-block_content {
    width: 180px;
    height: 180px;
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 2.70787px 25.7247px 3.38483px rgba(0, 0, 0, 0.12);
    border-radius: 5.41573px 0px 0px 5.41573px;
    
}
.usebility-block_content table {
    width: 150px;
    height: 150px;
    margin-bottom: 0;
}
.usebility-block_content td.td-btn:hover,
.usebility-block_show-hide-btn:hover {
cursor: pointer;
}
.usebility-block_content table td {
    font-weight: bold;
    font-size: 21px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #fff !important;
}
.usebility-block_content .site-bg {
   background-color: #656565;
   border-radius: 5px;
}
.usebility-block_content .site-bg td:first-child {
   color: #fff;
}
.usebility-block_content .site-bg td:nth-child(2)  {
   color: #00bd09;
}
.usebility-block_content .site-bg td:last-child {
   color:#fdd22f;
}
.usebility-block_content .font-transform td {
position: relative;
}

/* .usebility-block_content .font-transform .active:after {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #000;
position: absolute;
bottom: 0;
left: calc(50% - 3px);
} */

.reset-all-btn {
    font-size: 12px !important;
}
.reset-all-btn span{
    text-decoration: underline;
}

html.isusebility, 
html.isusebility * :not(.usebility-block, .usebility-block *, .swiper-button-prev, .swiper-button-next, .main-slider *:not(.main-slider .middle-menu-in-slider .slider-menu ), .main-slider, .sup-header-logo, #ios-panel *, #android-panel *, .site__content .content .business-block *, .support-slider, #map * ),
html.isusebility .site__content .content .bundles-block .bundles-block_item:hover .image .bg{
    background-color: #000 !important;
    background-image: none !important;
}

html.isusebility.allColor-yellow * :not(.usebility-block, .usebility-block *) {
    color: #fdd22f !important;
    border-color: #fdd22f !important;
}

html.isusebility.allColor-white *  :not(.usebility-block, .usebility-block *) {
    color: #fff !important;
    border-color: #fff !important;
}

html.isusebility.allColor-green *  :not(.usebility-block, .usebility-block *) {
    color: green !important;
    border-color: green !important;
}

html.isusebility.allColor-yellow .site__header .header .sub-header .header-menu .header-menu_link:after,
html.isusebility.allColor-yellow .site__header .header .sub-header .menu_button_line {
    background-color: #fdd22f !important;
}
html.isusebility.allColor-white .site__header .header .sub-header .header-menu .header-menu_link:after,
html.isusebility.allColor-white .site__header .header .sub-header .menu_button_line {
    background-color: #fff !important;
}
html.isusebility.allColor-green .site__header .header .sub-header .header-menu .header-menu_link:after,
html.isusebility.allColor-green .site__header .header .sub-header .menu_button_line {
    background-color: green !important;
}

#voiceToggle{
   /* position: fixed;
    width: 50px;
    right: 0;
    top: 256px;
    z-index: 9999;*/
    margin-bottom: 10px;
}
#voice-btn-disabled{
    display: block;
}
#voice-btn-enabled{
    display: none;
}
.disabled #voice-btn-enabled{
    display: block;
}
.disabled #voice-btn-disabled{
    display: none;
}

.bg, .fixed-block-col {
    border: 1px solid #fff;
}