/* ::-webkit-scrollbar{
	width:px;
} */

a {
    text-decoration: none; 
}

body{
	/* -moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none; */
}

.selectable{
	/* -moz-user-select:text;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text; */

}

.scroll_bars::-webkit-scrollbar {
    -webkit-appearance: none;
}

.scroll_bars::-webkit-scrollbar:vertical {
    width: 8px;
}

.scroll_bars::-webkit-scrollbar:horizontal {
    height: 8px;
}

.scroll_bars::-webkit-scrollbar-thumb {
	border-radius: 6px;
	border: 1px solid var(--tone_6);
	/* should match background, can't be transparent */
	background-color: #222;
}



/* CSS Document */

@font-face{
    font-family: Montserrat;
    /* src: url('ArtlistSans-Regular.woff2'); */
	src: url('Montserrat-Regular.otf');
	/* src: url('roboto.woff2'); */

}

@font-face{
    font-family: Avenir;
    /* src: url('ArtlistSans-Regular.woff2'); */
	src: url('Avenir-Book.otf');
	/* src: url('roboto.woff2'); */

}

@font-face{
    font-family: AvenirBold;
    /* src: url('ArtlistSans-Regular.woff2'); */
	src: url('Avenir-Black.otf');
	/* src: url('roboto.woff2'); */

}



.bodyBack {

    background-image:-moz-radial-gradient(70% 60%, ellipse cover, var(--tone_5) 0%, var(--tone_3) 49%);
	background-image: -webkit-radial-gradient(70% 60%, ellipse cover, var(--tone_5) 0%, var(--tone_3) 49%);
	background-image: radial-gradient(ellipse at 70% 60%, var(--tone_5) 0%, var(--tone_3) 49%);
	background-image: 
	-webkit-radial-gradient(70% 60%, ellipse cover, var(--tone_5) 0%, var(--tone_3) 49%);


	/* background-image: url("../_gui/logo-large-bw.png"), -moz-radial-gradient(70% 60%, ellipse cover, var(--tone_7) 0%, var(--tone_3) 49%);
	background-image: url("../_gui/logo-large-bw.png"),-webkit-radial-gradient(70% 60%, ellipse cover, var(--tone_7) 0%, var(--tone_3) 49%);
	background-image: url("../_gui/logo-large-bw.png"),radial-gradient(ellipse at 70% 60%, var(--tone_7) 0%, var(--tone_3) 49%);
	background-image: 
	url("../_gui/logo-large-bw.png"),-webkit-radial-gradient(70% 60%, ellipse cover, var(--tone_7) 0%, var(--tone_3) 49%); 
	
	background-repeat: no-repeat, no-repeat;
	background-size: contain,cover;
	background-position: 50% 50%,50% 50%; */


}

.displayTable {
    display: table; 
	border-collapse: collapse;
	
}


.displayTable > div { 
    display: table-row; 
	
	height:26px;

}

.displayTable > div > div { 
    display: table-cell;
	box-sizing: border-box;
	border-bottom:3px solid var(--tone_0);
	
	padding:15px 10px;
	
}

.displayTable > div > div:first-of-type { 
	
	min-width:160px;
	background:var(--tone_c);
	color:var(--hilite_blue);
	font-size:16px;
	padding:8px 15px;
	

	
}

.label{
    float:left;
    width:60px;
    height:30px;
    line-height:30px;
    color:var(--tone_c);
    font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
}



.cursor{

	cursor:pointer;

}

.cursorDown{
	cursor: s-resize;
}

.cursorUp{
	cursor: n-resize;
}

.clear{
	clear:both;
}

body{
user-select: none;
-webkit-touch-callout: none;
font-family: Avenir;
}

.gradientDarkUp{

background: -moz-linear-gradient(top,  rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.7) 49%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.7) 49%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.7) 49%);

}


.homeText{
font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
}

.homeText1d {
font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 56px;

	line-height:58px;
}

.homeText1c {
font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 46px;
	line-height:48px;
}


.homeText1b {
font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height:38px;
}

.homeText1 {
font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 27px;
	line-height:29px;
}

.homeText2 {
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height:23px;
}

.homeText3b {
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;

	line-height:21px;
}

.homeText3c {
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;

	line-height:20px;
}

.homeText3 {
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;

	line-height:23px;
}

.homeText4b {
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;

	line-height:19px;
}

.homeText4 {
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;

	line-height:16px;
}

.homeText5 {
	font-family:  Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;

	line-height:15px;
}

.homeText6 {
	font-family:  Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

	line-height:13px;
}


/* end of custom icons */
.disp1 { display:block}
.disp2 { display:none}


.textBold {
	/* font-family:  AvenirBold; */
	color:var(--solid_4);
	font-weight: bold;
}

b {
	/* font-family:  AvenirBold; */
	color:var(--hilite_blue);
	/* font-weight: bold; */
}
b2 {
	/* font-family:  AvenirBold; */
	color:var(--solid_4);
	font-weight: bold;
}

hlink{
	color:#00f;
	font-weight: bold;
	text-decoration: underline;
}


.textItalic{
font-style:italic;

}



.deepShadow{
	-moz-box-shadow: 12px 32px 18px rgba(0,0,0,.2) ;
	-webkit-box-shadow: 12px 32px 18px rgba(0,0,0,.2) ;
	box-shadow: 12px 32px 18px rgba(0,0,0,.2) ;

}

.deepShadowLeft{
	-moz-box-shadow: -12px 32px 18px rgba(0,0,0,.2) ;
	-webkit-box-shadow: -12px 32px 18px rgba(0,0,0,.2) ;
	box-shadow: -12px 32px 18px rgba(0,0,0,.2) ;

}

.shadowLeft {
	-moz-box-shadow: -8px 8px 8px /*{global-box-shadow-size}*/ 			rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	-webkit-box-shadow: -8px 8px 8px /*{global-box-shadow-size}*/ 		rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	box-shadow: -8px 8px 8px /*{global-box-shadow-size}*/ 				rgba(0,0,0,.2) /*{global-box-shadow-color}*/;


}

.shadowDown {
	-moz-box-shadow: 0px 8px 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 8px 10px rgba(0,0,0,.2);
	box-shadow: 0px 8px 10px rgba(0,0,0,.2) ;

}

.shadowRight {
	-moz-box-shadow: 8px 0px 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 8px 0px 10px rgba(0,0,0,.2);
	box-shadow: 8px 0px 10px rgba(0,0,0,.2);

}

.shadowUp {
	-moz-box-shadow: 0px -4px 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px -4px 10px rgba(0,0,0,.2);
	box-shadow: 0px -4px 10px rgba(0,0,0,.2) ;

}

.flatShadow{
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3) ;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3) ;
	box-shadow: 0px 0px 10px rgba(0,0,0,.3) ;

}

.flatShadowLarge{
	-moz-box-shadow: 0px 0px 16px rgba(0,0,0,.3) ;
	-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,.3) ;
	box-shadow: 0px 0px 16px rgba(0,0,0,.3) ;

}

.normalShadow{
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,.2);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,.2);
	box-shadow: 8px 8px 8px rgba(0,0,0,.2);
}

.normalShadowLight{
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,.2);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,.2);
	box-shadow: 8px 8px 8px rgba(0,0,0,.2);
}


.flatShadowBlue{
	-moz-box-shadow: 0px 0px 20px rgba(0,0,255,.7) ;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,255,.7) ;
	box-shadow: 0px 0px 20px rgba(0,0,255,.7) ;
	

}

.flatShadowMain{
	-moz-box-shadow: 0px 0px 20px rgba(255, 152, 5, 0.7) ;
	-webkit-box-shadow: 0px 0px 20px rgba(255, 152, 5,.7) ;
	box-shadow: 0px 0px 20px rgba(255, 152, 5,.7) ;

}

.innerflatShadow{
	-moz-box-shadow: inset 0px 0px 12px 			rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0px 0px 12px 			rgba(0,0,0,.3);
	box-shadow: inset 0px 0px 12px 			rgba(0,0,0,.3);

}

.cornersAll{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;

}

.corner-top-left {
	-moz-border-radius-topleft: 		15px /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: 	15px /*{global-radii-blocks}*/;
	border-top-left-radius: 			15px /*{global-radii-blocks}*/;

}
.corner-top-right {
	-moz-border-radius-topright: 		15px /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: 	15px /*{global-radii-blocks}*/;
	border-top-right-radius: 			15px /*{global-radii-blocks}*/;

}
.corners-left {
	-moz-border-radius-topleft: 		15px /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: 	15px /*{global-radii-blocks}*/;
	border-top-left-radius: 			15px /*{global-radii-blocks}*/;
	-moz-border-radius-bottomleft: 		15px /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: 	15px /*{global-radii-blocks}*/;
	border-bottom-left-radius: 			15px /*{global-radii-blocks}*/;
}

.corners-right {
	-moz-border-radius-topright: 		15px /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: 	15px /*{global-radii-blocks}*/;
	border-top-right-radius: 			15px /*{global-radii-blocks}*/;
	-moz-border-radius-bottomright: 		15px /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: 	15px /*{global-radii-blocks}*/;
	border-bottom-right-radius: 			15px /*{global-radii-blocks}*/;
}

.corner-top-left {
	-moz-border-radius-topleft: 		15px /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: 	15px /*{global-radii-blocks}*/;
	border-top-left-radius: 			15px /*{global-radii-blocks}*/;

}

.corners-top {
	-moz-border-radius-topleft: 		15px /*{global-radii-blocks}*/;
	-webkit-border-top-left-radius: 	15px /*{global-radii-blocks}*/;
	border-top-left-radius: 			15px /*{global-radii-blocks}*/;
	-moz-border-radius-topright: 		15px /*{global-radii-blocks}*/;
	-webkit-border-top-right-radius: 	15px /*{global-radii-blocks}*/;
	border-top-right-radius: 			15px /*{global-radii-blocks}*/;
}
.corners-bottom {
	-moz-border-radius-bottomleft: 		15px /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: 	15px /*{global-radii-blocks}*/;
	border-bottom-left-radius: 			15px /*{global-radii-blocks}*/;
	-moz-border-radius-bottomright: 	15px /*{global-radii-blocks}*/;
	-webkit-border-bottom-right-radius: 15px /*{global-radii-blocks}*/;
	border-bottom-right-radius: 		15px /*{global-radii-blocks}*/;
	}

.corner-bottom-left {
	-moz-border-radius-bottomleft: 		15px /*{global-radii-blocks}*/;
	-webkit-border-bottom-left-radius: 	15px /*{global-radii-blocks}*/;
	border-bottom-left-radius: 			15px /*{global-radii-blocks}*/;
	}

.boxRoll{
	cursor:pointer;
}

.boxRoll:hover {
	-moz-box-shadow: 0px 0px 20px var(--main);
	-webkit-box-shadow: 0px 0px 20px var(--main);
	box-shadow: 0px 0px 20px var(--main);

	cursor: pointer;
}

.textRoll{
    cursor:pointer;

}

.textRoll:hover{
    color:var(--tone_0);
    text-shadow: -1px -1px 2px var(--main), 1px -1px 2px var(--main), -1px 1px 2px var(--main), 1px 1px 2px var(--main);
   
}

.linkRoll{
	cursor:pointer;
}

.linkRoll:hover {

	-moz-box-shadow: 0px 0px 20px var(--main);
	-webkit-box-shadow: 0px 0px 20px var(--main);
	box-shadow: 0px 0px 20px var(--main);

	cursor: pointer;
	color: var(--tone_0);
}


.linkRollReverse{
	cursor:pointer;
}

.linkRollReverse:hover {

	-moz-box-shadow: 0px 0px 20px var(--main);
	-webkit-box-shadow: 0px 0px 20px var(--main);
	box-shadow: 0px 0px 20px var(--main);

	cursor: pointer;
	color: var(--main);
}


.basicRoll{
	cursor:pointer;
	color:var(--tone_0);
}

.basicRoll:hover {

	color:var(--hilite_1);
}

.borderRoll{
	cursor:pointer;
	/* border:thin solid rgba(0,0,0,0); */
    
}

.borderRoll:hover {

	/* border:thin solid var(--hilite_1); */
    /* -moz-box-shadow: inset 0px 0px 12px 			rgba(79, 208, 255, 0.8);
	-webkit-box-shadow: inset 0px 0px 12px 			rgba(79, 208, 255, 0.8);
	box-shadow: inset 0px 0px 12px 			rgba(79, 208, 255, 0.8); */
    background: rgb(168, 195, 255,0.3)
}


.textArea{

	background-color:var(--tone_7);
	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px;
	  border-radius: 10px;
	  /* width:90%; */
	  padding:5px;
	  padding-left:8px;
	  font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height:12px;
	  font-weight:normal;
   -moz-box-shadow:inset 0px 0px 4px rgba(0,0,0,.2) ;
	-webkit-box-shadow: inset 0px 0px 4px rgba(0,0,0,.2) ;
	box-shadow: inset 0px 0px 4px rgba(0,0,0,.2) ;
}


.styled-select {
	border-collapse: separate;
	overflow: hidden;
  
	border: 1px solid var(--tone_c);
	padding: 5px 15px;

	background: var(--select_box_icon);
	background-color:var(--tone_7);
	color:var(--tone_0);

	background-repeat: no-repeat;
	background-position: calc(100%) 5px !important;
	-moz-appearance:none !important;
	-webkit-appearance: none !important; 
	appearance: none !important;
	padding-right: 2rem !important;

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	cursor:pointer;
}

.styled-select-mini {
	border-collapse: separate;

	padding: 5px;
	padding-left:8px;
	
	background: var(--select_box_icon_mini);
	border: 1px solid var(--tone_c);
	background-color:var(--tone_7);
	color:var(--tone_0);
	background-repeat: no-repeat;
	background-position: calc(100%) 5px !important;
	-moz-appearance:none !important;
	-webkit-appearance: none !important; 
	appearance: none !important;
	padding-right: 2rem !important;

	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height:12px;
	  font-weight:normal;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}

.styled-select-mini-dark {
	border-collapse: separate;

	padding: 5px;
	padding-left:8px;
	
	background: var(--select_box_icon_mini);
	border: 1px solid var(--tone_c);
	background-color:var(--tone_5);
	color:var(--tone_0);
	background-repeat: no-repeat;
	background-position: calc(100%) 5px !important;
	-moz-appearance:none !important;
	-webkit-appearance: none !important; 
	appearance: none !important;
	padding-right: 2rem !important;

	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height:12px;
	  font-weight:normal;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}

.styled-select-mini-square-dark {
	border-collapse: separate;

	padding: 5px;
	padding-left:8px;
	
	background: var(--select_box_icon_mini);
	border: 1px solid var(--tone_c);
	background-color:var(--tone_5);
	color:var(--tone_0);
	background-repeat: no-repeat;
	background-position: calc(100%) 5px !important;
	-moz-appearance:none !important;
	-webkit-appearance: none !important; 
	appearance: none !important;
	padding-right: 2rem !important;

	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10px;
	  line-height:10px;
	  font-weight:normal;
	cursor:pointer;
}

.styled-select-blank {
	
	border-collapse: separate;

	padding: 5px;
	padding-left:2px;
	
	background:none;
	border: 1px solid var(--tone_c);
	color:var(--tone_0);
	
	-moz-appearance:none !important;
	-webkit-appearance: none !important; 
	appearance: none !important;
	padding-right: 2rem !important;

	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  line-height:12px;
	  font-weight:normal;


}

.borderWarning{
    border: 2px solid #f00;
}

.glassHilite{
	background-color:rgba(168, 195, 255,0.8);

}

.glassMain{
	background-color: var(--glass_main);

}

.glassWhite{
	background-color:rgba(255,255,255,0.8);

}

.glassBlack{

	background-color:rgba(0,0,0,0.8);
}

.glassDark{
	/* color:#e5e8f8; */
	background-color:rgba(40, 47, 61, 0.6);
}

.glassExtraDark{

	background-color:rgba(56, 65, 85,0.8);
}

.blur {
-webkit-filter: blur(10px); -moz-filter: blur(10px);
-o-filter: blur(10px); -ms-filter: blur(10px);
filter: url(#blur); filter: blur(10px);  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}



@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
	.backBlur {
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	}

	.glassExtraDark{

		background-color:rgba(56, 65, 85,0.8);
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	}

	.glassDark{

		background-color:rgba(64, 64, 71, 0.6);
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	}

	.glassBlack{

		background-color:rgba(0, 0, 0, 0.8);
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	}

	.glassWhite{
		background-color:rgba(255,255,255,0.1);
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	
	}
    .glassMain{
		background-color:var(--glass_main);
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	
	}

    .glassHilite{
        background-color:rgba(168, 195, 255,0.2);
        -webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
    }

  }

.underline {
	text-decoration: underline;
}

.centerText {
	text-align: center;
}

.centerDiv {
	margin: 10px auto;
}


.loader {
	border: 3px solid var(--tone_8);
	border-radius: 50%;
	border-top: 3px solid var(--main);

	-webkit-animation: loaderSpin 1s linear infinite; /* Safari */
	animation: loaderSpin 1s linear infinite;
  }

  @-webkit-keyframes loaderSpin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes loaderSpin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

  .loaderSlow {
	border: 3px solid var(--tone_8);
	border-radius: 50%;
	border-top: 3px solid var(--main);

	-webkit-animation: loaderSpin 4s linear infinite; /* Safari */
	animation: loaderSpin 4s linear infinite;
  }

  @-webkit-keyframes loaderSpin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes loaderSpin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }




 /* Tooltip container */
.tooltip-up {
  
}

.tooltip-up::after {
	content: " ";
	position: absolute;
	top: 100%; /* At the bottom of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: rgb(168, 195, 255,0.3) transparent transparent transparent;
  
}

.tooltip-down {
  
}

.tooltip-down::after {
	content: " ";
	position: absolute;
	bottom: 100%; /* At the bottom of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent rgb(168, 195, 255,0.3) transparent;
  
}