*, *::before, *::after{
  box-sizing: border-box;
}
:root{
    --_default: #0c53fb;--_defaultB: #0444dd;
    --_grey: #333;
    --_blue: #1da1f2;
    --_yellow: #ffad1e;
    --_pink: #e0245e;
    --_orange: #f45d22;
    --_green: #15bb60;
    --_white: #ffffff;
    --_light: #f0f2f5;
    --_red: #ef0000;
    --_dark: #4a5263;
    --_dark: #e2e2e2;
    --_dark1: #353b48;
    --_tblack: #000000;
    --_twhite: #ffffff;
    --_tred: #ef0000;
}
._tblack{
    color: var(--_tblack);
}
.black{
    color: var(--_tblack);
}
._twhite{
    color: var(--_twhite);
}
._light{
    background-color: var(--_light);
}
._dark{
    background-color: var(--_dark);
}
._dark1{
    background-color: var(--_dark1);
}
._red{
    background-color: var(--_red);
}
._grey{
    background-color: var(--_grey);
}
._green{
    background: var(--_green);
}
._orange{
    background: var(--_orange);
}
._blue{
    background: var(--_blue);
}
._yellow{
    background: var(--_yellow);
}
._pink{
    background: var(--_pink);
}
._white{
    background: var(--_white);
}
._default{
    background: var(--_default);
}
body.pushable{
    background: #efefef !important;
}

.ui.inverted.bottom.popup:before{
    display: none !important;
}
.iiie[data-title]:hover:after{
    opacity: 1;
    transition: all 0.2s ease 0.6s;
    visibility: visible;
}
.iiie[data-title]:after{
    content: attr(data-title);
    position: absolute;
    padding: 8px 12px;
    color: rgba(255,255,255,.9);
    border-radius: 8px;
    visibility: hidden;
    bottom: -100%;
    font-size: 13px;
    background-image: -webkit-linear-gradient(
                        top, rgba(0,0,0,.7), rgba(0,0,0,.7));
    background-image: -moz-linear-gradient(
                        top, rgba(0,0,0,.7), rgba(0,0,0,.7));
    background-image: -ms-linear-gradient(
                        top, rgba(0,0,0,.7), rgba(0,0,0,.7));
    background-image: -o-linear-gradient(
                        top, rgba(0,0,0,.7), rgba(0,0,0,.7));
    z-index: 100;
    white-space: nowrap;
}