/* width */
  ::-webkit-scrollbar {
    width: 6px;
  }
  .toggles{
    display: none
  }

  .White_space{
      white-space:pre-wrap;
      margin-left:1%;
  }
  .f-cap{
    text-transform: lowercase;
  }
  .f-cap:first-letter{
    text-transform: uppercase;
  }
  #ChannelsList textarea
  {
	  min-height:58px;
	 
	  
  }
  #check_ip:hover{
	  color:purple;
  }
   #trash:hover{
	  color:red;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 2px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

  #preloader {
    z-index: 1;
    position: fixed;
    top: 35%;
    left: 50%;
    width: 0%;
    height: 100%;
}
#loader {
    display: block;
    position: relative;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #9370DB;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #BA55D3;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #FF00FF;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.spoiler{
    background-image: url(../../img/spoiler-dots-white.png);  
    background-size: auto min(100%,1.125rem); 
    color: white;
    background-color: var(--bs-gray);
    border-radius: 0.5rem; 
    padding: 0 0.3125rem 0.125rem 0.3125rem; 
    text-shadow: -2px -2px 0 var(--color-background),2px -2px 0 var(--color-background),-2px 2px 0 var(--color-background),2px 2px 0 var(--color-background);
}


.custom-menu-chat {
  display: none;
  z-index: 1000;
  position: absolute;
  overflow: hidden;
  border: 1px solid #CCC;
  white-space: nowrap;
  font-family: sans-serif;
  background: #FFF;
  color: #333;
  border-radius: 5px;
  padding: 0;
  width: auto;
}

/* Each of the items in the list */
.custom-menu-chat li {
  padding: 8px 12px;
  cursor: pointer;
  list-style-type: none;
  transition: all .3s ease;
}

.custom-menu-chat li:hover {
  background-color: #DEF;
}


.custom-menu {
  display: none;
  z-index: 1000;
  position: absolute;
  overflow: hidden;
  border: 1px solid #CCC;
  white-space: nowrap;
  font-family: sans-serif;
  background: #FFF;
  color: #333;
  border-radius: 5px;
  padding: 0;
  width: auto;
}

/* Each of the items in the list */
.custom-menu li {
  padding: 8px 12px;
  cursor: pointer;
  list-style-type: none;
  transition: all .3s ease;
}

.custom-menu li:hover {
  background-color: #DEF;
}
.text-gray{
  color: #5a5c69;
}