.checkbox {
    opacity: 0;
    position: absolute;
}

.checkbox-label {
    background-color: #111;
    width: 50px;
    height: 26px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fa-moon {color: #f1c40f;}

.fa-sun {color: #f39c12;}

.checkbox-label .ball {
    background-color: #fff;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
}

.checkbox:checked + .checkbox-label .ball {
    transform: translateX(24px);
}

.actions_btn-mode {
    position: fixed;
    right: 10px;
    top: 86%;
    background-color: transparent;
    color: inherit;
    z-index: 100;
}

.shadowed {
    -webkit-box-shadow: 2px 3px 0px rgb(4 4 4 / 30%);
    -moz-box-shadow: 2px 3px 0px rgba(4, 4, 4, 0.3);
    box-shadow: 2px 3px 0px rgb(4 4 4 / 30%);
    border-radius: 0;
}

/* arabic */
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/notokufiarabic/v15/CSRp4ydQnPyaDxEXLFF6LZVLKrodhu8t57o1kDc5Wh5v37bNlrU.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.arabic-font{
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  line-height: initial;
  font-stretch: 100%;
}

/*
Comments (Show/Hide) stylesheet
*/

@font-face { font-family: Arial !important; font-display: swap !important; }
::-webkit-scrollbar {
  width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
} body {
  background: #eee
}

.bdge {
  height: 21px;
  background-color: orange;
  color: #fff;
  font-size: 11px;
  padding: 8px;
  border-radius: 4px;
  line-height: 3px
}

.comments {
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer
}

.dot {
  height: 7px;
  width: 7px;
  margin-top: 3px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.hit-voting:hover{
  color: blue
}

.hit-voting{cursor: pointer}
.servicedrop{transition-delay: 1s}
.action-collapse{cursor: pointer}