text:
/*-----------------------------------------------------------------------------

-	Revolution Slider 5.0 Default Style Settings -

Screen Stylesheet

version:   	5.0.0
date:      	29/10/15
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/

.rtl {	direction: rtl;}
@font-face {
  font-family: 'revicons';
  src: url('../../fonts/revicons/revicons90c6.eot?5510888');
  src: url('../../fonts/revicons/revicons90c6.eot?5510888#iefix') format('embedded-opentype'),
       url('../../fonts/revicons/revicons90c6.woff?5510888') format('woff'),
       url('../../fonts/revicons/revicons90c6.ttf?5510888') format('truetype'),
       url('../../fonts/revicons/revicons90c6.svg?5510888#revicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="revicon-"]:before, [class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.revicon-search-1:before { content: '\e802'; } /* '' */
.revicon-pencil-1:before { content: '\e831'; } /* '' */
.revicon-picture-1:before { content: '\e803'; } /* '' */
.revicon-cancel:before { content: '\e80a'; } /* '' */
.revicon-info-circled:before { content: '\e80f'; } /* '' */
.revicon-trash:before { content: '\e801'; } /* '' */
.revicon-left-dir:before { content: '\e817'; } /* '' */
.revicon-right-dir:before { content: '\e818'; } /* '' */
.revicon-down-open:before { content: '\e83b'; } /* '' */
.revicon-left-open:before { content: '\e819'; } /* '' */
.revicon-right-open:before { content: '\e81a'; } /* '' */
.revicon-angle-left:before { content: '\e820'; } /* '' */
.revicon-angle-right:before { content: '\e81d'; } /* '' */
.revicon-left-big:before { content: '\e81f'; } /* '' */
.revicon-right-big:before { content: '\e81e'; } /* '' */
.revicon-magic:before { content: '\e807'; } /* '' */
.revicon-picture:before { content: '\e800'; } /* '' */
.revicon-export:before { content: '\e80b'; } /* '' */
.revicon-cog:before { content: '\e832'; } /* '' */
.revicon-login:before { content: '\e833'; } /* '' */
.revicon-logout:before { content: '\e834'; } /* '' */
.revicon-video:before { content: '\e805'; } /* '' */
.revicon-arrow-combo:before { content: '\e827'; } /* '' */
.revicon-left-open-1:before { content: '\e82a'; } /* '' */
.revicon-right-open-1:before { content: '\e82b'; } /* '' */
.revicon-left-open-mini:before { content: '\e822'; } /* '' */
.revicon-right-open-mini:before { content: '\e823'; } /* '' */
.revicon-left-open-big:before { content: '\e824'; } /* '' */
.revicon-right-open-big:before { content: '\e825'; } /* '' */
.revicon-left:before { content: '\e836'; } /* '' */
.revicon-right:before { content: '\e826'; } /* '' */
.revicon-ccw:before { content: '\e808'; } /* '' */
.revicon-arrows-ccw:before { content: '\e806'; } /* '' */
.revicon-palette:before { content: '\e829'; } /* '' */
.revicon-list-add:before { content: '\e80c'; } /* '' */
.revicon-doc:before { content: '\e809'; } /* '' */
.revicon-left-open-outline:before { content: '\e82e'; } /* '' */
.revicon-left-open-2:before { content: '\e82c'; } /* '' */
.revicon-right-open-outline:before { content: '\e82f'; } /* '' */
.revicon-right-open-2:before { content: '\e82d'; } /* '' */
.revicon-equalizer:before { content: '\e83a'; } /* '' */
.revicon-layers-alt:before { content: '\e804'; } /* '' */
.revicon-popup:before { content: '\e828'; } /* '' */

/******************************
	-	BASIC STYLES		-
******************************/

.rev_slider_wrapper{
	position:relative;
	z-index: 0;
}

.rev_slider{
	position:relative;
	overflow:visible;
}

.tp-overflow-hidden { overflow:hidden;}

.tp-simpleresponsive img,
.rev_slider img{
	max-width:none !important;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	margin:0px;
	padding:0px;
	border-width:0px;
	border:none;
}

.rev_slider .no-slides-text{
	font-weight:bold;
	text-align:center;
	padding-top:80px;
}

.rev_slider >ul,
.rev_slider_wrapper >ul,
.tp-revslider-mainul >li,
.rev_slider >ul >li,
.rev_slider >ul >li:before,
.tp-revslider-mainul >li:before,
.tp-simpleresponsive >ul,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before,
.tp-revslider-mainul >li,
.tp-simpleresponsive >ul >li{
	list-style:none !important;
	position:absolute;
	margin:0px !important;
	padding:0px !important;
	overflow-x: visible;
	overflow-y: visible;
	list-style-type: none !important;
	background-image:none;
	background-position:0px 0px;
	text-indent: 0em;
	top:0px;left:0px;
}

.tp-revslider-mainul >li,
.rev_slider >ul >li,
.rev_slider >ul >li:before,
.tp-revslider-mainul >li:before,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before,
.tp-revslider-mainul >li,
.tp-simpleresponsive >ul >li {
	visibility:hidden;
}

.tp-revslider-slidesli,
.tp-revslider-mainul	{
	padding:0 !important;
	margin:0 !important;
	list-style:none !important;
}

.rev_slider li.tp-revslider-slidesli {
    position: absolute !important;
}

.tp-caption .rs-untoggled-content { display:block;}
.tp-caption .rs-toggled-content { display:none;}

.rs-toggle-content-active.tp-caption .rs-toggled-content { display:block;}
.rs-toggle-content-active.tp-caption .rs-untoggled-content { display:none;}

.rev_slider .tp-caption,
.rev_slider .caption 	{
	position:relative;
	visibility:hidden;
	white-space: nowrap;
	display: block;
}

.rev_slider .tp-mask-wrap .tp-caption,
.rev_slider .tp-mask-wrap *:last-child,
.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
.wpb_text_column .rev_slider .tp-mask-wrap *:last-child{
	margin-bottom:0;

}

.tp-svg-layer svg {	width:100%; height:100%;position: relative;vertical-align: top}

/* CAROUSEL FUNCTIONS */
.tp-carousel-wrapper {
	cursor:url(openhand.html), move;
}
.tp-carousel-wrapper.dragged {
	cursor:url(closedhand.html), move;
}

/* ADDED FOR SLIDELINK MANAGEMENT */
.tp-caption {
	z-index:1
}

.tp_inner_padding {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-height:none !important;
}

.tp-caption {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	position:absolute;
	-webkit-font-smoothing: antialiased !important;
}

.tp-caption.tp-layer-selectable {
	-moz-user-select: all;
	-khtml-user-select: all;
	-webkit-user-select: all;
	-o-user-select: all;
}

.tp-forcenotvisible,
.tp-hide-revslider,
.tp-caption.tp-hidden-caption {
	visibility:hidden !important;
	display:none !important
}

.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider audio,
.rev_slider video {
	max-width: none !important
}

/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/
.rev_slider_wrapper	{	width:100%;}

.fullscreen-container {
	position:relative;
	padding:0;
}

.fullwidthbanner-container{
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabanner{
	width:100%;
	position:relative;
}

/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/

.tp-static-layers				{
	position:absolute; z-index:101; top:0px;left:0px;
	/*pointer-events:none;*/

}

.tp-caption .frontcorner		{
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-top: 40px solid #00A8FF;
	position: absolute;left:-40px;top:0px;
}

.tp-caption .backcorner		{
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 40px solid #00A8FF;
	position: absolute;right:0px;top:0px;
}

.tp-caption .frontcornertop		{
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 40px solid #00A8FF;
	position: absolute;left:-40px;top:0px;
}

.tp-caption .backcornertop		{
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #00A8FF;
	position: absolute;right:0px;top:0px;
}

.tp-layer-inner-rotation {
	position: relative !important;
}

/***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/

img.tp-slider-alternative-image	{
	width:100%; height:auto;
}

/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}

/********************************
	-	FULLSCREEN VIDEO	-
*********************************/

.rs-background-video-layer 		{	position: absolute;top:0px;left:0px; width:100%;height:100%;visibility: hidden;z-index: 0;}

.tp-caption.coverscreenvideo	{	width:100%;height:100%;top:0px;left:0px;position:absolute;}
.caption.fullscreenvideo,
.tp-caption.fullscreenvideo		{	left:0px; top:0px; position:absolute;width:100%;height:100%}

.caption.fullscreenvideo iframe,
.caption.fullscreenvideo audio,
.caption.fullscreenvideo video,
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe audio,
.tp-caption.fullscreenvideo iframe video	{ width:100% !important; height:100% !important; display: none}

.fullcoveredvideo audio,
.fullscreenvideo audio
.fullcoveredvideo video,
.fullscreenvideo video				{	background: #000}

.fullcoveredvideo .tp-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}

.videoisplaying .html5vid .tp-poster	{	display: none}

.tp-video-play-button					{
	background:#000;
	background:rgba(0,0,0,0.3);
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	z-index: 3;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px !important;
	text-align: center;
	cursor: pointer;
	width: 50px;
	height:50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	z-index: 4;
	opacity: 0;
	-webkit-transition:opacity 300ms ease-out !important;
	-moz-transition:opacity 300ms ease-out !important;
	-o-transition:opacity 300ms ease-out !important;
	transition:opacity 300ms ease-out !important;
}

.tp-hiddenaudio,
.tp-audio-html5 .tp-video-play-button { display:none !important;}
.tp-caption .html5vid					{	width:100% !important; height:100% !important;}
.tp-video-play-button i 				{	width:50px;height:50px; display:inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important;}
.tp-caption:hover .tp-video-play-button	{	opacity: 1;}
.tp-caption .tp-revstop					{	display:none; border-left:5px solid #fff !important; border-right:5px solid #fff !important;margin-top:15px !important;line-height: 20px !important;vertical-align: top; font-size:25px !important;}
.videoisplaying .revicon-right-dir		{	display:none}
.videoisplaying .tp-revstop				{	display:inline-block}

.videoisplaying  .tp-video-play-button			{	display:none}
.tp-caption:hover .tp-video-play-button 		{ 	display:block}

.fullcoveredvideo .tp-video-play-button			{	display:none !important}

.fullscreenvideo .fullscreenvideo audio 		{	object-fit:contain !important;}
.fullscreenvideo .fullscreenvideo video 		{	object-fit:contain !important;}

.fullscreenvideo .fullcoveredvideo audio 		{	object-fit:cover !important;}
.fullscreenvideo .fullcoveredvideo video 		{	object-fit:cover !important;}

.tp-video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-image: linear-gradient(to bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.13, rgb(0,0,0)),color-stop(1, rgb(50,50,50)));
	display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.tp-caption:hover .tp-video-controls {	opacity: .9;}

.tp-video-button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	line-height:12px;
	font-size:12px;
	color:#fff;
	padding:0px;
	margin:0px;
	outline: none;
	}
.tp-video-button:hover 				{	cursor: pointer;}

.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap 				{ 	padding:0px 5px;display:table-cell; vertical-align: middle;}

.tp-video-seek-bar-wrap				{	width:80%}
.tp-video-vol-bar-wrap				{	width:20%}

.tp-volume-bar,
.tp-seek-bar						{	width:100%; cursor: pointer;  outline:none; line-height:12px;margin:0; padding:0;}

.rs-fullvideo-cover					{	width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;}

.rs-background-video-layer video::-webkit-media-controls { display:none !important;}
.rs-background-video-layer audio::-webkit-media-controls { display:none !important;}

.tp-audio-html5 .tp-video-controls {	opacity: 1 !important; visibility: visible !important}

/********************************
	-	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}
.tp-dottedoverlay.twoxtwo				{	background:url(../assets/gridtile.html)}
.tp-dottedoverlay.twoxtwowhite			{	background:url(../assets/gridtile_white.html)}
.tp-dottedoverlay.threexthree			{	background:url(../assets/gridtile_3x3.html)}
.tp-dottedoverlay.threexthreewhite		{	background:url(../assets/gridtile_3x3_white.html)}

/******************************
	-	SHADOWS		-
******************************/

.tp-shadowcover	{	width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;}
.tp-shadow1 {
	-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
	   -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
	        box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
}

.tp-shadow2:before, .tp-shadow2:after,
.tp-shadow3:before, .tp-shadow4:after
{
  z-index: -2;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  top: 85%;
  max-width:300px;
  background: transparent;
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.8);
  -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.8);
  box-shadow: 0 15px 10px rgba(0,0,0,0.8);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.tp-shadow2:after,
.tp-shadow4:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.tp-shadow5
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tp-shadow5:before, .tp-shadow5:after
{
	content:"";
    position:absolute;
    z-index:-2;
    -webkit-box-shadow:0 0 25px 0px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 25px 0px  rgba(0,0,0,0.6);
    box-shadow:0 0 25px 0px  rgba(0,0,0,0.6);
    top:30%;
    bottom:0;
    left:20px;
    right:20px;
    -moz-border-radius:100px / 20px;
    border-radius:100px / 20px;
}

/******************************
	-	BUTTONS	-
*******************************/

.tp-button{
	padding:6px 13px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:30px;
	cursor:pointer;
	color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
	font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
	text-decoration:none;
}

.tp-button.big	{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; }

.purchase:hover,
.tp-button:hover,
.tp-button.big:hover {	background-position:bottom, 15px 11px}

/*	BUTTON COLORS	*/

.tp-button.green, .tp-button:hover.green,
.purchase.green, .purchase:hover.green			{ background-color:#21a117; -webkit-box-shadow:  0px 3px 0px 0px #104d0b;        -moz-box-shadow:   0px 3px 0px 0px #104d0b;        box-shadow:   0px 3px 0px 0px #104d0b;  }

.tp-button.blue, .tp-button:hover.blue,
.purchase.blue, .purchase:hover.blue			{ background-color:#1d78cb; -webkit-box-shadow:  0px 3px 0px 0px #0f3e68;        -moz-box-shadow:   0px 3px 0px 0px #0f3e68;        box-shadow:   0px 3px 0px 0px #0f3e68}

.tp-button.red, .tp-button:hover.red,
.purchase.red, .purchase:hover.red				{ background-color:#cb1d1d; -webkit-box-shadow:  0px 3px 0px 0px #7c1212;        -moz-box-shadow:   0px 3px 0px 0px #7c1212;        box-shadow:   0px 3px 0px 0px #7c1212}

.tp-button.orange, .tp-button:hover.orange,
.purchase.orange, .purchase:hover.orange		{ background-color:#ff7700; -webkit-box-shadow:  0px 3px 0px 0px #a34c00;        -moz-box-shadow:   0px 3px 0px 0px #a34c00;        box-shadow:   0px 3px 0px 0px #a34c00}

.tp-button.darkgrey,.tp-button.grey,
.tp-button:hover.darkgrey,.tp-button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey	{ background-color:#555; -webkit-box-shadow:  0px 3px 0px 0px #222;        -moz-box-shadow:   0px 3px 0px 0px #222;        box-shadow:   0px 3px 0px 0px #222}

.tp-button.lightgrey, .tp-button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey	{ background-color:#888; -webkit-box-shadow:  0px 3px 0px 0px #555;        -moz-box-shadow:   0px 3px 0px 0px #555;        box-shadow:   0px 3px 0px 0px #555}

/* TP BUTTONS DESKTOP SIZE */

.rev-btn,
.rev-btn:visited						{ 	outline:none !important; box-shadow:none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  font-family: "Roboto", sans-serif;  cursor: pointer;}

.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited			{ 	text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900; }

.rev-btn.rev-withicon i					{ 	font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; margin-left:10px !important;}

.rev-btn.rev-hiddenicon i				{ 	font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; opacity: 0; margin-left:0px !important; width:0px !important;  }

domain: css


text:
/*
* Kendo UI v2014.3.1316 (http://www.telerik.com/kendo-ui)
* Copyright 2015 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
.k-chart .k-mask{background-color:#1c1c1c;filter:alpha(opacity=68);-moz-opacity:.68;opacity:.68}.k-chart .k-selection{border-color:#5a5a5a}.k-chart .k-handle{width:15px;height:15px;background-color:#00b0ff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.k-chart .k-leftHandle{left:-8px}.k-chart .k-rightHandle{right:-8px}.k-chart .k-handle:hover{background-color:#00b0ff;border-color:#00b0ff}.k-chart .k-navigator-hint .k-tooltip{border:3px solid #fff;-moz-box-shadow:0 0 0 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.2);box-shadow:0 0 0 3px rgba(0,0,0,0.2);background:#fff;color:#242424}.k-chart .k-navigator-hint .k-scroll{background:#3f51b5;height:4px}.k-chart-tooltip{background-image:none}.k-map .k-marker{background-image:url("Default/markers.png")}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){.k-map .k-marker{background-image:url("Default/markers_2x.png")}}.k-map .k-attribution{color:#666}.k-map .k-shadow{background-color:#606060;border-color:#606060}.k-map .k-zoom-control{border-color:#606060;background-color:#606060;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);border-radius:2px}.k-map .k-map-controls .k-button{-webkit-box-shadow:none;box-shadow:none}.k-map .k-map-controls .k-button:focus,.k-map .k-map-controls .k-button:active,.k-map .k-map-controls .k-button:focus:active{background-color:#707070;border-color:#707070;-webkit-box-shadow:none;box-shadow:none}.k-buttons-horizontal .k-zoom-out{border-radius:0 2px 2px 0}.k-buttons-horizontal :first-child{border-radius:2px 0 0 2px}.k-rtl .k-buttons-horizontal .k-zoom-out{border-radius:2px 0 0 2px}.k-rtl .k-buttons-horizontal :first-child{border-radius:0 2px 2px 0}.k-button-wrap .k-button{font-size:21px;padding:7px 13px}


text:
/**
 * Drawers are areas in the backend that contain additional information
 * like settings or documentation. They are hidden by default and can be
 * expanded on click.
 *
 * @since Symphony 2.3
 */

/*-----------------------------------------------------------------------------
	Horizontal drawers
-----------------------------------------------------------------------------*/

div.drawer.horizontal {
	position: relative;
}

div.drawer.horizontal .contents {
	margin-top: 17px;
	padding: 20px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

div.drawer.horizontal .contents:after {
	content: ' ';
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
}

/*-----------------------------------------------------------------------------
	Vertical drawers
-----------------------------------------------------------------------------*/

div.drawer.vertical-left,
div.drawer.vertical-right {
	position: absolute;
	overflow: auto;
	width: 300px;
	top: 0;
	bottom: 0;
	/* height is set implicitly via `top` and `bottom` to allow for dynamic height */
	background: #F4F4F4;
}

div.drawer.vertical-left {
	left: 0;
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}

div.drawer.vertical-right {
	right: 0;
	border-left: 1px solid rgba(0, 0, 0, 0.05);
}

div.drawer.vertical-left .contents,
div.drawer.vertical-right .contents {
	padding: 20px;
}

#wrapper.drawer-vertical-left #contents > form {
	margin-left: 301px;
}

#wrapper.drawer-vertical-right #contents > form {
	margin-right: 301px;
}


text:
.variants {
  margin: 15px 0;
  .vname {
    font-family: Georgia, serif;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 15px;
    width: 160px;
    .required {
      border: none;
      text-decoration: none;
    }
  }
  .vselect {
    display: block;
    font-family: Georgia, serif;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    text-transform: none;
    border: 1px solid #e9e9e9;
    margin: 0;
    padding: 5px 10px;
    color: #222222;
  }
  .addons {
    float: left;
    font-family: Georgia, serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin: 15px 0;
    span {
      float: left;
      &:first-of-type {
        margin-right: 25px;
      }
    }
  }
}

@media (max-width: 960px) and (min-width: 767px) {
  .variants {
    .vselect {
      width: 100%;
    }
  }
}


text:
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background-color: #1f1e1e;
}

textarea.write-box {
  color: #ffffff;
  width: 25%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 4px solid #b2abab;
  border-radius: 4px;
  background-color: #383636;
  resize: none;
}

textarea.write-box::placeholder {
  color: #9c9a9a
}

.hidden {
  display: none
}

form {
  color: #ffffff;
}

.outputbox {
  overflow: auto;
  width: 300px;
  height: 200px;
  color: #ffffff;
  margin: 25px;
}

.outputbox::placeholder {
  color: #9c9a9a
}

.userinput {
  margin: 25px;
}

#playbutton {
  margin: 25px;
}


text:
#page-teacher-list{
    width: 100vw;
    height: 100vh;
}

#search-teachers{
    margin-top: 3.2rem;
}

#search-teachers label{
    color: var(--color-text-int-primary);
}

#search-teachers button{
    width: 100%;
    height: 5.6rem;
    background: var(--color-secundary);
    color: var(--color-button-text);
    border: 0;
    border-radius: 0.8rem;
    cursor: pointer;
    font: 700 1.6rem Archivo;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color 0.2s;
    margin-top: 3.2rem;
}

#search-teachers button:hover{
    background: var(--color-secundary-dark);
}

#page-teacher-list main{
    margin: 3.2rem auto;
    width: 90%;
}

@media(min-width: 700px){
    #page-teacher-list{
        max-width: 100%;
    }

    #search-teachers{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 16px;
        position: absolute;
        bottom: -28px;
    }

    #search-teachers .input-block + .input-block,
    #search-teachers .select-block + .select-block{
        margin-top: 0;
    }

    #page-teacher-list main{
        padding: 3.2rem 0;
        max-width: 740px;
        margin: 0 auto;
    }
}


text:
/* luciana-links.css */

@font-face {
    font-family: 'Apple Garamond Light';
    font-style: normal;
    font-weight: normal;
    src: local('Apple Garamond Light'), url('../fonts/AppleGaramond-Light.woff') format('woff');
    }

body {
    font-family: "Apple Garamond Light";
    text-align: center;
    background-color: #fefefa;
}

.display {
    display: block;
    position: absolute;
}

.span_1_of_3 {
    width: auto;
    height: auto;
    font-size: 50px;
    left: 200px;
}

.span_2_of_3 {
    width: auto;
    height: auto;
    left: 200px;
    top: 350px;
    text-align: left;
}


text:
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


text:
.App {
  text-align: center;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


text:
.results {
    display: table;
    list-style: none;
    padding-left: 0;
    width: 700px;
}

.test {
    border-bottom: 1px solid #ccc;
    border-spacing: 10px;
    display: table-row;
    padding: 0.5em 1em;
    margin-bottom: 1em;
}

.test > .name {
    box-sizing: border-box;
    display: table-cell;
    padding-right: 1em;
}

.test > .result {
    box-sizing: border-box;
    display: table-cell;;
    flex-grow: 2;
    margin-left: 1em;
    padding: 0.3em 0.5em;
}

.fail > .result {
    background: #faa;
    border-left: 1px solid #dd7171;
    border-right: 1px solid #dd7171;
}

.pass > .result {
    background: #afa;
    border-left: 1px solid #38b1b2;
    border-right: 1px solid #38b1b2;
}


text:
/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

body {
  overflow-x: hidden;
}

#frontImage {
  width: 82%;
  height: 100%;
  margin-top: 10px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  position: relative;

  /*-webkit-filter: blur(5px);
  filter: blur(5px);*/
}

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 250px;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #0084ff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: black;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
  height: 65px;
  font-size: 27px;
  line-height: 60px;
  font-weight: bold;
}

.sidebar-nav>.sidebar-brand a {
  color: black;
}

.sidebar-nav>.sidebar-brand a:hover {
  color: #fff;
  background: none;
}

@media(min-width:768px) {
  #wrapper {
    padding-left: 0;
  }
  #wrapper.toggled {
    padding-left: 0;
  }
  #sidebar-wrapper {
    width: 0;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 250px;
  }
  #page-content-wrapper {
    padding: 0;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}


text:
/*---------------------------------------------------------
login-design
-----------------------------------------------------------*/
.wpo-login-area {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 100px 0;
}
.wpo-accountWrapper {
    width: 1170px;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    margin: auto;
    box-shadow: 0px 14px 60px rgba(0,0,0,0.06);
    border-radius: 10px;
    overflow: hidden;
}
.wpo-accountInfo {
    width: 50%;
    background: #002642;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 600px;
    text-align: center;
    padding: 50px;
}

.wpo-accountForm {
    width: 50%;
    padding: 70px 85px;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wpo-accountInfoHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.wpo-accountInfoHeader a img{
    max-width: 200px;
}

.wpo-accountInfoHeader h2 a {
    display: block;
    line-height: 50px;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
}

.wpo-accountInfo .wpo-accountBtn {
    height: 40px;
    line-height: 40px;
    background: #fff;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    font-size: 14px;
    color: #062265;
    border: 2px solid #fff;
    transition: all .4s ease-in-out 0s;
}
.wpo-accountInfo .wpo-accountBtn:hover {
    background: transparent;
    color: #fff;
}
.wpo-accountInfo p {
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
}
.fromTitle h2 {
    font-size: 30px;
    margin-bottom: 10px;
}
.fromTitle p {
    font-size: 15px;
    margin-bottom: 40px;
}

.form-style input {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #e5e5e5 !important;
    border-radius: 2px;
    border: none;
}
.form-style input:focus{
    outline: none;
    border: 1px solid #e5e5e5 !important;
}

input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label:before {
    content: "\2714";
    border: 1px solid #e5e5e5;
    border-radius: 0.2em;
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    margin-right: 0.2em;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    line-height: 1.2em;
    position: absolute;
    left: 14px;
}

input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: #86a0b6;
  border-color: #86a0b6;
  color: #fff;
}

input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.check-box-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forget-btn a{
    display: inline-block;
    font-size: 14px;
    color: #86a0b6;
}
.input-box label {
    color: #676B79;
    font-weight: 500;
    font-size: 16px;
    padding-left: 20px!important;
}
.wpo-accountForm .wpo-accountBtn{
    font-size: 16px;
    padding: 10px 20px;
    border: 2px solid #86a0b6;
    width: 100%;
    background: #86a0b6;
    color:#fff;
   transition: all .4s ease-in-out 0s;
   margin-top: 30px;
}
.wpo-accountForm .wpo-accountBtn:hover{
    background: transparent;
    color: #333;
}
.or {
    border-top: 1px dashed #e5e5e5;
    margin-top: 45px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}
.or span {
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 25px;
    background: #fff;
    position: relative;
    top: -14px;
    color: #86a0b6;
}
.wpo-socialLoginBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    list-style: none;
}
.wpo-socialLoginBtn li button {
    height: 40px;
    width: 50px;
    min-width: 50px;
    font-size: 15px;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border: none;
    text-transform: capitalize;
    font-weight: 400;
    color: #fff;
}

.wpo-socialLoginBtn li button.facebook {
    background: #3b5998;
}
.wpo-socialLoginBtn li button.linkedin {
    background: #0077B5;
}
.wpo-socialLoginBtn li button.twitter {
    background: #55acee;
}
.wpo-socialLoginBtn li {
    margin: 0px 5px 5px;
}

.subText {
    text-align: center;
}
.subText a {
    display: inline-block;
    font-size: 14px;
    color: #86a0b6;
}

.form-group{
    position: relative;
}
.input-group-btn {
    position: absolute;
    right: 15px;
    top: 37px;
}
.input-group-btn button{
    background: transparent!important;
    border: none;
    outline: none;
    background: none;
    box-shadow: none!important;
}
.input-group-btn button:hover{
    background: transparent;
}
.input-group-btn button:focus,
.input-group-btn button.active{
    background: none!important;
    border: none!important;
    outline: none!important;
}
.btn-default.active,
.btn-default.active,
.open>.dropdown-toggle.btn-default{
    background: none!important;
    border: none;
    outline: none;
}

@media(max-width: 1200px){
    .wpo-accountWrapper {
        width: 900px;
    }
     .wpo-accountForm {
    padding: 70px 35px;
    }
}
@media(max-width: 1024px){
    .wpo-accountWrapper {
    width: 100%;
    max-width: 100%;
}
    .wpo-accountForm {
    padding: 70px 35px;
    }
    .image img{
        width: 100%;
    }
}

@media(max-width: 992px){
    .wpo-accountInfo{
        width: 100%;
    }
    .wpo-accountForm{
        width: 100%;
    }
    .accountArea {
    padding: 0px 16px;
}
}

@media(max-width: 767px){
    .wpo-accountInfo{
        width: 100%;
    }
    .wpo-accountForm{
        width: 100%;
    }
}
.back-home{
    max-width: 150px;
}


text:
/**********************
Editor
**********************/
.ep-editor { background-color: #D3E9FE; width: 400px; opacity: 0.9; filter:alpha(opacity=90);   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D3E9FE), to(#AECFF0)); background-image: -moz-linear-gradient(top,  #D3E9FE,  #AECFF0);
			-webkit-box-shadow:0 0 5px Black; -moz-box-shadow: 0 0 5px Black; box-shadow:0 0 5px Black; z-index: 50100; }
.ep-editor, .ep-editor .inner { -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius: 4px; border-radius: 4px; border: solid 1px Black; }
.ep-editor .inner { border-color: White;}
.ep-editor .content { height: 72px; margin: 0; padding: 5px; position: relative; width: 388px; z-index: auto; }
.ep-editor button { cursor: pointer; }

.ep-editor .buttons, .ep-editor .dialog { position: absolute; line-height:0.8; width: 365px; border: solid 1px #5C6C7A; background-color: #E7F1FB; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5FAFF), to(#DCE7F6)); background-image: -moz-linear-gradient(top,  #F5FAFF,  #DCE7F6); }
.ep-editor .buttons {  padding: 5px 0; }
.ep-editor .buttons .buttons-inner { -moz-border-radius:0; -webkit-border-radius: 0; border-radius: 0; overflow: hidden; padding: 0 5px; list-style-type: none; margin: 0; }
.ep-editor .buttons .group { display: inline-block; border-right: 1px solid #AECFF0; border-left: 1px solid White; }
.ep-editor .buttons .group.first { border-left-width: 0; }
.ep-editor .buttons .group.last { border-right-width: 0; }
.ep-editor .button { margin:0; float: left; cursor: pointer; padding:1px; height: 28px; }
.ep-editor .button, .ep-editor .button .button-inner { margin:0; -moz-border-radius:2px 2px 2px 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.ep-editor .button.hover { border: solid 1px #AABCD5; padding: 0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5FAFF), to(#C3D5EA)); background-image: -moz-linear-gradient(top,  #F5FAFF,  #C3D5EA); }
.ep-editor .button .button-inner { float: none; margin:0; border-color: White; display: inline-block; border: none; background-color: transparent; padding: 5px 3px;}
.ep-editor .button .icon { width: 16px; height: 16px; background-repeat: no-repeat; }
.ep-editor .move, .ep-editor .pin { float: right; width: 16px; height: 16px; cursor:pointer; }
.ep-editor .move { background-image: url('../images/arrow-move.png'); cursor:move;}
.ep-editor .pin { background-image: url('../images/pin.png');}
.ep-editor .sidebar { margin-top: 3px;  }
.ep-editor .button .bold { background-image: url('../images/edit-bold.png'); }
.ep-editor .button .italic { background-image: url('../images/edit-italic.png'); }
.ep-editor .button .underline { background-image: url('../images/edit-underline.png'); }
.ep-editor .button .list{ background-image: url('../images/edit-list.png'); }
.ep-editor .button .orderedlist { background-image: url('../images/edit-list-order.png'); }
.ep-editor .button .heading { background-image: url('../images/edit-heading.png'); }
.ep-editor .button .link { background-image: url('../images/globe--arrow.png'); }
.ep-editor .button .subscript { background-image: url('../images/edit-subscript.png'); }
.ep-editor .button .superscript { background-image: url('../images/edit-superscript.png'); }
.ep-editor .button .image { background-image: url('../images/picture--plus.png'); }
.ep-editor .button .code { background-image: url('../images/edit-code.png'); }
.ep-editor .button .align-left { background-image: url('../images/edit-alignment.png'); }
.ep-editor .button .align-center { background-image: url('../images/edit-alignment-center.png'); }
.ep-editor .button .align-right { background-image: url('../images/edit-alignment-right.png'); }
.ep-editor .button .cut { background-image: url('../images/scissors-blue.png'); }
.ep-editor .button .copy { background-image: url('../images/document-copy.png'); }
.ep-editor .button .paste { background-image: url('../images/clipboard-paste.png'); }
.ep-editor .button .blockquote { background-image: url('../images/balloon-quotation.png'); }
.ep-editor .button .paragraph { background-image: url('../images/text.png'); }
.ep-editor .button .html { background-image: url('../images/html.png'); }
.ep-editor .button .cancel { background-image: url('../images/cross-button.png'); }
.ep-editor .button .confirm { background-image: url('../images/tick-button.png'); }
.ep-editor .button .removeFormat { background-image: url('../images/format-minus.png'); }

.ep-editor .button .menu { padding:0; margin:0; list-style-type: none; display: none; position: absolute; border: solid 1px #AABCD5; background-color: #E7F1FB; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5FAFF), to(#DCE7F6)); background-image: -moz-linear-gradient(top,  #F5FAFF,  #DCE7F6); }
.ep-editor .button .menu .button { font-size: 0.9em; }
.ep-editor .button .menu .icon { width: auto; min-width: 14px; }
.ep-editor .button .menu li { padding: 0; margin: 0; }
.ep-editor .button .menu li.hover { background-color: #C3D5EA; }
.ep-editor .button.hover  .menu { display: inline-block; }

.ep-editor .dialog input { margin: 10px 0 0 10px; float: left; font-size: 0.8em; width: 310px; border: 1px solid #AECFF0; padding: 0; }
.ep-editor .dialog input.short { width: 149px; margin-bottom: 10px; }
.ep-editor .dialog label { display: inline-block; font-size: 0.8em; margin-left: 10px; margin-top: 10px; padding: 3px 0; }
.ep-editor .dialog label .checkbox { width: 10px; margin: 0 5px 0 0; }
.ep-editor .dialog-buttons { float: right; width: 30px; padding: 5px; }

/*image picker */
.ui-imagepicker  { width: 100%; height: 100%; }
.ui-imagepicker .image-details { padding: 0 20px 20px; position: relative; }
.ui-imagepicker .image-details  button { bottom: 20px; position: absolute; right: 20px; }
.ui-imagepicker .image-list { padding: 20px 20px 0; position: relative; }
.ui-imagepicker .image-panel { padding:5px; overflow-x: none; overflow-y: scroll; border: 1px solid #9E9E9E; height: 233px; box-shadow: 0 0 2px #AECFF0 inset; }

.ui-imagepicker .ui-thumb { display: inline-block; margin: 3px; cursor: pointer; border: 1px solid White; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ui-imagepicker .ui-thumb.hover { border-color: #B8D6FB; }
.ui-imagepicker .ui-thumb.selected { border-color: #7DA2CE; }
.ui-imagepicker .thumb-inner { position: relative; border: 1px solid White; background-color: White; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ui-imagepicker .ui-thumb.hover .thumb-inner { border-color: #FCFCFE; background-color: #F3F7FD; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9FBFD), to(#EBF3FD)); background-image: -moz-linear-gradient(top,  #F9FBFD,  #EBF3FD); }
.ui-imagepicker .ui-thumb.selected .thumb-inner { border-color: #EAF3FD; background-color: #CFE3FC; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DCEAFC), to(#C1DCFC)); background-image: -moz-linear-gradient(top,  #DCEAFC,  #C1DCFC); }
.ui-imagepicker .thumb-frame { position: absolute; overflow: hidden; box-shadow: 1px 1px 3px #000000; top: 22%; left:5%; }

.ui-imagepicker .loading-icon  { background: url("../images/ajax-loader.gif") no-repeat scroll 50% 50% transparent; height: 50px; position: absolute; right: 110px; top: 290px; width: 50px; display: none; }
.ui-imagepicker  .loading .loading-icon { display: block; }

/* code editor */
.ui-codeeditor { width: 100%; height: 100%; color: Black; }
.ui-codeeditor .code-details { padding: 30px 20px 20px; position: relative; border-top: 1px solid #DDDDDD; height: 72px;}
.ui-codeeditor .code-details  button { bottom: 20px; position: absolute; right: 20px; padding: 8px 25px; margin-right:0; font-size: 13px; font-weight: normal; line-height: 16px; font-family:inherit; }

/* html editor */
.ui-htmleditor { width: 100%; height: 100%; }
.ui-htmleditor .html-view textarea { width: 730px; height: 355px; font-family: inherit; }
.ui-htmleditor .html-details { padding: 20px; position: relative; border-top: 1px solid #DDDDDD; height: 50px; }
.ui-htmleditor .html-details  button { bottom: 20px; position: absolute; right: 20px; padding: 8px 25px; margin-right:0; font-size: 13px; font-weight: normal; line-height: 16px; font-family:inherit; }

/* link dialog */
.ui-linkdialog {  width: 100%; height: 100%; }
.ui-linkdialog .link-details { padding: 20px; position: relative; height:140px; }
.ui-linkdialog .link-details button { bottom: 20px; position: absolute; right: 20px; padding: 8px 25px; margin-right:0; font-size: 13px; font-weight: normal; line-height: 16px; font-family:inherit; }

.ui-field.inline { display: inline-block; margin-right: 20px; }
.ui-field label { color: #333333; display: block; font-size: 13px; padding: 0.8em 0; font-weight: normal; }
.ui-field input.medium { width: 250px; }
.ui-field input.long { width: 535px; }
.ui-field  input, .ui-field  select, .ui-field  textarea { border: 1px solid #9E9E9E; color: #333333;font-family: inherit;font-size: inherit;line-height: 1.4375; margin: 0; padding: 3px 5px; width: 15em;}
.ui-field input[type='checkbox'] { width: 20px; border: none;}
.ui-button { border: 1px solid #5F6F7D; cursor: pointer; float: right; margin-left: 10px; padding: 8px 25px; }


text:
html, xmp {
    font-family: 'Itim', cursive;
}

xmp {
    display: inline;
}

canvas {
    cursor: crosshair;
    border: 3px solid #000000;
}

* {
    box-sizing: border-box;
}

.column {
    float: left;
    padding: 10px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.left {
    background-color: #999;
}

.right {
    background-color: #bbb;
}

#login_div {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    z-index: 99;
}

#login_text, #address_text {
    width: 250px;
}

#about_div {
    max-width: 400px;
}

#game_div {
    visibility: hidden;
}

#tool_container {
    width: 100%;
    text-align: center;
}

#tool_container > label {
    width: calc(100% / 6);
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: 3px solid black;
}

.drawing_tool {
    height: 35px;
    background-color: white;
}

#color_yellow { background-color: yellow; }
#color_black { background-color: #333; }
#color_grey { background-color: grey; }
#color_red { background-color: red; }
#color_green { background-color: green; }
#color_blue { background-color: blue; }
#color_yellow { background-color: yellow; }
#color_orange { background-color: orange; }
#color_purple { background-color: purple; }
#color_pink { background-color: pink; }
#color_brown { background-color: brown; }

.slider {
    appearance: none;
    width: 80px;
    border: 0;
    cursor: pointer;
}

#drawer_display {
    display: inline;
}

#time_span {
    float: right;
}

#time_display {
    display: inline;
}

#word_span {
    float: right;
}

#word_display {
    display: inline
}

#player_list {
    overflow-y: scroll;
    height: 83px;
}

#chat_content {
    overflow-y: scroll;
    word-break: break-word;
    height: 346px;
    width: 400px
}

#chat_text {
    width: 400px
}