/**
 * @title Webcore CSS
 * @description Styling for Webcore.
 **/

/***********************************/
/*           ANIMATIONS            */
/***********************************/
/* Wiggle */
@-ms-keyframes __webcore-wiggle{0%{-ms-transform:rotate(2deg);}50%{-ms-transform:rotate(-2deg);}100%{-ms-transform:rotate(2deg);}}
@-moz-keyframes __webcore-wiggle{0%{-moz-transform:rotate(2deg);}50%{-moz-transform:rotate(-2deg);}100%{-moz-transform:rotate(2deg);}}
@-webkit-keyframes __webcore-wiggle{0%{-webkit-transform:rotate(2deg);}50%{-webkit-transform:rotate(-2deg);}100%{-webkit-transform:rotate(2deg);}}
@keyframes __webcore-wiggle{0%{transform:rotate(2deg);}50%{transform:rotate(-2deg);}100%{transform:rotate(2deg);}}
.__webcore-wiggle:hover{
	-ms-animation: __webcore-wiggle .3s 1;
	-moz-animation: __webcore-wiggle .3s 1;
	-webkit-animation: __webcore-wiggle .3s 1;
	animation: __webcore-wiggle .3s 1;
}

/* Fade in */
@keyframes __webcore-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes __webcore-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes __webcore-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes __webcore-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
@-ms-keyframes __webcore-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
.__webcore-long-fade-in {
	animation: __webcore-fade-in ease 5s;
	-webkit-animation: __webcore-fade-in  ease 5s;
	-moz-animation: __webcore-fade-in  ease 5s;
	-o-animation: __webcore-fade-in  ease 5s;
	-ms-animation: __webcore-fade-in  ease 5s;
}
.__webcore-fade-in {
	animation: __webcore-fade-in ease 2s;
	-webkit-animation: __webcore-fade-in ease 2s;
	-moz-animation: __webcore-fade-in ease 2s;
	-o-animation: __webcore-fade-in ease 2s;
	-ms-animation: __webcore-fade-in ease 2s;
}

/* Fade out */
@keyframes __webcore-fade-out { 0% { opacity: 1; } 100% { opacity:0; } }
@-moz-keyframes __webcore-fade-out { 0% { opacity: 1; } 100% { opacity:0; } }
@-webkit-keyframes __webcore-fade-out { 0% { opacity: 1; } 100% { opacity:0; } }
@-o-keyframes __webcore-fade-out { 0% { opacity: 1; } 100% { opacity:0; } }
@-ms-keyframes __webcore-fade-out { 0% { opacity: 1; } 100% { opacity:0; } }
.__webcore-long-fade-out {
	animation: __webcore-fade-out ease 10s;
	-webkit-animation: __webcore-fade-out ease 10s;
	-moz-animation: __webcore-fade-out ease 10s;
	-o-animation: __webcore-fade-out ease 10s;
	-ms-animation: __webcore-fade-out ease 10s;
}
.__webcore-fade-out {
	animation: __webcore-fade-out ease 2s;
	-webkit-animation: __webcore-fade-out ease 2s;
	-moz-animation: __webcore-fade-out ease 2s;
	-o-animation: __webcore-fade-out ease 2s;
	-ms-animation: __webcore-fade-out ease 2s;
}

/* Sway */
.__webcore-sway {
  -moz-animation: 5s ease 0s normal none infinite __webcore-sway;
  -moz-transform-origin: center top;
}
@-moz-keyframes __webcore-sway {
 0% { -moz-transform: rotate(2deg); }
 50% { -moz-transform: rotate(-2deg); }
 100%{ -moz-transform: rotate(2deg); }
}

/***********************************/
/*             STYLING             */
/***********************************/
#__webcore-dynamic-dump {
    display: none
}

.__webcore-button, .__webcore-a {
    cursor: pointer;
}

.__webcore-button button:disabled:hover { cursor: auto }

.__webcore-noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
	     -moz-user-select: none; /* Old versions of Firefox */
	      -ms-user-select: none; /* Internet Explorer/Edge */
	          user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.__webcore-center-page {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: auto;
    text-align: center;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}