/* NEW SCROLL BAR */
#scroll {
box-sizing: border-box;
white-space: nowrap;
font: 12px system-ui; 
overflow: auto;
padding: 7px;
height: 15em;
width: 15em;
border-radius: 6px;
border: 1px solid #ff0000;
}
  
.con {
height: 95%;
width: 95%; 
white-space: normal;
display: inline-block;
padding: .2em;
vertical-align: middle;
overflow: auto; 
border-radius: 6px;
border: 1px solid #f90000;
}
.con:nth-child(2) {margin: 0 5px 0 5px;}
  
::-webkit-scrollbar {width: 14px}

::-webkit-scrollbar:horizontal {height: 14px}

::-webkit-scrollbar-corner {background: #090303}

::-webkit-scrollbar-track:vertical {
		background: linear-gradient(90deg, #8e8e8e, #5d5d5d 5.5px, #e3e3e3 6.5px, #8e8e8e);
		border-radius: 0;
		border-top: 1px solid #c4c4c4;
		border-left: 1px solid #c4c4c4;
		border-bottom: 1px solid #4e4e4e;
		border-right: 1px solid #4e4e4e;}

::-webkit-scrollbar-track:horizontal {
		background: linear-gradient(180deg, #8e8e8e, #5d5d5d 5.5px, #e3e3e3 6.5px, #8e8e8e);
		border-radius: 0;
		border-top: 1px solid #c4c4c4;
		border-left: 1px solid #c4c4c4;
		border-bottom: 1px solid #4e4e4e;
		border-right: 1px solid #4e4e4e;}

::-webkit-scrollbar-thumb {
		border-radius: 0;
		border-top: 1px solid white;
		border-left: 1px solid white;
		border-bottom: 1px solid #ff6c9d;
		border-right: 1px solid #ff6c9d;
		outline: 1px solid #e64b7c;
		background: linear-gradient(90deg, #ff96b9, #e64b7c 5.5px, #ffddef 6.5px, #ff96b9);}

::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:vertical:hover  {
	border-radius: 0;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid #ff6c9d;
	border-right: 1px solid #ff6c9d;
	outline: 1px solid #fa5f90;
	background: linear-gradient(90deg, #ffb5cd, #fa5f90 5.5px, #fff6fb 6.5px, #ffb5cd);}


::-webkit-scrollbar-thumb:vertical {
		border-radius: 0;
		border-top: 1px solid white;
		border-left: 1px solid white;
		border-bottom: 1px solid #ff6c9d;
		border-right: 1px solid #ff6c9d;
		outline: 1px solid #e64b7c;
		background: linear-gradient(90deg, #ff96b9, #e64b7c 5.5px, #ffddef 6.5px, #ff96b9);}

::-webkit-scrollbar-thumb:horizontal {
		border-radius: 0;
		border-top: 1px solid white;
		border-left: 1px solid white;
		border-bottom: 1px solid #ff6c9d;
		border-right: 1px solid #ff6c9d;
		outline: 1px solid #e64b7c;
		background: linear-gradient(180deg, #ff96b9, #e64b7c 5.5px, #ffddef 6.5px, #ff96b9);}

::-webkit-scrollbar-thumb:horizontal:hover {
	border-radius: 0;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid #ff6c9d;
	border-right: 1px solid #ff6c9d;
	outline: 1px solid #fa5f90;
	background: linear-gradient(90deg, #ffb5cd, #fa5f90 5.5px, #fff6fb 6.5px, #ffb5cd);}

::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {display: block}

::-webkit-scrollbar-button:vertical {height: 15px}

::-webkit-scrollbar-button:vertical:start:decrement {
background: #fff6fb;
background: url("https://dl.dropbox.com/s/n9ji42h9hdgdtpc/scroll3.png"), #a1a1a1;
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;

border-radius: 0;
border-top: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
border-bottom: 1px solid #4e4e4e;
border-right: 1px solid #4e4e4e;}

::-webkit-scrollbar-button:vertical:start:increment {display: none;}

::-webkit-scrollbar-button:vertical:end:decrement {display: none;}

::-webkit-scrollbar-button:vertical:end:increment {
background: #000000;
background: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), #a1a1a1;
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;

border-radius: 0;
border-top: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
border-bottom: 1px solid #4e4e4e;
border-right: 1px solid #4e4e4e;}
  
::-webkit-scrollbar-button:horizontal {width: 14px}
::-webkit-scrollbar-button:horizontal:start:increment {display: none;}
::-webkit-scrollbar-button:horizontal:end:decrement {display: none;}

::-webkit-scrollbar-button:horizontal:start:decrement {
background: #000000;
background: url("https://dl.dropbox.com/s/xcm618ghd823271/scroll5.png"), #a1a1a1;
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
background-position: center;

border-radius: 0;
border-top: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
border-bottom: 1px solid #4e4e4e;
border-right: 1px solid #4e4e4e;}
  
::-webkit-scrollbar-button:horizontal:end:increment {
background: #000000;
background: url("https://dl.dropbox.com/s/byeyi7am889ii9m/scroll6.png"), #a1a1a1;
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
background-position: center;

border-radius: 0;
border-top: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
border-bottom: 1px solid #4e4e4e;
border-right: 1px solid #4e4e4e;}