*{
	margin:0;
	padding:0;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}
body, html {
	width:100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* fonts */

@font-face {
	font-family: BriosoPro;
	src: url('../fonts/briosopro.otf') format('opentype');
}

@font-face {
	font-family: BriosoProBold;
	src: url('../fonts/briosopro-bold.otf') format('opentype');
}

@font-face {
	font-family: Jura;
	src: url('../fonts/jura.ttf') format('truetype');
}

@font-face {
	font-family: JuraBold;
	src: url('../fonts/jura-bold.ttf') format('truetype');
}

@font-face {
	font-family: Linbiolinum;
	src: url('../fonts/linbiolinum_sansserif.ttf') format('truetype');
}

@font-face {
	font-family: LinbiolinumBold;
	src: url('../fonts/linbiolinum_sansserif-bold.ttf') format('truetype');
}

@font-face {
	font-family: Linlibertine;
	src: url('../fonts/linlibertine_r.ttf') format('truetype');
}

@font-face {
	font-family: LinlibertineBold;
	src: url('../fonts/linlibertine_r-bold.ttf') format('truetype');
}

/* --------- */

#windowBackground {
	width:100%;
    height: 100%;
}

.mastery-button:hover {
	-webkit-filter: brightness(150%);
}
.mastery-button-animated {
	-webkit-animation: mastery-button-animation 0.75s infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
}
.remaining-points-animated {
	-webkit-animation: remaining-points-animation 0.75s infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}
.devotion-remaining-points-animated {
	-webkit-animation: devotion-remaining-points-animation 1s infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}
.window-tab-animated {
	-webkit-animation: window-tab-animation 1.5s infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes mastery-button-animation {
	0% { -webkit-filter: brightness(100%); }
	100% { -webkit-filter: brightness(150%); }
}
@-webkit-keyframes remaining-points-animation {
	0% { color: rgba(104, 104, 104, 255); }
	100% { color: rgba(255, 230, 179, 255); }
}
@-webkit-keyframes devotion-remaining-points-animation {
	0% { color: rgba(104, 104, 104, 255); }
	100% { color: rgba(255, 255, 255, 255); }
}
@-webkit-keyframes window-tab-animation {
	0% { color: rgba(95, 95, 95, 255); }
	100% { color: rgba(255, 255, 255, 255); }
}

.tooltip {
	position: absolute;
	line-height: 19px;
}
.tooltip-row {
	display: flex;
}
.tooltip-col-fixed {
	flex-shrink: 0;
	flex-grow: 0
}
.tooltip-col-resizable {
	flex-grow: 1;
	flex-shrink: 1
}
.tooltip .content {
	word-wrap: break-word;
	font-family: Linbiolinum;
	font-size: 17px;
	color: white;
}
.tooltip-skill-name {
	color: #6699FF;
	font-family: BriosoProBold;
	text-shadow: #000 0px 0px 1px;
	font-size: 18px;
	padding-bottom: 2px;
}
.tooltip-level {
	font-size: 18px;
	padding-top: 18px;
	padding-bottom: 1px;
	font-family: BriosoProBold;
	text-shadow: #000 0px 0px 1px;	
}
.tooltip-skill-params {
	color: #DEC2A3
}
.tooltip-pet-params {
	color: #E3BA6B;
	padding-top: 15px;
}
.tooltip-pet-skill {
	color: #6699FF;
	padding-bottom: 2px;
}
.tooltip-skill-req {
	padding-top: 16px;
	font-family: LinbiolinumBold;
}
.tooltip-skill-req.not-met {
	color: #FF0000;
}
.tooltip-param-text {
	color: #A88054;
}
.tooltip-param-text2 {
	color: #999999;
}
.tooltip-padded {
	padding-left: 10px;
}
.tooltip-skill-params.grayed-out, .tooltip-skill-params.grayed-out *,
.tooltip-pet-params.grayed-out, .tooltip-pet-params.grayed-out *,
.tooltip-pet-skill.grayed-out, .tooltip-pet-skill.grayed-out * {
	color: #999999 !important;
}

/* text colors */
.text-red {
	color: #FF0000 !important;
}
.text-orange {
	color: #F2A34C !important;
}
.text-bright-orange {
	color: #FF4200 !important;
}
.text-white {
	color: #FFFFFF !important;
}
.text-khaki {
	color: #F0E68C !important;
}

.center-h {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.center-v {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.tooltip-constellation-description {
	color: #BFBFBF;
}

.constellation-active {
	/*-webkit-mask-image: linear-gradient(rgba(230,204,255,0.8), rgba(230,204,255,0.8));*/
	-webkit-filter: url(#filter-constellation-active);
 }
.constellation-unavailable {
	/*-webkit-mask-image: linear-gradient(rgba(179,230,255,0.15), rgba(179,230,255,0.15));*/
	-webkit-filter: url(#filter-constellation-unavailable);
 }
 .constellation-available {
	/*-webkit-mask-image: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0.45));*/
	-webkit-filter: url(#filter-constellation-available);
 }
 .constellation-ascendant {
	-webkit-filter: url(#filter-constellation-ascendant);
}
 .constellation-chaos {
	-webkit-filter: url(#filter-constellation-chaos);
}
 .constellation-eldritch {
	-webkit-filter: url(#filter-constellation-eldritch);
}
 .constellation-order {
	-webkit-filter: url(#filter-constellation-order);
}
 .constellation-primordial {
	-webkit-filter: url(#filter-constellation-primordial);
}
.devotion-skill-req {
	font-family: LinbiolinumBold;
}
.devotion-skill-req.not-met {
	color: #FF0000;
}
