/* import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);*/

.run_button{
	position: absolute;
	top: 0px;
	right: 16px;
	padding:5px;
	margin:5px;
	min-width:100px;
}

@media only screen and (min-width : 1280px){
       .content_area, .webixdoc_page.webixdoc_start, .page_inner_header{
            width:1250px;
       }
}
@media only screen and (min-width : 1600px){
       .content_area, .webixdoc_page.webixdoc_start, .page_inner_header{
            width:1570px;
       }
}


/**
 * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
 * (http://qbnz.com/highlighter/ and http://geshi.org/)
 */

.css .de1, .css .de2 {margin:0; padding:0; background:none; vertical-align:top;}
.css .imp {font-weight: bold; color: red;}
.css li, .css .li1 {font-weight: normal; vertical-align:top;}
.css .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.css .li2 {font-weight: bold; vertical-align:top;}
.css .kw1 {color: #000000; font-weight: bold;}
.css .kw2 {color: #993333;}
.css .co1 {color: #a1a100;}
.css .co2 {color: #ff0000; font-style: italic;}
.css .coMULTI {color: #808080; font-style: italic;}
.css .es0 {color: #000099; font-weight: bold;}
.css .es2 {color: #000099; font-weight: bold;}
.css .br0 {color: #00AA00;}
.css .sy0 {color: #00AA00;}
.css .st0 {color: #ff0000;}
.css .nu0 {color: #cc66cc;}
.css .re0 {color: #cc00cc;}
.css .re1 {color: #6666ff;}
.css .re2 {color: #3333ff;}
.css .re3 {color: #933;}
.css .ln-xtra, .css li.ln-xtra, .css div.ln-xtra {background-color: #ffc;}
.css span.xtra { display:block; }

.html .de1, .html .de2 { margin:0; padding:0; background:none; vertical-align:top;}
.html .imp {font-weight: bold; color: red;}
.html li, .html .li1 {font-weight: normal; vertical-align:top;}
.html .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.html .li2 {font-weight: bold; vertical-align:top;}
.html .kw2 {color: #000000; font-weight: bold;}
.html .kw3 {color: #000066;}
.html .es0 {color: #000099; font-weight: bold;}
.html .br0 {color: #66cc66;}
.html .sy0 {color: #66cc66;}
.html .st0 {color: #ff0000;}
.html .nu0 {color: #cc66cc;}
.html .sc-2 {color: #404040;}
.html .sc-1 {color: #808080; font-style: italic;}
.html .sc0 {color: #00bbdd;}
.html .sc1 {color: #ddbb00;}
.html .sc2 {color: #009900;}
.html .ln-xtra, .html li.ln-xtra, .html div.ln-xtra {background-color: #ffc;}
.html span.xtra { display:block; }

.js .de1, .js .de2 {margin:0; padding:0; background:none; vertical-align:top;}
.js .imp {font-weight: bold; color: red;}
.js li, .js .li1 {font-weight: normal; vertical-align:top;}
.js .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.js .li2 {font-weight: bold; vertical-align:top;}
.js .kw1 {color: #000066; font-weight: bold;}
.js .kw2 {color: #003366; font-weight: bold;}
.js .kw3 {color: #000066;}
.js .co1 {color: #006600; font-style: italic;}
.js .co2 {color: #009966; font-style: italic;}
.js .coMULTI {color: #006600; font-style: italic;}
.js .es0 {color: #000099; font-weight: bold;}
.js .br0 {color: #009900;}
.js .sy0 {color: #339933;}
.js .st0 {color: #3366CC;}
.js .nu0 {color: #CC0000;}
.js .me1 {color: #660066;}
.js .ln-xtra, .js li.ln-xtra, .js div.ln-xtra {background-color: #ffc;}
.js span.xtra { display:block; }

.php .de1, .php .de2 {margin:0; padding:0; background:none; vertical-align:top;}
.php .imp {font-weight: bold; color: red;}
.php li, .php .li1 {font-weight: normal; vertical-align:top;}
.php .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.php .li2 {font-weight: bold; vertical-align:top;}
.php .kw1 {color: #b1b100;}
.php .kw2 {color: #000000; font-weight: bold;}
.php .kw3 {color: #990000;}
.php .kw4 {color: #009900; font-weight: bold;}
.php .co1 {color: #666666; font-style: italic;}
.php .co2 {color: #666666; font-style: italic;}
.php .co3 {color: #0000cc; font-style: italic;}
.php .co4 {color: #009933; font-style: italic;}
.php .coMULTI {color: #666666; font-style: italic;}
.php .es0 {color: #000099; font-weight: bold;}
.php .es1 {color: #000099; font-weight: bold;}
.php .es2 {color: #660099; font-weight: bold;}
.php .es3 {color: #660099; font-weight: bold;}
.php .es4 {color: #006699; font-weight: bold;}
.php .es5 {color: #006699; font-weight: bold; font-style: italic;}
.php .es6 {color: #009933; font-weight: bold;}
.php .es_h {color: #000099; font-weight: bold;}
.php .br0 {color: #009900;}
.php .sy0 {color: #339933;}
.php .sy1 {color: #000000; font-weight: bold;}
.php .st0 {color: #0000ff;}
.php .st_h {color: #0000ff;}
.php .nu0 {color: #cc66cc;}
.php .nu8 {color: #208080;}
.php .nu12 {color: #208080;}
.php .nu19 {color:#800080;}
.php .me1 {color: #004000;}
.php .me2 {color: #004000;}
.php .re0 {color: #000088;}
.php .ln-xtra, .php li.ln-xtra, .php div.ln-xtra {background-color: #ffc;}
.php span.xtra { display:block; }

.sql .de1, .sql .de2 {margin:0; padding:0; background:none; vertical-align:top;}
.sql .imp {font-weight: bold; color: red;}
.sql li, .sql .li1 {font-weight: normal; vertical-align:top;}
.sql .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.sql .li2 {font-weight: bold; vertical-align:top;}
.sql .kw1 {color: #993333; font-weight: bold;}
.sql .co1 {color: #808080; font-style: italic;}
.sql .coMULTI {color: #808080; font-style: italic;}
.sql .es0 {color: #000099; font-weight: bold;}
.sql .br0 {color: #66cc66;}
.sql .sy0 {color: #66cc66;}
.sql .st0 {color: #ff0000;}
.sql .nu0 {color: #cc66cc;}
.sql .ln-xtra, .sql li.ln-xtra, .sql div.ln-xtra {background-color: #ffc;}
.sql span.xtra { display:block; }

.xml .de1, .xml .de2 {margin:0; padding:0; background:none; vertical-align:top;}
.xml .imp {font-weight: bold; color: red;}
.xml li, .xml .li1 {font-weight: normal; vertical-align:top;}
.xml .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.xml .li2 {font-weight: bold; vertical-align:top;}
.xml .es0 {color: #000099; font-weight: bold;}
.xml .br0 {color: #66cc66;}
.xml .sy0 {color: #66cc66;}
.xml .st0 {color: #ff0000;}
.xml .nu0 {color: #cc66cc;}
.xml .sc-1 {color: #808080; font-style: italic;}
.xml .sc0 {color: #00bbdd;}
.xml .sc1 {color: #ddbb00;}
.xml .sc2 {color: #339933;}
.xml .sc3 {color: #009900;}
.xml .re0 {color: #000066;}
.xml .re1 {color: #000000; font-weight: bold;}
.xml .re2 {color: #000000; font-weight: bold;}
.xml .ln-xtra, .xml li.ln-xtra, .xml div.ln-xtra {background-color: #ffc;}
.xml span.xtra { display:block; }

h1{
	text-align:center;
	margin-top: 0px;
}
.CodeMirror pre.tutor_error{
	background: #fee;
}
.CodeMirror pre{
   overflow-x:inherit;
   border:none;
}
.tutor_frame{
	background: #eee;
}



/* Site specific styles */
.webix_view{
	/* font-family: 'PT Sans',Tahoma;*/
	font-family:  'Roboto', Arial, sans-serif;
}
.webix_el_label.bar_one, .webix_accordionitem_header, .webix_toolbar{
	/*font-family: 'Oxygen', sans-serif;*/
	font-family:  'Roboto', Arial, sans-serif;
}
.webix_accordionitem_header, .webix_toolbar,  .webix_header, .webix_header > div{
	/*font-family: 'Oxygen', sans-serif;*/
	font-family:  'Roboto', Arial, sans-serif;
}
.webix_el_button .webixtype_base{
	background: #309850;
	border:1px solid #178a3a;
	border-radius:3px;
	color:white;
	box-shadow: inset 0px 1px #4cb16b;
	/*font-family: 'Oxygen', sans-serif;*/
	font-family:  'Roboto', Arial, sans-serif;
	font-size: 16px;
}
.webix_el_button:active .webixtype_base{
	background: #4cb16b;
}
.webix_img_btn_abs .webix_icon{
	color:white;
}
.webix_icon{
	color:white;
}
h1{
	/*font-family: 'Ubuntu', sans-serif;*/
	font-family:  'Roboto', Arial, sans-serif;
}
p, li{
	line-height: 20px;
	font-size: 14px;
	color: #3b3b3b;
	/*font-family: 'Oxygen', sans-serif;*/
	font-family:  'Roboto', Arial, sans-serif;
}
pre{
	font-family: Consolas, monospace;
}
.apply_button .webixtype_base{
	background: #7B77A9;
	border: 1px solid #7B77A9;
	box-shadow:none;
	border-bottom:2px solid #625E93;
	border-radius:3px;
	color:white;
	/*font-family: 'Oxygen', sans-serif;*/
	font-family:  'Roboto', Arial, sans-serif;
	font-size: 16px;
	padding:2px;
}
.apply_button:active .webixtype_base{
	background: #7B77A9;
	border-bottom: 2px solid #7B77A9;
}
em{
	font-style: normal;
}
.webix_list  .webix_list_item.webix_selected{
	background:#9c74ad !important;
	border-color:#9c74ad;
	color:#fff;
}
.webix_list_item{
	/*font-family: 'Oxygen', sans-serif;*/
	font-family:  'Roboto', Arial, sans-serif;
}
.left_w_area{
	background: #fff;	
}
.right_w_area{
	background: #fff;
}
.webix_header>div, .webix_layout_toolbar{
	box-shadow:none;
}
.webix_header>div{
	line-height:39px;
}
.tutor_bar .webix_template{
	padding-right:0px;
	padding-top:0px;
	height:100%;
}
.language_icon {
	background: url(../assets/images/language-icon.png);
	width: 12px;
	height: 12px;
	margin: 1px 0px -1px 0px;
	display: inline-block;
}
.langs_menu{
	padding:0px;
	margin:0px;
	display:inline;
}
.langs_menu li{
	display:inline; padding:0px; margin:0px;
	color: #eee;
}
.langs_menu li a{
	color: #eee !important;
	font-size:12px;
	padding: 0 5px;
	/* margin-right: -1px; */
	text-decoration:none;
}