.no_scrollbars {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.pink::-webkit-scrollbar {
    width: 1em;
}
 
.pink::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
	 background-color: #ff9999;
}
 
.pink::-webkit-scrollbar-thumb {
  background-color: pink;
  outline: 1px solid #fff;
}


.pinkdiv::-webkit-scrollbar {
    width: 1em;
}
 
.pinkdiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
	 background-color: #ff9999;
}
 
.pinkdiv::-webkit-scrollbar-thumb {
  background-color: pink;
  outline: 1px solid #fff;
}

.lavdiv::-webkit-scrollbar {
    width: 1em;
}
 
.lavdiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
	 background-color: #333;
	 outline: 1px solid #fff;
	
}
 
.lavdiv::-webkit-scrollbar-thumb {
  background-color: #e6bcc9;
  outline: 1px solid #fff;
}
 

/* Let's get this party started */
::-webkit-scrollbar {
    width: 1em;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ffdede; 
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	  background-color: #ffeeee;
    outline: 1px solid #fff; 
}
::-webkit-scrollbar-track:window-inactive {
	  background-color: #ffcdcd;
    outline: 1px solid #fff; 
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(-360deg) scale(1.5);
        opacity: 0;
    }
    50% {
        -webkit-transform: rotate(30deg) scale(0.8);
    }
}
.hsign {
       -webkit-animation: spin 2000ms ease-in-out;
}