html, body{
    outline: none;
    overflow: hidden;
    margin:0;
    color:#ffffff;
    font-weight:bold;
    font-family:helvetica;}    

* {cursor: url('../media/cursor_white.svg') 25 25, auto;}

::-webkit-scrollbar{display:none;}  
.hidebar::-webkit-scrollbar{display:none;}
iframe::-webkit-scrollbar{display:none;}  
div {-ms-overflow-style:none;}
div,[contenteditable]{
    -webkit-user-select:text;
    user-select:text;}

.blend_diff{mix-blend-mode:difference;}
.invert{filter:invert(1);}

.dash_bottom{border-bottom:1px dashed #ffffff;}
.dash_left{border-left:1px dashed #ffffff;}
.dash_top{border-top:1px dashed #ffffff;}
.dash_right{border-right:1px dashed #ffffff;}

.trans_background{ 
	-webkit-transition: background 0.5s;
	transition: background 0.5s;}

.input_object{
 font-size:6vh;
 color:#ffffff;
 height:8vh;   
 font-weight:bold;
    color:#ffffff;
    font-family:helvetica;
	padding:0;
    outline: none;
	text-transform:uppercase;
    text-align: center;
    background:rgba(0,0,0,0);
    border:none;}
.input_object::placeholder{
	font-size:6vh;
	height:8vh;
    color: #ffffff;} 
 
    
.input{
	font-weight:bold;
    color:#ffffff;
    font-family:helvetica;;
	font-size:11vh;
	padding:0;
	height:13vh;
    outline: none;
	text-transform:uppercase;
    text-align: center;
    background:rgba(0,0,0,0);
    border:none;}
    
.input::placeholder{
	font-size:11vh;
	height:13vh;
    color: #666666;} 

.input_su::placeholder{
    font-family:helvetica;
    color: #3cba54;
    text-transform:uppercase;}
    
.input_si::placeholder{
    font-family:helvetica;
    color: #9e9e9e;
    text-transform:uppercase;}
    
.input_title::placeholder{
    color: #ffffff;
    text-transform:uppercase;}
 
.input_div{
	overflow-wrap: break-word;
  	word-wrap: break-word;
  	hyphens: auto;
  	overflow-y:scroll;
  	overflow-x:hidden;
	font-weight:bold;
    color:#ffffff;
    font-family:helvetica;
	font-size:11vh;
    outline: none;
    font-weight: bold;
    text-align: center;
    background:rgba(0,0,0,0);
    border:none;}  
    
.clip_circle {
  -webkit-clip-path: circle(49.9% at center);
	clip-path: circle(49.9% at center);}	

.mclass{
    height:33vh;
    width:33vh;}
    
.mclass_wide{
    height:15vw;
    width:15vw;}    
    
.nodrag{
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;}
    
img{
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;}
    
image{
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;}
    
.glass{
    background: rgba( 255, 255, 255, 0.5 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 10.0px );
    -webkit-backdrop-filter: blur( 10.0px );}
    
.glass_dark{
    background: rgba( 50, 50, 50, 0.8);
    backdrop-filter: blur( 20px );
    -webkit-backdrop-filter: blur( 20px );}
    
.shadow_light{
  -webkit-filter: drop-shadow( 0px 0px 0.8vh rgba(0, 0, 0,0.25));
  filter: drop-shadow( 0px 0px 0.8vh rgba(0, 0, 0,0.25));}
  
.shadow_dark{
  -webkit-filter: drop-shadow( 0px 0px 1vh rgba(0, 0, 0,0.7));
  filter: drop-shadow( 0px 0px 0.8vh rgba(0, 0, 0,0.7));}
  
.noselect{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;}
    
.nopointer{
    pointer-events: none;}

.autopointer{
	pointer-events: auto;}
    
.flex_column{
	display: flex; 
	flex-direction:column; 
	justify-content:center;
	-webkit-align-items:center;
	text-align:center;}

.flex_column_top{
	display: flex; 
	justify-content:center;
	-webkit-align-items:flex-start;}

.flex_row_top{
	display: flex; 
	flex-direction:row; 
	justify-content:center;
	-webkit-align-items:start;
	text-align:center;}
	
.flex_row_center{
	display: flex; 
	flex-direction:row; 
	justify-content:center;
	-webkit-align-items:center;
	text-align:center;}

.flex_row_left{
	flex-grow:0;
	display: flex; 
	flex-direction:row; 
	justify-content:flex-start;
	-webkit-align-items:center;
	text-align:center;}

.flex_row_right{
	flex-grow:0;
	display: flex; 
	flex-direction:row; 
	justify-content:flex-end;
	-webkit-align-items:center;
	text-align:center;}
    
.center{
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;}

.top_left{
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0px;}

.top_center{
    margin: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;}

.top_right{
    margin: auto;
    position: absolute;
    top: 0px;
    right: 0px;}

.bottom_left{
    margin: auto;
    position: absolute;
    bottom: 0px;
    left: 0px;}

.bottom_center{
    margin: auto;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;}

.bottom_right{
    margin: auto;
    position: absolute;
    bottom: 0px;
    right: 0px;}

.middle_left{
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;}

.middle_right{
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;}
    
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none; 
	margin: 0;}

.float{
	height:10vh;
	font-size:6vh;
	z-index:15;
	padding-left:15px;
	padding-right:15px;
	height:10vh;
	position:absolute;
	background:#4885ed;
	color:#ffffff}

.round{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;}
    
.round5{
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;}
    
#zoom_slider{transform:rotate(90deg)} 

button{border:none}
input[type=range] {   
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
    
.slidecontainer{width:100%;}
.slider{
    -webkit-appearance: none;  
	appearance: none;
	width: 100%; 
	height: 5vh; 
	background: #ffffff; 
	outline: none; 
}
              
.slider::-webkit-slider-thumb{
    border:0;
	-webkit-appearance: none; 
	appearance: none;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #9e9e9e; 
}
              
.slider::-moz-range-thumb{
    border:0;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #db3236; 
}
              
.sliderb{
    -webkit-appearance: none;  
	appearance: none;
	width: 100%; 
	height: 5vh; 
	background: #ffffff; 
	outline: none; 
}
.sliderb::-webkit-slider-thumb{
    border:0;
	-webkit-appearance: none; 
	appearance: none;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #4885ed;
}
              
.sliderb::-moz-range-thumb{
    border:0;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #4885ed; 
}  

.sliderr{
    -webkit-appearance: none;  
	appearance: none;
	width: 100%; 
	height: 5vh; 
	background: #ffffff; 
	outline: none; 
}
.sliderr::-webkit-slider-thumb{
    border:0;
	-webkit-appearance: none; 
	appearance: none;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #db3236;
}
              
.sliderr::-moz-range-thumb{
    border:0;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #db3236; 
}      
              
.slidero{
    -webkit-appearance: none;  
	appearance: none;
	width: 100%; 
	height: 5vh; 
	background: #ffffff; 
	outline: none; 
}
.slidero::-webkit-slider-thumb{
    border:0;
	-webkit-appearance: none; 
	appearance: none;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #FF5722;
}
              
.slidero::-moz-range-thumb{
    border:0;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #FF5722; 
}      

.sliderg::-webkit-slider-thumb{
    border:0;
	-webkit-appearance: none; 
	appearance: none;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #3cba54;
}
              
.sliderg::-moz-range-thumb{
    border:0;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #3cba54; 
}   
              
.sliderw::-webkit-slider-thumb{
    border:0;
	 -webkit-appearance: none; 
	 appearance: none;
     outline: none; 
	 width: 5vh; 
	 height: 5vh; 
	 background: #ffffff; 
 }
              
.sliderw::-moz-range-thumb{
    border:0;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #ffffff; 
}  
    
.sliderz::-webkit-slider-thumb{
    border:0;
	 -webkit-appearance: none; 
	 appearance: none;
     outline: none; 
	 width: 5vh; 
	 height: 5vh; 
	 background: #9e9e9e; 
 }
              
.sliderz::-moz-range-thumb{
    border:0;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #9e9e9e; 
}  

.sliderbl::-webkit-slider-thumb{
    border:0;
	 -webkit-appearance: none; 
	 appearance: none;
     outline: none; 
	 width: 5vh; 
	 height: 5vh; 
	 background: #9e9e9e; }
              
.sliderbl::-moz-range-thumb{
    border:0;
    outline: none; 
	width: 5vh; 
	height: 5vh; 
	background: #9e9e9e; }  
    
.media_div{
	flex-grow:0;
	display: flex; 
	flex-direction:row; 
	justify-content:flex-start;
	-webkit-align-items:center;
	text-align:left;
	white-space: nowrap;
 	text-overflow: ellipsis;}