html,
body.mainbody,
body.popupbody {
  padding: 0px;
  margin: 0px;
}
body.popupbody {
  height: auto;
}
body.mainbody {
  background-color: White;
}
div#main_friends {
  position: absolute;
  left: 4px;
  top: 46px;
  width: 200px;
}
div#main_friendsheader {
  line-height: 40px;
  background-color: white;
  color: inherit;
}
div#main_friendstitle {
  width: 160px;
  color: #494949;
}
div#main_friendstitle .friendscount {
  margin-left: 5px;
  font-size: 32px;
  font-weight: bold;
  vertical-align: bottom;
}
div#main_friendstitle .friendstitle {
  margin-left: 10px;
}
#main_friends_all {
  background-image: url('/$Theme-edu3$/Content/Theme/new/btn1_right.png');
  background-position: 7px center;
  background-repeat: no-repeat;
  background-color: #494949;
  padding-left: 15px;
  font-size: 15px;
}
#main_friends_all:hover a {
  color: #eb7f08;
}
div#main_friendscontent {
  background: white;
}
div#main_friendscontent .nofriends {
  padding: 10px;
}
div#main_friendscontent div.main_friend {
  border-bottom: 1px solid #efefef;
}
div#main_friendscontent div.main_friend a {
  padding: 0 5px;
  display: block;
  line-height: 40px;
  color: #464646;
}
div#main_friendscontent div.main_friend a:hover {
  color: #eb7f08;
}
div#main_friendscontent div.main_friend a span.image {
  float: left;
  padding: 2px;
  margin-right: 5px;
  height: 32px;
  width: 32px;
  margin-top: 2px;
}
div#main_friendscontent div.main_friend a span.image img {
  max-height: 32px;
  max-width: 32px;
  border-radius: 16px;
}
div#main_friendscontent div.main_friend a span.name {
  float: left;
  width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div#main_friendscontent div.main_friend.active a::before {
  content: " ";
  background-color: Green;
  border-radius: 10px;
  height: 10px;
  width: 10px;
  display: inline-block;
  float: right;
  margin-top: 15px;
}
div#main_friendscontent div.main_friend.inactive a::before {
  content: " ";
  background-color: #eb7f08;
  border-radius: 10px;
  height: 10px;
  width: 10px;
  display: inline-block;
  float: right;
  margin-top: 15px;
}
div#main_friendscontent div.main_friend a:hover {
  text-decoration: underline;
  background-color: #fafafa;
}
div#main_container {
  width: 990px;
  margin-left: auto;
  margin-right: auto;
  -moz-box-shadow: 0 0 5px #888888;
  -webkit-box-shadow: 0 0 5px #888888;
  box-shadow: 0 0 5px #888888;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/leftmiddle_bg.png);
  background-repeat: repeat-y;
}
div#main_banner {
  height: 122px;
  background-color: #f0f0f0;
  background-position: right top;
  background-repeat: no-repeat;
}
div#main_banner > a {
  display: block;
  height: 100%;
  padding: 0px;
  margin: 0px;
  text-indent: -1000px;
}
ul#main_menu {
  clear: both;
  height: 40px;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/menu_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
}
ul#main_menu li {
  padding: 0px;
  margin: 0px;
}
ul#main_menu > li {
  float: left;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/menu_sep.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 3px;
}
ul#main_menu li > ul {
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  position: absolute;
  z-index: 100;
  display: none;
  background-color: #454545;
  min-width: 150px;
  border-left: 1px solid #8a8a8a;
  border-right: 1px solid #8a8a8a;
  border-bottom: 1px solid #8a8a8a;
}
ul#main_menu li:hover > ul {
  display: block;
}
ul#main_menu a,
ul#main_menu li > span {
  display: block;
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  color: white;
}
ul#main_menu li:hover > a,
ul#main_menu li:hover > span {
  background-image: url(/$Theme-edu3$/Content/Theme/layout/menu_bg.png);
  background-position: left -40px;
  background-repeat: repeat-x;
}
ul#main_menu li.single:hover > a {
  background-image: url(/$Theme-edu3$/Content/Theme/layout/menu_bg.png);
  background-position: left -80px;
  background-repeat: repeat-x;
}
ul#main_menu > li > ul li {
  height: 29px;
  line-height: 29px;
}
ul#main_menu > li ul a:hover,
ul#main_menu > li ul span:hover {
  background-image: url(/$Theme-edu3$/Content/Theme/layout/menu2_bg.png);
  background-position: left top;
}
#main_menu #langmenu {
  float: right;
  background-position: left center;
  padding-left: 3px;
  padding-right: 0px;
}
#main_menu #main_search {
  float: right;
  background-position: left center;
  padding-left: 3px;
  padding-right: 0px;
}
#main_menu #main_search > span > span {
  background-image: url(/$Theme-edu3$/Content/Theme/buttons/search_white.png);
  width: 25px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
#main_menu input {
  width: 130px;
}
#main_menu #main_search ul {
  width: 177px;
}
#search_options {
  display: none;
  position: absolute;
}
#main_search:hover #search_options {
  display: block;
}
ul#main_path {
  clear: both;
  height: 29px;
  list-style-type: none;
  margin: 0px;
  padding-left: 0px;
  line-height: 29px;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/path_bg.png);
  background-repeat: repeat-x;
  font-weight: bold;
  color: #525252;
  border-top: 2px solid #efefef;
}
ul#main_path img {
  border: 0px;
}
ul#main_path li {
  padding: 0px;
  margin: 0px;
}
ul#main_path li.icon span {
  display: block;
  text-decoration: none;
  padding-left: 6px;
  padding-right: 6px;
  color: #525252;
  cursor: pointer;
}
ul#main_path > li {
  float: left;
}
ul#main_path a {
  display: block;
  text-decoration: none;
  padding-left: 6px;
  padding-right: 6px;
  color: #525252;
}
#main_path li.show > ul {
  display: block;
}
/*#main_path li.show
{
	border-right: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
}*/

#main_path li.show > span {
  padding-left: 5px;
  padding-right: 5px;
}
ul#main_path li > ul {
  list-style-type: none;
  position: absolute;
  background-color: White;
  border: 1px solid #e8e8e8;
  margin: 0px;
  padding: 0px;
  display: none;
  min-width: 150px;
  z-index: 100;
}
#main_path li > ul {
  line-height: 24px;
  font-weight: normal;
}
#main_path li > ul > li:first-child {
  border-top: 0px;
}
#main_path li > ul > li {
  border-top: 1px solid #e8e8e8;
}
#main_path ul li:hover {
  background-color: #f0f0f0;
}
#main_path a:hover {
  color: #ac4f02;
}
#main_left {
  clear: both;
  width: 248px;
  float: left;
  min-height: 400px;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/leftmiddle_topshadow.png);
  background-position: left top;
  background-repeat: no-repeat;
}
#main_middle {
  float: left;
  min-height: 400px;
  width: 731px;
  margin-left: 1px;
  padding: 5px;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/leftmiddle_topshadow.png);
  background-position: right top;
  background-repeat: no-repeat;
}
#main_footer {
  clear: both;
  width: 991px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding-top: 3px;
  color: #a0a0a0;
}
#main_footer a {
  color: #a0a0a0;
  text-decoration: underline;
}
#main_footer a:hover {
  color: #707070;
}
#main_footer div.left {
  display: inline-block;
  width: 243px;
  padding-left: 5px;
}
#main_footer div.right {
  display: inline-block;
  width: 735px;
  padding-right: 5px;
  text-align: right;
}
div.box_left {
  clear: both;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
div.box_left > h3 {
  display: block;
  height: 28px;
  line-height: 28px;
  background: url(/$Theme-edu3$/Content/Theme/layout/leftsep.png) no-repeat bottom left;
  color: #df7b03;
  margin: 0px;
  font-size: 14px;
}
div.box_left > h3 a {
  display: block;
  height: 28px;
  line-height: 28px;
  color: #df7b03;
}
div.box_left_person img.userpic {
  border: 1px solid #b7b7b7;
  width: 80px;
  height: 96px;
  float: left;
  margin-right: 10px;
}
div.box_left_person div.name {
  font-weight: bold;
  max-height: 40px;
  padding-top: 3px;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.box_left_person div.code {
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Courier New;
  margin-bottom: 3px;
}
div.box_left_person div.email {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  font-size: 10px;
  max-height: 25px;
  margin-bottom: 3px;
}
div.box_left_person div.lastlogin {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 3px;
  font-size: 10px;
}
div.box_left_personal > h3,
div.box_left_personal div > span,
div.box_left_personal div > span a {
  display: block;
  height: 28px;
  line-height: 28px;
  background: url(/$Theme-edu3$/Content/Theme/layout/leftsep.png) no-repeat bottom left;
}
div.box_left_personal > h3 {
  margin-bottom: 0px;
}
div.box_left_personal div > span a {
  padding-left: 26px;
  font-weight: bold;
}
div.box_left_personal div > span a.storage {
  background: url(/$Theme-edu3$/Content/Theme/layout/icon_storage.png) no-repeat center left;
}
div.box_left_personal div > span a.qbank {
  background: url(/$Theme-edu3$/Content/Theme/layout/icon_qbank.png) no-repeat center left;
}
div.box_left_personal div > span a.qform {
  background: url(/$Theme-edu3$/Content/Theme/layout/icon_qform.png) no-repeat center left;
}
div.box_left_personal div > span a.glossary {
  background: url(/$Theme-edu3$/Content/Theme/layout/icon_glossary.png) no-repeat center left;
}
div.box_left_personal div > span a.trainer {
  background: url(/$Theme-edu3$/Content/Theme/layout/icon_trainer.png) no-repeat center left;
}
div.box_left_personal div > span a.notes {
  background: url(/$Theme-edu3$/Content/Theme/layout/icon_notes.png) no-repeat center left;
}
div.box_left_personal div > span a.assignment {
  background: url(/$Theme-edu3$/Content/Theme/layout/icon_assignment.png) no-repeat center left;
}
div.box_left_personal div > span a.tags {
  background: url(/$Theme-edu3$/Content/Theme/layout/icon_tags.png) no-repeat center left;
}
div.box_left_person > h3,
div.box_left_Calendar > h3 {
  display: none;
}
/**/
h1.toolheader {
  background-image: url(/$Theme-edu3$/Content/Theme/layout/toolheader0_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  border: 1px solid #d4d4d4;
  margin: 0px;
  padding: 0px;
  height: 29px;
  font-weight: bold;
  font-size: 11px;
  line-height: 29px;
  color: white;
}
h1.toolheader > span.title {
  background-repeat: no-repeat;
  background-position: 4px center;
  padding-left: 38px;
  line-height: 29px;
  height: 29px;
  display: block;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 570px;
}
h1.toolheader .headerbutton {
  display: block;
  height: 29px;
  line-height: 29px;
  float: right;
  padding-right: 6px;
  color: white;
}
h1.toolheader .headerbutton_disabled span {
  color: #b0b0b0;
}
h1.toolheader a.headerbutton:hover {
  background-image: url(/$Theme-edu3$/Content/Theme/layout/toolheader0_bg.png);
  background-repeat: repeat-x;
  background-position: left -29px;
  text-decoration: none;
}
h1.toolheader .headerbutton span.sep {
  float: left;
  width: 8px;
  height: 29px;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/toolheader0_sep.png);
  background-repeat: no-repeat;
}
h1.toolheader .headerbutton span.img {
  padding-left: 22px;
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 29px;
  line-height: 29px;
}
div#toolheader_buttons,
div.toolheader_buttons {
  background-image: url(/$Theme-edu3$/Content/Theme/layout/toolheader_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  margin: 0px;
  padding: 0px;
  height: 29px;
  font-size: 11px;
  line-height: 29px;
  color: white;
}
div#toolheader_buttons > span.title,
div.toolheader_buttons > span.title {
  background-repeat: no-repeat;
  background-position: 4px center;
  padding-left: 28px;
  line-height: 29px;
  height: 29px;
  display: block;
  float: left;
}
div#toolheader_buttons .headerbutton,
div.toolheader_buttons .headerbutton {
  display: block;
  height: 29px;
  line-height: 29px;
  float: right;
  padding-right: 6px;
  color: #646464;
}
div#toolheader_buttons a.headerbutton:hover,
div.toolheader_buttons a.headerbutton:hover {
  background-image: url(/$Theme-edu3$/Content/Theme/layout/toolheader_bg.png);
  background-repeat: repeat-x;
  background-position: left -29px;
  text-decoration: none;
}
div#toolheader_buttons .headerbutton span.sep,
div.toolheader_buttons .headerbutton span.sep {
  float: left;
  width: 8px;
  height: 29px;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/toolheader_sep.png);
  background-repeat: no-repeat;
}
div#toolheader_buttons .headerbutton span.img,
div.toolheader_buttons .headerbutton span.img {
  padding-left: 25px;
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 29px;
  line-height: 29px;
}
div#toolheader_buttons .headerbutton_back,
div.toolheader_buttons .headerbutton_back {
  float: left;
  padding-left: 6px;
  padding-right: 0px;
}
div#toolheader_buttons .headerbutton_back span.sep,
div.toolheader_buttons .headerbutton_back span.sep {
  float: right;
  background-position: right top;
}
div#toolheader_buttons .headerbutton_disabled,
div.toolheader_buttons .headerbutton_disabled,
div#toolheader_buttons .headerbutton_prev_disabled,
div.toolheader_buttons .headerbutton_prev_disabled,
div#toolheader_buttons .headerbutton_next_disabled,
div.toolheader_buttons .headerbutton_next_disabled {
  color: #a0a0a0;
}
div#toolheader_buttons a.headerbutton_disabled:hover,
div.toolheader_buttons a.headerbutton_disabled:hover,
div#toolheader_buttons .headerbutton_prev_disabled:hover,
div.toolheader_buttons .headerbutton_prev_disabled:hover,
div#toolheader_buttons .headerbutton_next_disabled:hover,
div.toolheader_buttons .headerbutton_next_disabled:hover {
  background-image: url(/$Theme-edu3$/Content/Theme/layout/toolheader_bg.png);
  background-repeat: repeat-x;
  background-position: left 0px;
  text-decoration: none;
}
div#toolheader_buttons .headerbutton_next span.img,
div.toolheader_buttons .headerbutton_next span.img {
  padding-left: 0px;
  padding-right: 25px;
  background-position: right center;
}
div#toolheader_buttons div.btnlist,
div.toolheader_buttons div.btnlist {
  height: 29px;
  float: right;
}
div#toolheader_buttons div.btnlist div.btnlist_left,
div.toolheader_buttons div.btnlist div.btnlist_left {
  float: left;
}
div#toolheader_buttons div.btnlist div.btnlist_right,
div.toolheader_buttons div.btnlist div.btnlist_right {
  width: 18px;
  height: 29px;
  float: right;
}
div#toolheader_buttons div.btnlist div.btnlist_right:hover,
div.toolheader_buttons div.btnlist div.btnlist_right:hover {
  background: url(/$Theme-edu3$/Content/Theme/layout/toolheader_bg.png) repeat-x left -29px;
  cursor: pointer;
}
div#toolheader_buttons div.btnlist div.btnlist_right span.outer,
div.toolheader_buttons div.btnlist div.btnlist_right span.outer {
  display: inline-block;
  height: 29px;
  width: 18px;
  _background: url(/$Theme-edu3$/Content/Theme/layout/toolheader_sep.png) no-repeat left;
  border-left: 1px solid #dedede;
}
div#toolheader_buttons div.btnlist div.btnlist_right span.inner,
div.toolheader_buttons div.btnlist div.btnlist_right span.inner {
  display: inline-block;
  height: 29px;
  width: 18px;
  background: url(/$Theme-edu3$/Content/Theme/btn1_down.png) no-repeat 3px center;
}
div#toolheader_buttons div.btnlist_buttons,
div.toolheader_buttons div.btnlist_buttons {
  float: none;
  position: absolute;
  background-color: #e2e2e2;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}
div#toolheader_buttons div.btnlist_buttons a,
div.toolheader_buttons div.btnlist_buttons a {
  float: none;
  border-top: 1px solid #cecece;
}
div.toolheader-tooldescription {
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  margin: 0px 0px 5px 0px;
  padding: 5px;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/noise_bg.png);
  color: #8b8b8b;
}
div.toolheader-tooldescription > div {
  background-image: url(/$Theme-edu3$/Content/Theme/noise_transp.png);
  background-repeat: repeat;
}
div.toolheader-tooldescription > div > div {
  background-image: url(/$Theme-edu3$/Content/Theme/icon_info.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  min-height: 33px;
  padding-left: 43px;
  padding-right: 5px;
  padding-top: 8px;
  padding-bottom: 5px;
  border: 1px solid #dadde5;
}
div.toolheader-tooldescription p {
  margin-top: 0px;
  margin-bottom: 5px;
}
/**/
div.events_head {
  font-weight: bold;
  padding-left: 20px;
  margin-top: 10px;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/leftsep.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-bottom: 3px;
  padding-top: 3px;
  cursor: pointer;
}
div.events_head img {
  float: right;
  margin-right: 5px;
}
div.events_list {
  display: none;
}
div.events_title {
  font-weight: bolder;
  margin-top: 4px;
  margin-bottom: 2px;
}
div.events_title > a {
  float: right;
  padding-top: 3px;
  padding-right: 7px;
}
div.events_title > a > img {
  width: 8px;
}
div.events_item {
  padding-left: 20px;
  background-image: url(/$Theme-edu3$/Content/Theme/dot_red.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  margin-top: 2px;
  margin-bottom: 2px;
}
span.boxnum {
  display: inline-block;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/boxnum.png);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  color: White;
  letter-spacing: -1px;
  text-align: center;
  margin-left: 5px;
}
span.newitem {
  display: inline-block;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/newitem.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  line-height: 14px;
  margin-left: 5px;
}
#popupbuttons {
  list-style: none;
  overflow: hidden;
  background-color: #efefef;
}
#popupbuttons > li {
  float: left;
  padding-left: 2px;
  padding-right: 2px;
}
#popupbuttons > li > a {
  display: block;
  background-repeat: no-repeat;
  background-position: center 12px;
  color: #494949;
  padding: 38px 6px 14px 6px;
  overflow: hidden;
  font-size: 12px;
  line-height: 100%;
  text-align: center;
}
#popupbuttons > li.current {
  background-color: white;
}
#popupbuttons > li:hover {
  background-color: #eb7f08;
}
#popupbuttons > li:hover > a {
  color: white;
}
#ajtok_container {
  background-color: #fafafa;
  white-space: nowrap;
  position: relative;
  height: 150px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
#ajtok_container div.hotspot {
  width: 50px;
  position: absolute;
  z-index: 200;
  height: 100%;
  background-color: #e0e0e0;
  opacity: 0.6;
  background-repeat: no-repeat;
  background-position: center center;
}
#ajtok_container div.hotspot.left {
  left: 0px;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/arrow_left.gif);
}
#ajtok_container div.hotspot.right {
  right: 0px;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/arrow_right.gif);
}
#ajtok_container div.wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#ajtok_container img {
  float: left;
  margin: 0;
  padding: 0px 5px 0px 5px;
  /* If you don't want the images in the scroller to be selectable, try the following
		block of code. It's just a nice feature that prevent the images from
		accidentally becoming selected/inverted when the user interacts with the scroller. */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  z-index: 2;
}
#ajtok_container div.info {
  display: none;
  /* safari miatt van csak */
  width: 0px;
  float: left;
  overflow: hidden;
  white-space: normal;
  margin-left: -33px;
  height: 150px;
  /*background-color: rgb(230, 108, 7);*/
  background-image: url(/$custom$/calendar/100.png);
  color: White;
  position: relative;
  z-index: 1;
}
#ajtok_container div.info_inner {
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 5px;
  width: 155px;
}
#ajtok_container div.inner {
  height: 150px;
  overflow: hidden;
  width: 0px;
}
#ajtok_container div.event:last-child {
  min-width: 380px;
}
#ajtok_container div.info .title {
  font-weight: bold;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ajtok_container div.info .title a {
  color: white;
  text-decoration: none;
}
#ajtok_container div.info .title a:hover {
  text-decoration: underline;
}
#ajtok_container div.info .category {
  font-style: italic;
  padding-bottom: 5px;
}
#ajtok_container div.info .details {
  display: inline-block;
  border: 1px solid white;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  color: White;
  margin-top: 5px;
}
#ajtok_container div.info .details:hover {
  text-decoration: none;
  background-color: White;
  color: Black;
}
div.currentday {
  overflow: hidden;
  height: 40px;
  padding: 10px 0;
  color: #eb7f08;
}
div.currentday div.currentdaynum {
  float: left;
  font-size: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 60px;
}
/**/
table.monthcalendar {
  font-size: 12px;
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
table.monthcalendar a {
  text-decoration: none;
  color: #b5b5b5;
}
table.monthcalendar tr.monthname {
  height: 32px;
}
table.monthcalendar th.monthname {
  font-size: 14px;
  font-weight: normal;
}
table.monthcalendar th.monthname a {
  text-decoration: none;
}
table.monthcalendar tr.dayheader {
  text-align: center;
  height: 16px;
}
table.monthcalendar th.dayheader {
  font-weight: normal;
  vertical-align: middle;
  width: 28px;
  color: #747474;
}
table.monthcalendar tr.week {
  height: 32px;
}
table.monthcalendar tr.week.hovered {
  background-color: #fafafa;
}
table.monthcalendar tr.week td.weekheader {
  text-align: center;
  vertical-align: middle;
  width: 28px;
  color: #747474;
  border-right: 1px solid #efefef;
}
table.monthcalendar tr.week td.weekheader:hover {
  background-color: transparent;
}
table.monthcalendar tr.week td.weekheader:hover a {
  color: #eb7f08;
}
table.monthcalendar tr.week td.weekheader a {
  color: #747474;
}
table.monthcalendar tr.week a {
  display: block;
  height: 100%;
}
table.monthcalendar tr.week td:hover {
  background-color: #b5b5b5;
  border-radius: 15px;
}
table.monthcalendar tr.week td.day {
  text-align: center;
  vertical-align: middle;
  width: 28px;
}
table.monthcalendar tr.week td.day a {
  color: #494949;
}
table.monthcalendar tr.week td.today {
  text-align: center;
  vertical-align: middle;
  width: 28px;
  background-color: #eb7f08;
  border-radius: 15px;
}
table.monthcalendar tr.week td.today a {
  color: white;
}
table.monthcalendar tr.week td.othermonth {
  text-align: center;
  vertical-align: middle;
  width: 28px;
}
table.monthcalendar tr.week td.othermonth a {
  color: #b4b4b4;
}
table.monthcalendar tr.week td.othermonth a:hover {
  color: white;
}
table.monthcalendar tr.week td > span {
  display: block;
  line-height: 32px;
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
table.monthcalendar tr.week td > span.both {
  background-image: url(/$Theme-edu3$/Content/Theme/layout/calendar_both.png);
}
table.monthcalendar tr.week td > span.event {
  background-image: url(/$Theme-edu3$/Content/Theme/layout/calendar_event.png);
}
table.monthcalendar tr.week td > span.task {
  background-image: url(/$Theme-edu3$/Content/Theme/layout/calendar_task.png);
}
table.monthcalendar td.day span span.eventlist {
  display: none;
  border: 1px solid #b5b5b5;
  background-color: white;
  position: absolute;
  width: auto;
  height: auto;
  padding: 5px;
  margin-left: 20px;
  text-align: left;
  line-height: normal;
  z-index: 11;
}
table.monthcalendar td.day span span.eventlist a {
  color: #494949;
  display: block;
  padding-top: 1px;
  padding-bottom: 1px;
}
table.monthcalendar td.day span span.eventlist a:hover {
  color: #eb7f08;
}
table.monthcalendar td.day:hover span span.eventlist {
  display: block;
}
table.monthcalendar td.day:hover span span.eventlist > span {
  display: block;
}
div.externalcalendar {
  padding-top: 10px;
  padding-bottom: 10px;
}
body.fullwidth div.externalcalendar {
  margin-left: 5px;
}
div.externalcalendar a {
  margin-right: 5px;
}
div.externalcalendar a:last-child {
  margin-right: 0;
}
#csms_leftcontent {
  position: absolute;
  left: 0;
  background-color: white;
  color: #464646;
  width: 250px;
  z-index: 1;
  display: none;
}
#csms_leftcontent #csms_partners {
  border: 1px solid #b5b5b5;
}
#csms_leftcontent #csms_partners .csms_nomessage {
  line-height: 32px;
}
#csms_leftcontent .csms_allmessage {
  background-image: url('/$Theme-edu3$/Content/Theme/new/btn1_right.png');
  background-position: 7px center;
  background-repeat: no-repeat;
  background-color: #494949;
  padding-left: 20px;
  text-align: left;
}
#csms_leftcontent .csms_allmessage #csms_allmessage {
  color: white;
  line-height: 32px;
  padding: 0;
}
#csms_leftcontent .csms_allmessage #csms_allmessage:hover {
  color: #eb7f08;
}
#csms_leftcontent .csms_partner {
  border-bottom: 1px solid #9e9e9e;
  text-decoration: none;
}
#csms_leftcontent .csms_partner:last-child {
  border-bottom: none;
}
#csms_leftcontent .csms_partner.selected .csms_partnertitle {
  cursor: default;
  color: #eb7f08;
  background-color: #fafafa;
}
#csms_leftcontent .csms_partner.selected .csms_partnertitle:hover {
  background-color: #fafafa;
}
#csms_leftcontent .csms_partner.selected .csms_partnertitle .csms_partnerunreads {
  background-position: right 5px top -45px;
}
#csms_leftcontent .csms_partner.selected .csms_popup {
  display: inherit;
}
#csms_leftcontent .csms_partner .csms_partnertitle {
  cursor: pointer;
}
#csms_leftcontent .csms_partner .csms_partnertitle:hover {
  text-decoration: underline;
  color: #eb7f08;
}
#csms_leftcontent .csms_partner .csms_partnertitle:hover .csms_partnerunreads {
  background-position: right 5px top -45px;
}
#csms_leftcontent .csms_partner .csms_partnertitle .csms_partnername {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  padding: 10px;
  width: 160px;
  text-align: left;
}
#csms_leftcontent .csms_partner .csms_partnertitle .csms_partnerunreads {
  float: right;
  padding: 10px 40px 10px 10px;
  background-image: url("/$Theme-edu3$/Content/Theme/new/05esemenyertesito_26s.png");
  background-repeat: no-repeat;
  background-position: right 5px top 5px;
  text-align: right;
}
#csms_leftcontent .csms_partner .csms_popup {
  display: none;
  position: absolute;
  top: 0px;
  left: 100%;
  z-index: 3;
  width: 300px;
  background-color: white;
  border: 1px solid #9e9e9e;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_header {
  padding: 10px;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_header .csms_headerinfo {
  cursor: pointer;
  float: left;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_header .csms_headerinfo a {
  padding: 0;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_header .csms_headerbutton {
  margin-top: 5px;
  float: right;
  width: 30px;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_header .csms_headerbutton a {
  padding: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_message {
  padding: 10px;
  border-top: 1px solid #efefef;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_message:hover {
  background-color: #fafafa;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_message .csms_messagepicture {
  float: left;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_message .csms_messagepicture a {
  padding: 0;
  width: 50px;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_message .csms_messagepicture img {
  border-radius: 20px;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_message .csms_messagecontent {
  text-align: left;
  margin-left: 50px;
  overflow: hidden;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_message .csms_messagecontent:hover {
  cursor: pointer;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_message .csms_messagecontent.unread .csms_messagetext {
  font-weight: bold;
}
#csms_leftcontent .csms_partner .csms_popup .csms_messages .csms_message .csms_messagecontent .csms_messageinfo {
  margin-top: 10px;
  font-size: 10px;
}
#csms_leftcontent .csms_newmessage {
  border-top: 1px solid #9e9e9e;
}
#csms_leftcontent .csms_newmessage textarea {
  min-width: 280px;
  width: 280px;
  overflow: auto;
  margin: 10px 10px 0 10px;
  border: 1px solid #eb7f08;
}
#csms_leftcontent .csms_newmessage .csms_leftbuttons {
  overflow: hidden;
}
#csms_leftcontent .csms_disabled_me {
  border-top: 1px solid #9e9e9e;
}
#csms_leftcontent .csms_disabled_me .csms_leftbuttons {
  overflow: hidden;
}
/*
#csms_message_count
{
	position: absolute;
	top: 15px;
	right: 25px;
	width: 20px;
	height: 20px;
	color: @feher;
	background-color: @sarga;
}
#header3 li.menu_csms
{
	position: relative;

	&:hover
	{
		#csms_message_count
		{
			color: @sarga;
			background-color: @feher;
		}
	}
}
*/

div.events_head {
  font-weight: bold;
  padding-left: 20px;
  margin-top: 10px;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/leftsep.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-bottom: 3px;
  padding-top: 3px;
  cursor: pointer;
}
div.events_head img {
  float: right;
  margin-right: 5px;
}
div.events_list {
  display: none;
}
div.events_title {
  font-weight: bolder;
  margin-top: 4px;
  margin-bottom: 2px;
}
div.events_title > a {
  float: right;
  padding-top: 3px;
  padding-right: 7px;
}
div.events_title > a > img {
  width: 8px;
}
div.events_item {
  padding-left: 20px;
  background-image: url(/$Theme-edu3$/Content/Theme/dot_red.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  margin-top: 2px;
  margin-bottom: 2px;
}
span.boxnum {
  display: inline-block;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/boxnum.png);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  color: White;
  letter-spacing: -1px;
  text-align: center;
  margin-left: 5px;
}
span.newitem {
  display: inline-block;
  background-image: url(/$Theme-edu3$/Content/Theme/layout/newitem.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  line-height: 14px;
  margin-left: 5px;
}
form.wizard {
  margin: 0px 0px 0px 0px;
  max-height: 450px;
  overflow: auto;
  padding: 0px;
  background-color: white;
}
form.wizard.wizard_noinfo {
  height: 504px;
  max-height: none;
}
form.wizard > h1 {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #efefef;
}
form.wizard > table.wizard_pages {
  margin: 0px;
  padding: 5px 20px;
  width: 100%;
  color: white;
  table-layout: fixed;
}
form.wizard > table.wizard_pages th {
  white-space: nowrap;
  overflow: hidden;
  height: 34px;
  text-align: left;
  vertical-align: middle;
  color: #b5b5b5;
  /*&.wizard_page_text:last-child:after
			{
				padding: 0 10px;
				content: " ";
			}*/

}
form.wizard > table.wizard_pages th.wizard_page_text:after {
  padding: 0 10px;
  content: "· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·";
}
form.wizard > table.wizard_pages th.active {
  color: #eb7f08;
}
form.wizard > table.wizard_pages th.wizard_page_num {
  width: 34px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 34px;
  border: 2px solid #b5b5b5;
  border-radius: 20px;
}
form.wizard > table.wizard_pages th.wizard_page_num_active {
  border: 2px solid #eb7f08;
  border-radius: 20px;
  color: #eb7f08;
}
/* wizard_fields */

form.wizard > table.wizard_fields {
  table-layout: fixed;
  width: 100%;
  padding: 5px 20px;
  margin-top: 10px;
  border-spacing: 5px;
}
form.wizard > table.wizard_fields td {
  padding: 0px;
  vertical-align: top;
  height: 25px;
  /*border: 1px solid #e0e0e0;*/

}
form.wizard > table.wizard_fields td.wizard_fields_1cols_label,
form.wizard > table.wizard_fields td.wizard_fields_1cols_content,
form.wizard > table.wizard_fields td.wizard_fields_2cols_label,
form.wizard > table.wizard_fields td.wizard_fields_2cols_content,
form.wizard > table.wizard_fields td.wizard_fields_3cols_label,
form.wizard > table.wizard_fields td.wizard_fields_3cols_content {
  padding: 0px;
  margin: 0px;
  height: 0px;
  min-height: 0px;
}
form.wizard td > label {
  display: block;
  text-align: right;
  padding-right: 7px;
  margin-top: 2px;
  color: #464646;
}
form.wizard .wizard_fields_1cols_label {
  width: 25%;
}
form.wizard .wizard_fields_1cols_content {
  width: 75%;
}
form.wizard .wizard_fields_2cols_label {
  width: 25%;
}
form.wizard .wizard_fields_2cols_content {
  width: 25%;
}
form.wizard .wizard_fields_3cols_label {
  width: 11.1%;
}
form.wizard .wizard_fields_3cols_content {
  width: 22.2%;
}
form.wizard td > label:after {
  content: ':';
}
form.wizard label.required:before {
  content: ' ';
  background-image: url(/$Theme-edu3$/Content/Theme/req.png);
  background-position: left top;
  background-repeat: no-repeat;
  display: inline-block;
  width: 10px;
  height: 12px;
}
form.wizard input.checkbox {
  float: left;
  margin: 0px;
}
form.wizard td.checkbox label {
  text-align: left;
  margin-left: 18px;
  margin-top: 0px;
}
form.wizard td.checkbox label:after {
  content: '';
}
form.wizard input.radio {
  float: left;
  margin: 0px;
  padding: 0px;
}
form.wizard div.radio {
  margin-top: 2px;
  margin-bottom: 2px;
  clear: both;
}
form.wizard div.radio:first-child {
  margin-top: 5px;
}
form.wizard div.radio label {
  display: block;
  text-align: left;
  margin-left: 18px;
  margin-top: 0px;
}
form.wizard div.radio label:after {
  content: '';
}
form.wizard div.radios {
  line-height: 25px;
}
form.wizard div.radios input.radio {
  float: none;
}
form.wizard div.radios label {
  display: inline;
  padding-left: 5px;
  border-right: 1px solid #c8c8c8;
  margin-right: 10px;
}
form.wizard div.radios label:last-child {
  border-right: 0px;
}
form.wizard div.radios label:after {
  content: '';
}
form.wizard textarea.multi-line {
  width: 100%;
  height: 200px;
  border: 1px solid #cecece;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
form.wizard td.multi-line label {
  text-align: left;
}
form.wizard input.text-box {
  width: 100%;
  border: 1px solid #cecece;
  padding: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
form.wizard input.single-line-short {
  width: 100px;
}
form.wizard input.DexDateTimePicker {
  border: 1px solid #cecece;
  padding: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
form.wizard td > select {
  box-sizing: border-box;
  width: 100%;
  padding: 2px;
}
form.wizard span.hint {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(/$Theme-edu3$/Content/Theme/wizard/hint.png);
  background-repeat: no-repeat;
}
form.wizard span.hint span.hint-text {
  display: none;
  position: absolute;
  margin-top: -20px;
  background: #ffffa0;
  color: Black;
  border: 1px solid black;
  font-size: 9px;
  width: 250px;
  padding: 3px;
  -moz-box-shadow: 4px 4px 8px #505050;
  -webkit-box-shadow: 4px 4px 8px #505050;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
form.wizard span.hint:hover span.hint-text {
  display: block;
}
form.wizard label.disabled,
form.wizard td.disabled {
  color: #999999;
}
form.wizard input[disabled] {
  background-color: #eeeeee;
  border: 1px solid #cecece;
}
div.wizard_footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 100px;
}
div.wizard_footer_only_buttons {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 46px;
}
div.wizard_footer_info {
  height: 54px;
  padding-left: 5%;
  background-image: url(/$Theme-edu3$/Content/Theme/new/32sugo.png);
  background-position: 10px 5px;
  background-repeat: no-repeat;
  background-color: white;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.wizard_footer_info b {
  font-size: 12px;
}
div.wizard_footer_buttons {
  height: 36px;
  background-color: #efefef;
}
div.wizard_footer_buttons a {
  min-width: 70px;
  text-align: center;
}
div.wizard_footer_buttons a.button_back {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ControlButtons/vissza.png);
  padding-left: 26px;
  line-height: 26px;
}
div.wizard_footer_buttons a.button_next {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ControlButtons/tovabb.png);
  padding-left: 26px;
  line-height: 26px;
  text-align: right;
  margin-right: 30px;
  /*
			&:hover
			{
				background-position: right -35px;
			}*/

}
div.wizard_footer_buttons a.button_ok {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ControlButtons/mentes.png);
  padding-left: 26px;
  line-height: 26px;
}
div.wizard_footer_buttons a.button_cancel {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ControlButtons/megsem.png);
  padding-left: 26px;
  line-height: 26px;
}
/* toolmembersettings */

.specialtoolrightsettings {
  margin-top: 20px;
  display: inline-block;
}
div.toolmembersettings_container {
  margin: 0px 0px 0px 0px;
  height: 500px;
  overflow: auto;
  overflow-y: scroll;
  padding: 0px;
}
table.toolmembersettings {
  table-layout: fixed;
  width: 100%;
}
table.toolmembersettings tr.role td,
table.toolmembersettings tr.role th {
  background-color: #f0f0f0;
}
table.toolmembersettings tr.role td span.rolename {
  font-weight: bold;
  line-height: 28px;
}
table.toolmembersettings th {
  text-align: left;
}
div.customselect {
  position: absolute;
  width: 720px;
  height: 400px;
  top: 50px;
  left: 70px;
  border: 1px solid #b5b5b5;
  padding: 10px;
  background: white;
}
div.customselect .customselect_buttons {
  margin-top: 10px;
  background-color: #efefef;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
div.customselect .customselect_buttons div.action_lbls {
  float: left;
  display: inline-block;
}
div.customselect .customselect_buttons div.role_btns {
  float: left;
  display: inline-block;
  margin-left: 5px;
}
div.customselect .customselect_buttons div.cancel_btns {
  float: right;
  display: inline-block;
}
div.customselect .customselect_buttons span.label {
  height: 20px;
  line-height: 20px;
  display: inline-block;
}
div.customselect #usercodes {
  width: 720px;
  height: 320px;
  margin-top: 2px;
}
/* Teszt settings */

.evalrules .left {
  width: 50%;
  float: left;
}
.evalrules .left div div {
  overflow: hidden;
  margin-top: 2px;
}
.evalrules .left select {
  width: 100%;
}
.evalrules .left input {
  float: right;
}
.evalrules .left input[type=number] {
  width: 10%;
  margin-right: 5%;
  height: 20px;
  text-align: right;
}
.evalrules .left input[type=text] {
  width: 30%;
  height: 20px;
}
.evalrules .right {
  width: calc(50% - 30px);
  float: right;
}
.evalrules .right .head {
  border-bottom: 1px solid #efefef;
}
.evalrules .right .label {
  width: 50%;
  display: inline-block;
}
.evalrules .right select,
.evalrules .right .select {
  width: 20%;
  margin-right: 5%;
  display: inline-block;
  line-height: 100%;
}
.evalrules .right .partialpoints {
  display: inline-block;
  width: 25%;
  line-height: 100%;
}
div.categorychooser_outer {
  display: inline-block;
  width: 26px;
  height: 17px;
  background-repeat: no-repeat;
  background-image: url(/$Theme-edu3$/Content/Theme/categorychooser/category-2.png);
}
span.categorychooser {
  line-height: 25px;
  cursor: pointer;
  margin-top: 3px;
  margin-right: 3px;
  border-radius: 20px;
}
span.categorychooser:hover {
  background-color: #f2f2f2;
}
span.categorychooser .invisible {
  width: 10px;
  height: 10px;
  border: 1px solid white;
  border-radius: 10px;
  display: block;
}
div.categories {
  z-index: 2;
  position: absolute;
  background-color: white;
  border: 1px solid #b5b5b5;
  width: 300px;
  padding: 6px;
  text-align: left;
}
div.categories span.checkbox {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  width: 150px;
  display: block;
  margin-bottom: 3px;
  float: left;
}
div.categories span.checkbox input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
div.categories span.checkbox label {
  line-height: 34px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.categories span.checkbox label.c1:before {
  background-color: #87bcdf;
}
div.categories span.checkbox label.c2:before {
  background-color: #6a77c5;
}
div.categories span.checkbox label.c3:before {
  background-color: #96ddca;
}
div.categories span.checkbox label.c4:before {
  background-color: #9ed67d;
}
div.categories span.checkbox label.c5:before {
  background-color: #6d9a82;
}
div.categories span.checkbox label.c6:before {
  background-color: #c1ac91;
}
div.categories span.checkbox label.c7:before {
  background-color: #cecfcc;
}
div.categories span.checkbox label.c8:before {
  background-color: #929391;
}
div.categories span.checkbox label.c9:before {
  background-color: #e9bf6b;
}
div.categories span.checkbox label.c10:before {
  background-color: #f9986b;
}
div.categories span.checkbox label.c11:before {
  background-color: #d06d6a;
}
div.categories span.checkbox label.c12:before {
  background-color: #a0666e;
}
div.categories span.checkbox label.c13:before {
  background-color: #f37db3;
}
div.categories span.checkbox label.c14:before {
  background-color: #b57cec;
}
div.categories span.checkbox label.c15:before {
  background-color: #977bb8;
}
div.categories span.checkbox label.c16:before {
  background-color: #e5a98d;
}
div.categories span.checkbox input[type=checkbox] + label:before,
div.categories span.checkbox input[type=checkbox]:hover + label:before {
  content: '';
  background-image: url(/$Theme-edu3$/Content/Theme/categorychooser/checkbox_off.png);
  background-position: 6px center;
  background-repeat: no-repeat;
  float: left;
  height: 27px;
  width: 27px;
  margin-right: 5px;
}
div.categories span.checkbox input[type=checkbox]:checked + label:before,
div.categories span.checkbox input[type=checkbox]:hover:checked + label:before {
  background-image: url(/$Theme-edu3$/Content/Theme/categorychooser/checkbox_on.png);
  content: '';
  background-position: 6px center;
  background-repeat: no-repeat;
  float: left;
  height: 27px;
  width: 27px;
  margin-right: 5px;
}
div.categories span.checkbox input[type=checkbox].rejtett + label:before {
  background-image: url(/$Theme-edu3$/Content/Theme/categorychooser/checkbox_off_black.png);
}
div.categories span.checkbox input[type=checkbox].rejtett:checked + label:before {
  background-image: url(/$Theme-edu3$/Content/Theme/categorychooser/checkbox_on_black.png);
}
div.categories span.checkbox:hover {
  color: #eb7f08;
}
div.categories span.checkbox:last-of-type {
  width: 80px;
}
div.categories a.button {
  color: white;
  background-color: #383838;
  font-size: small;
  line-height: 27px;
  height: 27px;
  width: 90px;
  display: block;
  margin: 0;
  float: right;
  padding: 0;
}
div.categories a.button:hover {
  color: #eb7f08;
}
div.categories a.button + a.button {
  margin-right: 6px;
}
div#nyroModalFull {
  color: #777777;
}
div#nyroModalFull div#nyroModalLoading {
  width: 150px;
  height: 150px;
  text-indent: -9999em;
  background: white url(/$Theme-edu3$/Content/Theme/ajaxLoader.gif) no-repeat;
  background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
  border: 4px solid #ff6666;
  line-height: 20px;
  padding: 20px;
  width: 300px;
  height: 100px;
  text-indent: 0;
  background: white;
}
div#nyroModalFull div#nyroModalWrapper {
  background: white;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
  position: absolute;
  display: block;
  top: -23px;
  right: 0px;
  width: 12px;
  height: 12px;
  text-indent: -9999em;
  background: url(/$Theme-edu3$/Content/Theme/close.gif) no-repeat;
  outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -22px;
  left: 5px;
  font-size: 12px;
  color: #dddddd;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
  overflow: auto;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
  left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
  background-image: url(/$Theme-edu3$/Content/Theme/prev.gif);
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
  right: 0;
  background-position: right 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
  background-image: url(/$Theme-edu3$/Content/Theme/next.gif);
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
  background-color: white;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
  position: relative;
  overflow: hidden;
  text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
  vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
  position: absolute;
  bottom: 0;
  left: 0;
  background: black;
  padding: 10px;
  margin: 10px;
  border: 1px white dotted;
  overflow: hidden;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev,
div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
  z-index: 105;
  outline: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 40%;
  cursor: pointer;
  text-indent: -9999em;
  background: left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev,
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext,
div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev,
div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
  height: 60%;
  width: 20%;
}
a.button {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background-color: #494949;
  border: 1px solid #646464;
  padding: 9px 18px;
  font-weight: normal;
  color: #b5b5b5;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
}
a.button_disabled {
  color: silver;
}
a.button_disabled:hover {
  color: silver;
  outline: 1px solid #646464;
}
a.button > span.icon {
  height: 100%;
  display: block;
  height: 20px;
  line-height: 20px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  white-space: nowrap;
}
/* headerbutton a layout.css-ben */

/**/
.linkbutton {
  color: #eb7f08;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.linkbutton:hover {
  color: #eb7f08;
}
.linkbutton_disabled,
.linkbutton_disabled:hover {
  color: #b5b5b5;
  cursor: default;
}
.linkbutton_highlighted {
  color: #eb7f08;
  text-decoration: none;
}
.linkbutton2_disabled {
  color: #b5b5b5;
  text-decoration: none;
}
.linkbutton2_disabled,
.linkbutton2_disabled:hover {
  color: #b5b5b5;
  cursor: default;
}
.linkbutton2:hover {
  color: #eb7f08;
}
.linkbutton16,
.linkbutton16_disabled,
.linkbutton18,
.linkbutton18_disabled,
.linkbutton24,
.linkbutton24_disabled,
.linkbutton32,
.linkbutton32_disabled,
.linkbutton35_disabled {
  color: #494949;
  display: inline-block;
  background-position: left top;
  background-repeat: no-repeat;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.linkbutton16:hover,
.linkbutton18:hover,
.linkbutton24:hover,
.linkbutton32:hover {
  color: #eb7f08;
}
.linkbutton16:hover {
  background-position: left -26px;
}
.linkbutton18:hover {
  background-position: left -38px;
}
.linkbutton24:hover {
  background-position: left -74px;
}
.linkbutton35 {
  color: #494949;
  display: inline-block;
  background-position: left -85px;
  background-repeat: no-repeat;
  text-decoration: none;
}
.linkbutton35:hover {
  color: #eb7f08;
  background-position: left -255px;
}
.linkbutton35.archive,
.linkbutton35.inactive {
  background-position: left top;
}
.linkbutton35.archive:hover,
.linkbutton35.inactive:hover {
  color: #eb7f08;
  background-position: left -170px;
}
.linkbutton16_disabled,
.linkbutton16_disabled:hover,
.linkbutton24_disabled,
.linkbutton24_disabled:hover,
.linkbutton32_disabled,
.linkbutton32_disabled:hover,
.linkbutton35_disabled,
.linkbutton35_disabled:hover {
  color: #b5b5b5;
  cursor: default;
  background-position: left top;
}
/*
.linkbutton_first, .linkbutton_first_disabled
{
	background-image: url(../btn1_first.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	color: #4e4e4e;

}

.linkbutton_first_disabled, .linkbutton_first_disabled:hover
{
	color: #969696;
	cursor: default;
}

.linkbutton_first:hover
{
	color: #ac4f02;
	text-decoration: underline;
}

.linkbutton_prev, .linkbutton_prev_disabled
{
	background-image: url(../btn1_left.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	color: #4e4e4e;
}

.linkbutton_prev_disabled, .linkbutton_prev_disabled:hover
{
	color: #969696;
	cursor: default;
}

.linkbutton_prev:hover
{
	color: #ac4f02;
	text-decoration: underline;
}

.linkbutton_next, .linkbutton_next_disabled
{
	background-image: url(../btn1_right.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
	color: #4e4e4e;
}

.linkbutton_next_disabled, .linkbutton_next_disabled:hover
{
	color: #969696;
	cursor: default;
}

.linkbutton_next:hover
{
	color: #ac4f02;
	text-decoration: underline;
}

.linkbutton_last, .linkbutton_last_disabled
{
	background-image: url(../btn1_last.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
	color: #4e4e4e;
}

.linkbutton_last_disabled, .linkbutton_last_disabled:hover
{
	color: #969696;
	cursor: default;
}

.imagebutton, .imagebutton_disabled
{
	outline-style: none;
}

.imagebutton img, .imagebutton_disabled img
{
	border-style: none;
}

.linkbutton_last:hover
{
	color: #ac4f02;
	text-decoration: underline;
}
*/

/* uploadbutton */

/*
a.button.uploader
{
	padding-left: 0px;
	padding-right: 0px;
}

a.uploader object
{
	position: absolute;
}

a.uploader span.label
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}
*/

.imagebutton13 span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-bottom: -2px;
}
.imagebutton13 span:hover {
  background-position: 0 -33px;
}
.imagebutton16 span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-bottom: -2px;
}
.imagebutton16 span:hover {
  background-position: 0 -26px;
}
.imagebutton18 span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-bottom: -2px;
}
.imagebutton18 span:hover {
  background-position: 0 -42px;
}
.imagebutton20 span {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.imagebutton20 span:hover {
  background-position: 0 -40px;
}
.imagebutton24 span {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.imagebutton24 span:hover {
  background-position: 0 -74px;
}
.imagebutton26 span {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.imagebutton26 span:hover {
  background-position: 0 -50px;
}
.imagebutton35 span {
  display: inline-block;
  width: 35px;
  height: 35px;
}
.imagebutton35 span:hover {
  background-position: 0 -170px;
}
.imagebutton13_disabled,
.imagebutton16_disabled,
.imagebutton18_disabled,
.imagebutton24_disabled,
.imagebutton26_disabled,
.imagebutton35_disabled {
  cursor: default;
}
.imagebutton13_disabled span:hover,
.imagebutton16_disabled span:hover,
.imagebutton18_disabled span:hover,
.imagebutton24_disabled span:hover,
.imagebutton26_disabled span:hover,
.imagebutton35_disabled span:hover {
  background-position: left top;
}
.localbuttons {
  color: #494949;
  border: 1px solid #494949;
  margin-left: 5px;
  padding: 1px 8px;
  border-radius: 2px;
  outline: 0 none;
  background-color: #efefef;
}
#scenecreatetool {
  color: #b5b5b5;
}
#scenecreatetool div.boxsubtitle {
  margin-top: 1px;
  height: 24px;
  line-height: 24px;
  padding-left: 20px;
  font-size: 16px;
  background-color: #efefef;
  color: #464646;
}
#scenecreatetool div.boxcontent {
  overflow: hidden;
}
#scenecreatetool div.tool {
  display: block;
  float: left;
  box-sizing: border-box;
  width: 14.28%;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  color: #494949;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center -80px;
  font-size: 14px;
  padding-top: 40px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
#scenecreatetool div.tool:hover {
  background-color: #efefef;
  text-decoration: none;
  color: #464646;
}
#scenecreatetool div.tool div.descr {
  text-align: left;
  font-size: 13px;
  display: none;
  /*
			visibility: none;
			opacity: 0;
			transition: opacity 0.2s ease;
			*/
  margin-left: -5px;
  position: absolute;
  width: 250px;
  padding: 10px;
  background-color: #464646;
  color: #efefef;
}
#scenecreatetool div.tool:hover div.descr {
  display: block;
  /*opacity: 1;
			visibility: visible;*/

}
#scenecreatetool div.tool a.more {
  color: #df7a03;
  font-size: 10px;
  padding-left: 8px;
}
#scenecreatecontainer {
  width: 400px;
}
#scenecreatecontainer input,
#scenecreatecontainer textarea {
  width: 300px;
  padding: 2px;
  margin: 5px;
}
#scenecreatecontainer .control {
  overflow: hidden;
}
section.tools .ui-state-highlight {
  border-bottom: 1px dashed #464646;
}
section.tools li.ui-sortable-helper {
  background-color: rgba(255, 255, 255, 0.7) !important;
  outline: 1px dotted #494949;
}
section.tools div.ui-sortable-helper {
  background-color: rgba(255, 255, 255, 0.7);
  outline: 1px dotted #494949;
}
section.tools ul.ui-sortable:empty {
  height: 10px;
}
div.qq-upload-button,
div.qq-attach-button {
  float: left;
  border-right: 10px solid white;
  line-height: 30px;
  background: #efefef;
  padding-left: 6px;
  padding-right: 6px;
  font-weight: normal;
  color: #494949;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}
div.qq-upload-button-hover,
div.qq-attach-button-hover {
  color: white;
  background-color: #eb7f08;
  text-decoration: none;
}
div.qq-attach-button a {
  text-decoration: none;
  color: #494949;
}
div.qq-attach-button a:hover {
  color: white;
}
.qq-uploader {
  position: relative;
  width: 100%;
  margin-top: 4px;
}
.qq-upload-drop-area {
  /*width:100%;*/
  height: 30px;
  /*z-index:2;*/
  background-color: #efefef;
  text-align: center;
}
.qq-upload-drop-area-active {
  height: 100px;
}
.qq-upload-drop-area-big {
  height: 100px;
}
.qq-upload-drop-area span {
  height: 30px;
  line-height: 30px;
  padding: 5px 0 5px 30px;
  color: #494949;
  background: url(/$Theme-edu3$/Content/Theme/new/39feltoltes.png) no-repeat left 2px;
}
.qq-upload-list {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
}
.qq-upload-list li {
  padding: 0;
  line-height: 40px;
  display: block;
  height: 40px;
  border-bottom: 1px solid #efefef;
  position: relative;
  box-sizing: border-box;
}
.qq-upload-list li a {
  text-decoration: none;
  color: #b5b5b5;
}
.qq-upload-list li:hover {
  background-color: #fafafa;
}
.qq-upload-list li:hover a {
  color: #eb7f08;
}
.qq-upload-list li:hover .qq-upload-btn a.qq-upload-remove {
  visibility: visible;
}
.qq-upload-spinner {
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(/$Theme-edu3$/Content/Theme/uploader_inprogress.gif) no-repeat center center;
  width: 40px;
  height: 40px;
}
.qq-upload-file {
  position: absolute;
  top: 0px;
  padding-left: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-position: 6px 6px;
  background-repeat: no-repeat;
}
.qq-upload-file:hover {
  background-position: 6px -50px;
}
.qq-upload-data {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.qq-upload-progress {
  position: absolute;
  top: 1px;
  left: 0px;
  display: none;
  width: 100%;
  height: 100%;
  background: url(/$Theme-edu3$/Content/Theme/bg_progressbar.png);
}
.qq-upload-progress span {
  display: block;
  margin: 0px;
  padding: 0px;
  background-color: #eb7f08;
  height: 100%;
  width: 0;
}
.qq-upload-size {
  position: absolute;
  top: 0px;
  right: 40px;
  text-align: right;
  color: #494949;
}
.qq-upload-btn {
  position: absolute;
  top: 0px;
  right: 0px;
}
.qq-upload-btn a {
  display: none;
  height: 28px;
  width: 28px;
  background: no-repeat center center;
}
.qq-upload-btn a.qq-upload-cancel {
  background-image: url(/$Theme-edu3$/Content/Theme/buttons/cancel.png);
}
.qq-upload-btn a.qq-upload-remove {
  background-image: url(/$Theme-edu3$/Content/Theme/new/btn_delete.png);
  visibility: hidden;
}
.qq-upload-failed-text {
  display: none;
}
.qq-upload-fail .qq-upload-failed-text {
  display: inline;
}
.qq-upload-remove {
  display: none;
}
.qq-upload-success .qq-upload-remove {
  display: inline;
}
/**/
.qq-upload-checkbox {
  display: none;
}
/*.qq-upload-success .qq-upload-checkbox { display: inline-block; }*/

.tagcloud_main {
  color: #b5b5b5;
  padding: 10px 20px;
  background-color: #464646;
  border-bottom: 1px solid #dbdbdb;
}
.tagcloud_main .tagcloud_title {
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 10px;
}
.tagcloud_main .tagcloud_closebutton {
  float: right;
  height: 30px;
  overflow: hidden;
}
.tagcloud_main .tagcloud_closebutton:hover img {
  position: relative;
  top: -74px;
}
.tagcloud_main .tagcloud_content {
  overflow: hidden;
  padding-left: 10px;
}
.tagcloud_main .tagcloud_content .taglink {
  font-style: italic;
  text-decoration: none;
  margin-right: 10px;
  white-space: nowrap;
}
.tagcloud_main .tagcloud_content .taglink:hover {
  color: #eb7f08;
}
.tagcloud_main .tagcloud_content .tagcloud_morebutton {
  float: right;
}
.tagcloud_main .tagcloud_content .tagcloud_morebutton a:hover {
  color: white;
}
.tagcloud_main .tagcloud_content a.size_0 {
  color: #b5b5b5;
}
.tagcloud_main .tagcloud_content a.size_1 {
  font-size: 110%;
  color: #bcbcbc;
}
.tagcloud_main .tagcloud_content a.size_2 {
  font-size: 120%;
  color: #c4c4c4;
}
.tagcloud_main .tagcloud_content a.size_3 {
  font-size: 130%;
  color: #cbcbcb;
}
.tagcloud_main .tagcloud_content a.size_4 {
  font-size: 140%;
  color: lightgray;
}
.tagcloud_main .tagcloud_content a.size_5 {
  font-size: 150%;
  color: #dadada;
}
.tagcloud_main .tagcloud_content a.size_6 {
  font-size: 160%;
  color: #e1e1e1;
}
.tagcloud_main .tagcloud_content a.size_7 {
  font-size: 170%;
  color: #e9e9e9;
}
.tagcloud_main .tagcloud_content a.size_8 {
  font-size: 180%;
  color: #f0f0f0;
}
.tagcloud_main .tagcloud_content a.size_9 {
  font-size: 190%;
  color: #f8f8f8;
}
.tagcloud_main .tagcloud_content a.selected {
  font-weight: bold;
  color: #eb7f08;
}
div.DexDateTimePicker {
  position: absolute;
  z-index: 100;
  font-family: Arial;
  font-size: 13px;
  border: 1px solid #eb7f08;
  background-color: white;
}
div.DexDateTimePicker a,
div.DexDateTimePicker a:hover {
  text-decoration: none;
}
div.DexDateTimePicker_head {
  text-align: center;
  height: 24px;
  color: #b5b5b5;
}
div.DexDateTimePicker_head span {
  font-weight: bold;
  line-height: 22px;
}
a.DexDateTimePicker_left {
  float: left;
  display: block;
  width: 18px;
  background-image: url("/$Theme-edu3$/Content/Theme/btn1_left.png");
  background-repeat: no-repeat;
  background-position: center;
}
a.DexDateTimePicker_yleft {
  float: left;
  display: block;
  width: 18px;
  background-image: url("/$Theme-edu3$/Content/Theme/btn1_first.png");
  background-repeat: no-repeat;
  background-position: center;
}
a.DexDateTimePicker_right {
  display: block;
  width: 18px;
  float: right;
  background-image: url("/$Theme-edu3$/Content/Theme/btn1_right.png");
  background-repeat: no-repeat;
  background-position: center;
}
a.DexDateTimePicker_yright {
  display: block;
  width: 18px;
  float: right;
  background-image: url("/$Theme-edu3$/Content/Theme/btn1_last.png");
  background-repeat: no-repeat;
  background-position: center;
}
div.DexDateTimePicker_calbtns {
  width: 200px;
  float: left;
}
div.DexDateTimePicker_btns {
  height: 40px;
  margin-left: 1px;
}
div.DexDateTimePicker_btns a {
  display: inline-block;
  width: 60px;
  text-align: center;
  height: 24px;
  line-height: 24px;
  margin-top: 8px;
  margin-right: 3px;
  margin-left: 3px;
  background-color: #383838;
  color: white;
}
div.DexDateTimePicker_btns a:hover {
  color: #eb7f08;
  text-decoration: none;
}
table.DexDateTimePicker_cal {
  table-layout: fixed;
  width: 200px;
  empty-cells: show;
  border-spacing: 0px;
  text-align: center;
  border: 0px;
}
table.DexDateTimePicker_cal td,
table.DexDateTimePicker_cal th {
  height: 20px !important;
  vertical-align: middle !important;
  padding: 0px !important;
  margin: 0px !important;
}
table.DexDateTimePicker_cal th {
  font-weight: normal;
  color: #a3a3a3;
}
table.DexDateTimePicker_cal td {
  cursor: pointer;
  color: #a3a3a3;
  font-weight: bold;
}
table.DexDateTimePicker_cal td.currmonth {
  color: #494949;
}
table.DexDateTimePicker_cal td.now {
  color: #eb7f08;
}
table.DexDateTimePicker_cal td.sel {
  font-weight: bold;
  background-color: #eb7f08;
  color: white;
}
table.DexDateTimePicker_cal td:hover {
  background-color: #eb7f08;
  color: #383838;
}
div.DexDateTimePicker_hour {
  float: left;
  width: 60px;
  margin-left: 1px;
  margin-right: 1px;
  background-color: #fafafa;
}
div.DexDateTimePicker_hour > div {
  width: 30px;
  float: left;
}
div.DexDateTimePicker_min {
  float: left;
  width: 39px;
  padding-left: 1px;
}
div.DexDateTimePicker_hour a,
div.DexDateTimePicker_min a {
  display: block;
  height: 17px;
  text-align: center;
  color: #494949;
}
div.DexDateTimePicker_hour a.sel,
div.DexDateTimePicker_min a.sel {
  background-color: #eb7f08;
  font-weight: bold;
  color: white;
}
div.DexDateTimePicker_hour a:hover,
div.DexDateTimePicker_min a:hover {
  background-color: #eb7f08;
  color: #383838;
  font-weight: bold;
}
div.DexDateTimePicker_dateonly {
  width: 200px;
}
div.DexDateTimePicker_dateonly div.DexDateTimePicker_hour,
div.DexDateTimePicker_dateonly div.DexDateTimePicker_min {
  display: none;
}
div.DexDateTimePicker .disabled {
  font-weight: normal !important;
  color: #bbbbbb !important;
}
div.DexDateTimePicker .disabled:hover {
  cursor: default;
  background-image: none !important;
}
/* boxmodel html:

	<div class="mainbox">
		<div class="boxtitle">
			<span>Title</span>
			[
			<div class="titlebutton">
				<%: Design.Button(null, _t("Valami"), CSButtonStyle.ImageButton, imageUrl: Design.ContentUrl("valami_16x16.png"), ...) %>
				<%: Design.Button(null, _t("Valami"), CSButtonStyle.ImageButton, imageUrl: Design.ContentUrl("valami_16x16.png"), ...) %>
				...
			</div>
			]
		</div>
		<div style="clear:both;"></div>
		<div class="boxcontent[ dark]">
			[
			<div class="boxinfo">
				<div class="boxinfo_icon"></div>
				<div class="boxinfo_text">
					<span>Információ</span>
				</div>
				<div style="clear: both;"></div>
			</div>
			]
			TARTALOM
			[
			<div class="boxbuttons">
				<%: Design.Button(...) %>
				<%: Design.Button(...) %>
				...
			</div>
			]
		</div>
	</div>

*/

div.mainbox {
  background-color: white;
}
div.mainbox div.boxtitle {
  height: 30px;
  font-size: 18px;
  color: #494949;
  padding: 10px;
}
div.mainbox div.boxtitle.dark {
  background-color: #fafafa;
}
div.mainbox div.boxsubtitle {
  height: 30px;
  line-height: 30px;
}
div.mainbox div.titlebutton {
  float: right;
  height: 22px;
  padding-left: 7px;
  padding-top: 7px;
}
div.mainbox div.boxcontent {
  padding: 10px;
  background-color: white;
}
div.mainbox div.boxcontent.dark {
  background-color: #fafafa;
}
div.mainbox div.boxbuttons {
  padding: 8px 8px 8px 8px;
}
div.mainbox div.boxinfo {
  background-color: #efefef;
  min-height: 40px;
  margin-bottom: 8px;
}
div.mainbox div.boxinfo div.boxinfo_icon {
  float: left;
  width: 40px;
  height: 40px;
  background: url(/$Theme-edu3$/Content/Theme/icon_info.png) no-repeat center center;
}
div.mainbox div.boxinfo div.boxinfo_text {
  border-left: 1px solid #cecece;
  min-height: 32px;
  float: left;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 650px;
}
div.threestate {
  display: inline-block;
  background: url(/$Theme-edu3$/Content/Theme/threestate.png) no-repeat;
  width: 45px;
}
div.threestate.readonly {
  display: inline-block;
  background: url(/$Theme-edu3$/Content/Theme/threestate_readonly.png) no-repeat;
}
div.threestate.val {
  background-position: 0px 0px;
}
div.threestate.val0 {
  background-position: 0px -22px;
}
div.threestate.val1 {
  background-position: 0px -44px;
}
div.threestate div.state {
  width: 15px;
  height: 22px;
  float: left;
}
span.radiobutton {
  display: inline-block;
}
span.radiobutton input[type=radio] {
  position: absolute;
  left: -9999px;
}
span.radiobutton input[type=radio] + label:before {
  content: '';
  background-image: url(/$Theme-edu3$/Content/Theme/new/radio_off.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
span.radiobutton input[type=radio]:checked + label:before {
  background-image: url(/$Theme-edu3$/Content/Theme/new/radio_on.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
span.radiobutton input[type=radio]:disabled + label:before {
  content: '';
  background-image: url(/$Theme-edu3$/Content/Theme/new/radio_off_i.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
span.radiobutton input[type=radio]:checked:disabled + label:before {
  background-image: url(/$Theme-edu3$/Content/Theme/new/radio_on_i.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
span.radiobutton input:not([disabled])[type=radio]:hover + label:before {
  content: '';
  background-image: url(/$Theme-edu3$/Content/Theme/new/radio_off_f.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
span.radiobutton input:not([disabled])[type=radio]:checked:hover + label:before {
  background-image: url(/$Theme-edu3$/Content/Theme/new/radio_on_f.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
span.checkbox {
  display: inline-block;
}
span.checkbox input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
span.checkbox input[type=checkbox] + label:before {
  content: '';
  background-image: url(/$Theme-edu3$/Content/Theme/new/checkbox_off.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
span.checkbox input[type=checkbox]:checked + label:before {
  background-image: url(/$Theme-edu3$/Content/Theme/new/checkbox_on.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
span.checkbox input[type=checkbox]:disabled + label:before {
  content: '';
  background-image: url(/$Theme-edu3$/Content/Theme/new/checkbox_off_i.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
span.checkbox input[type=checkbox]:checked:disabled + label:before {
  background-image: url(/$Theme-edu3$/Content/Theme/new/checkbox_on_i.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
span.checkbox input:not([disabled])[type=checkbox]:hover + label:before {
  content: '';
  background-image: url(/$Theme-edu3$/Content/Theme/new/checkbox_off_f.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
span.checkbox input:not([disabled])[type=checkbox]:checked:hover + label:before {
  background-image: url(/$Theme-edu3$/Content/Theme/new/checkbox_on_f.png);
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  height: 15px;
  width: 15px;
  margin-right: 5px;
  padding-top: 5px;
}
.pager {
  color: #494949;
}
div.pager-buttons a {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
}
div.pager-buttons a.linkbutton_disabled {
  font-weight: bold;
  font-size: 14px;
  color: #b5b5b5;
}
div.pager.numeric {
  height: 24px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #b5b5b5;
}
div.pager.numeric div.left {
  float: left;
  max-width: 200px;
}
div.pager.numeric div.center {
  float: left;
}
div.pager.numeric div.right {
  float: right;
}
div.pager.numeric div.pager-buttons a {
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
}
div.pager.numeric div.pager-buttons a:hover {
  color: #eb7f08;
}
div.pager.numeric div.pager-buttons a.linkbutton_disabled {
  font-weight: bold;
  font-size: 14px;
  color: #b5b5b5;
  border-bottom: 2px solid #eb7f08;
}
div.pager.abc div.letters {
  padding-left: 10px;
  padding-right: 10px;
  height: 24px;
  border-bottom: 1px solid #b5b5b5;
}
div.pager.abc div.letters div.left_content {
  float: left;
}
div.pager.abc div.letters div.right_content {
  float: right;
  max-width: 480px;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
div.pager.abc div.letters div.right_content a {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  color: #494949;
  text-decoration: none;
}
div.pager.abc div.letters div.right_content a:hover {
  color: #eb7f08;
}
div.pager.abc div.letters div.right_content a.selected {
  font-weight: bold;
  color: white;
  background-color: #757575;
}
div.pager.abc div.pagers {
  margin-top: 2px;
  height: 24px;
  padding-left: 10px;
  padding-right: 10px;
}
div.pager.abc div.pagers div.right_content {
  float: right;
  max-width: 620px;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
div.pager.abc div.pagers div.inner {
  text-align: right;
}
div.pager.abc div.pagers div.inner a {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  padding: 0 10px;
  color: #494949;
  text-decoration: none;
}
div.pager.abc div.pagers div.inner a:hover {
  color: #eb7f08;
}
div.pager.abc div.pagers div.inner a.selected {
  font-weight: bold;
  color: white;
  background-color: #757575;
}
div.pager.abc div.hotspot {
  width: 20px;
  position: absolute;
  z-index: 200;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40%;
}
div.pager.abc div.hotspot.left {
  background-image: url(/$Theme-edu3$/Content/Theme/new/btn1_left.png);
  left: 0;
}
div.pager.abc div.hotspot.right {
  background-image: url(/$Theme-edu3$/Content/Theme/new/btn1_right.png);
  right: 0;
}
div.pager.abc div.wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
div.pager.abc div.wrapper div.inner {
  height: 24px;
}
div.pager.abc_min div.left_content {
  height: 24px;
  float: left;
}
div.pager.abc_min div.letters {
  min-height: 14px;
  float: right;
}
div.pager.abc_min div.letters a {
  display: inline-block;
  height: 14px;
  padding-left: 2px;
  padding-right: 2px;
}
div.pager.abc_min div.letters a.selected {
  font-weight: bold;
}
div.pager.abc_min div.pagers {
  clear: right;
  float: right;
}
div.pager.abc_min div.pagers a {
  display: inline-block;
  height: 14px;
  padding-left: 2px;
  padding-right: 2px;
}
div.pager.abc_min div.pagers a.selected {
  font-weight: bold;
}
/* events */

#toolheader_events {
  margin-top: 30px;
  margin-bottom: 30px;
}
#toolheader_events h2 {
  margin-top: 0;
}
#toolheader_events .toolheader_closebutton {
  float: right;
}
table.events-table {
  border-collapse: collapse;
  width: 100%;
  empty-cells: show;
  table-layout: fixed;
}
table.events-table thead tr {
  height: 30px;
}
table.events-table thead tr th.title {
  text-align: left;
  padding-left: 10px;
}
table.events-table thead tr th.events {
  text-align: center;
}
table.events-table thead tr th.setting {
  width: 100px;
}
table.events-table td.event-value {
  vertical-align: middle;
  text-align: center;
}
table.events-table tr.eventrow_first,
table.events-table tr.eventrow_other {
  height: 24px;
}
table.events-table tr.eventrow_first:hover,
table.events-table tr.eventrow_other:hover {
  background-color: #fafafa;
}
table.events-table tr.eventrow_first td.eventtypecell,
table.events-table tr.eventrow_first td.eventsubtypecell,
table.events-table tr.eventrow_first td.event-value {
  border-top: 1px solid #efefef;
}
table.events-table tr.eventrow_other td.eventsubtypecell,
table.events-table tr.eventrow_other td.event-value {
  border-top: 1px solid #efefef;
}
table.events-table tr.eventrow_first td.eventtypecell {
  padding-left: 10px;
}
div.toolevents_buttons {
  margin-top: 5px;
}
/* tool members */

.toolheader_description {
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  padding: 5px 0px;
}
.toolheader_description .toolheader_title {
  font-size: x-large;
  color: #b5b5b5;
  margin-left: 10px;
  line-height: 30px;
}
.toolheader_description .expired {
  color: red;
  font-size: small;
}
.toolheader_description .toolheader_closebutton {
  float: left;
}
.toolheader_description .tooltags {
  padding: 5px 0;
}
.toolheader_description .tooltags .taglink {
  font-style: italic;
  text-decoration: none;
  margin-left: 5px;
  color: #494949;
}
.toolheader_description .tooltags .taglink:hover {
  color: #eb7f08;
}
.toolheader_description > div > ul.scenedesc {
  list-style: none;
}
.toolheader_description > div > ul.scenedesc > li {
  margin-right: 10px;
  display: inline;
}
.toolheader_description > div > ul.scenedesc > li + li:before {
  content: "|";
  color: #b5b5b5;
  margin-right: 10px;
}
.toolheader_description > div > ul.scenedesc > li.selected a {
  font-weight: bold;
}
.toolheader_description .scenedesc_header a {
  color: #757575;
  line-height: 30px;
  text-decoration: none;
  white-space: nowrap;
}
.toolheader_description .scenedesc_header a:hover {
  color: #eb7f08;
}
.toolheader_description .scenedesc {
  color: #494949;
}
.toolheader_description div.scenedesc {
  padding-top: 10px;
  padding-bottom: 10px;
}
.toolheader_description .attachments {
  margin-top: 10px;
}
.important_settings {
  margin-bottom: 10px;
}
.important_settings .important_data {
  float: left;
  min-width: 100px;
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-position: left 10px;
  background-repeat: no-repeat;
  margin-right: 40px;
}
.important_settings .important_data:nth-of-type(3),
.important_settings .important_data.last {
  margin-right: 0;
}
.important_settings .important_data.start {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ImportantData/ido_kezdes.png);
}
.important_settings .important_data.end {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ImportantData/ido_befejezes.png);
}
.important_settings .important_data.custom_end {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ImportantData/ido_befejezes_egyeni.png);
}
.important_settings .important_data.length {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ImportantData/ido_hossz.png);
}
.important_settings .important_data.place {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ImportantData/helyszin.png);
}
.important_settings .important_data.closed {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ImportantData/allapot_zart.png);
}
.important_settings .important_data.opened {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ImportantData/allapot_nyitott.png);
}
.important_settings .important_data.more {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ImportantData/tobbszor_beadhato.png);
}
.important_settings .important_data.task {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ImportantData/beadas.png);
}
.important_settings .important_data.status {
  background-image: url(/$Theme-edu3$/Content/Theme/new/ImportantData/statusz.png);
}
.important_settings .important_data.user {
  padding-left: 0;
  white-space: nowrap;
}
.important_settings .important_data.user .image {
  float: left;
}
.important_settings .important_data.user .data,
.important_settings .important_data.user .data + div {
  margin-left: 45px;
}
.important_settings .important_data .data + div {
  color: #b5b5b5;
}
#toolheader_extrainfo {
  background-color: white;
  padding: 10px 0;
  overflow: hidden;
  color: #494949;
}
#toolheader_extrainfo .column {
  float: left;
  width: 25%;
}
#toolheader_extrainfo .column .label {
  color: #b5b5b5;
}
#toolheader_extrainfo .column .data {
  color: #494949;
  font-size: 14px;
}
#toolheader_extrainfo .column .data input {
  padding: 2px;
  font-size: 14px;
}
#toolheader_members {
  background-color: white;
  margin-top: 30px;
  margin-bottom: 30px;
}
#toolheader_members h2 {
  margin-top: 0;
}
#toolheader_members .toolheader_closebutton {
  float: right;
}
#toolheader_members .content {
  margin-top: 1px;
}
#toolheader_members .content .member_list {
  padding: 5px 10px;
  color: #b5b5b5;
}
#toolheader_members .content .member_list > a {
  display: inline-block;
  white-space: nowrap;
  width: 24%;
  padding-right: 1%;
  text-overflow: ellipsis;
  overflow: hidden;
}
#toolheader_members .content .member_list > a.userinfolink {
  color: #464646;
}
#toolheader_members .content .member_list > a.userinfolink.linkbutton_highlighted {
  color: #eb7f08;
}
#tagcloud {
  margin-bottom: 10px;
}
.infobar-message {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: white;
  border: 1px solid #cecece;
}
.infobar-message .infobar-message-border {
  background-color: #e9e9e9;
  margin: 8px;
  padding: 8px;
  border: 1px solid #cecece;
}
.infobar-message-header {
  height: 29px;
  background: url(/$Theme-edu3$/Content/Theme/maintable_header_bg.png) repeat-x;
  border: 1px solid #cecece;
}
.infobar-message-header .infobar-message-label {
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  padding-left: 10px;
  float: left;
}
.infobar-message-header .infobar-message-close {
  border-left: 1px solid #cecece;
  float: right;
}
.infobar-message-header .infobar-message-close a img {
  padding: 6px 6px 6px 6px;
}
.infobar-message-content {
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  background-color: whitesmoke;
  border: 1px solid #d8dde3;
}
.infobar-message-content span {
  padding: 8px;
  display: block;
  min-height: 16px;
  border-left: 1px solid #e0e3ea;
}
.infobar-message-Information .infobar-message-content {
  background-image: url(/$Theme-edu3$/Content/Theme/infobar_info.png);
}
.infobar-message-Warning .infobar-message-content {
  background-image: url(/$Theme-edu3$/Content/Theme/infobar_warning.png);
}
.infobar-message-Error .infobar-message-content {
  background-image: url(/$Theme-edu3$/Content/Theme/infobar_error.png);
}
.infobar-closebutton {
  cursor: pointer;
}
.infobar-message-Warning .infobar-message-border {
  background-color: Yellow;
}
.infobar-message-Error .infobar-message-border {
  background-color: Red;
}
/*****************/

#infobar {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 10px;
  text-align: center;
  line-height: 130%;
  color: white;
  background-color: rgba(124, 124, 124, 0.9);
  border-bottom: 5px solid #9ed67d;
  font-size: 18px;
  z-index: 1000;
  cursor: pointer;
}
#infobar.infobar_Warning {
  border-bottom: 5px solid #eb7f08;
}
#infobar.infobar_Error {
  border-bottom: 5px solid #d06d6a;
}
#infobar:before {
  content: ' ';
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 26px;
  height: 26px;
  background-image: url(/$Theme-edu3$/Content/Theme/new/33bezaras_26s.png);
  background-position: center top;
  background-repeat: no-repeat;
}
/* AdvancedTextBox - ArrayEditor */

ul.arrayeditor {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}
ul.arrayeditor li {
  float: left;
  list-style-type: none;
  background-color: white;
  border: 1px solid #909090;
  margin: 2px;
  padding: 2px 2px 2px 4px;
}
ul.arrayeditor li span {
  margin-left: 2px;
}
ul.arrayeditor li.invalid {
  border: 1px solid red;
}
ul.arrayeditor li.input {
  padding: 0px;
}
ul.arrayeditor li.input > div {
  position: absolute;
  margin-top: 20px;
  border: 1px solid #eb7f08;
  width: 200px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #494949;
  z-index: 10000;
}
ul.arrayeditor li.input > div a {
  display: block;
  text-decoration: none;
  padding: 2px;
  color: white;
}
ul.arrayeditor li.input > div a:hover {
  background-color: #eb7f08;
  text-decoration: none;
}
ul.arrayeditor input {
  border: 0px;
  background-color: transparent;
  padding: 2px;
  margin: 0px;
  width: 200px;
}
ul.arrayeditor input:active {
  outline: none;
}
ul.arrayeditor .remove {
  background-image: url("/$Theme-edu3$/Content/Theme/buttons/x_small.png");
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 8px;
  cursor: pointer;
}
ul.filelist {
  list-style: none;
}
ul.filelist > li > a,
ul.filelist > li > span {
  text-decoration: none;
  line-height: 26px;
  padding: 2px 0;
  color: #494949;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
ul.filelist > li > a > i,
ul.filelist > li > span > i {
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: top;
  margin-right: 4px;
}
ul.filelist > li > a > i.thumb,
ul.filelist > li > span > i.thumb {
  border-radius: 26px;
  background-size: cover;
}
ul.filelist > li > a:hover {
  color: #eb7f08;
}
ul.filelist > li > a:hover > i:not(.thumb) {
  background-position: 0px 26px;
}
ul.filelist > li > div {
  line-height: 120%;
}
ul.filelist > li > div > div {
  margin-left: 1px;
}
ul.filelist > li > div > i {
  float: left;
  width: 26px;
  height: 26px;
  vertical-align: top;
  margin-right: 4px;
  margin-left: 0px;
}
ul.filelist > li > div:hover > i {
  background-position: 0px 26px;
}
ul.filelist > li > ul.filelist {
  margin-left: 25px;
}
.userhtml {
  overflow: hidden;
  line-height: 140%;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/$Theme-edu3$/Content/Theme/fonts/OpenSans.eot);
  src: local('Open Sans'), local('OpenSans'), url(/$Theme-edu3$/Content/Theme/fonts/OpenSans.eot) format('embedded-opentype'), url(/$Theme-edu3$/Content/Theme/fonts/OpenSans.woff) format('woff');
}
body.mceContentBody,
body.mceContentBody td {
  color: black;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}
.mceContentBody,
.userhtml {
  padding: 5px 5px 5px 5px;
}
.mceContentBody {
  margin: 0px;
}
.mceContentBody p,
.userhtml p {
  margin-top: 0px;
  margin-bottom: 3px;
}
.mceContentBody a,
.userhtml a {
  color: #ac4f02;
}
.mceContentBody a:hover,
.userhtml a:hover {
  color: #ac4f02;
  text-decoration: underline;
}
.mceContentBody .replace {
  border: 1px solid #cecece;
  background-color: #acacac;
}
.mceContentBody pre,
.userhtml pre {
  background-color: #fafafa;
  font-family: Consolas, Courier New;
  margin: 0px;
  padding: 5px;
  font-size: 90%;
}
.mceContentBody .h1,
.userhtml .h1 {
  font-size: 15px;
  font-weight: bold;
}
.mceContentBody .h2,
.userhtml .h2 {
  font-size: 13px;
  font-weight: bold;
}
.mceContentBody .h3,
.userhtml .h3 {
  font-size: 11px;
  font-weight: bold;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/$Theme-edu3$/Content/Theme/fonts/OpenSans.eot);
  src: local('Open Sans'), local('OpenSans'), url(/$Theme-edu3$/Content/Theme/fonts/OpenSans.eot) format('embedded-opentype'), url(/$Theme-edu3$/Content/Theme/fonts/OpenSans.woff) format('woff');
}
/*
.grayscale () {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); // Firefox 10+, Firefox on Android
	filter: gray; // IE6-9
	-webkit-filter: grayscale(100%); // Chrome 19+, Safari 6+, Safari 6+ iOS
}
.notgrayscale () {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}
*/
/*
@font-face {
	font-family: 'WebMyriadProLight';
	src: url('fonts/MyriadPro-Light.eot');
	src: local('☺'),
		url('fonts/MyriadPro-Light.svg#MyriadProLight') format('svg'),
		url('fonts/MyriadPro-Light.woff') format('woff'),
		url('fonts/MyriadPro-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'WebMyriadProLight';
		src: url('fonts/cica.svg#MyriadProLight') format('svg');
	}
}
*/

/*
* {
	-webkit-font-smoothing: subpixel-antialiased !important;
	-webkit-backface-visibility: hidden; 
	-moz-backface-visibility: hidden; 
	-ms-backface-visibility: hidden;
}
*/

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

* {
  margin: 0;
  padding: 0;
}
header,
nav,
section,
article,
aside,
footer {
  display: block;
}
body {
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  background-color: white;
  background-position: center top;
}
html,
body {
  height: 100%;
}
div.err,
span.err {
  color: Red;
}
a {
  color: #eb7f08;
  outline: none;
  text-decoration: none;
}
a:hover {
  color: #ff9200;
  text-decoration: none;
}
img {
  border: none;
}
input {
  vertical-align: middle;
  font-family: 'Open Sans', sans-serif;
}
#wrapper {
  width: 990px;
  margin: 0 auto;
  /* background-color: @hatter; */
  overflow: hidden;
  min-height: calc(100% - 163px);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-bottom: 50px;
}
body.fullwidth #wrapper {
  width: auto;
}
/* Header
-----------------------------------------------------------------------------*/

#mobilheader {
  display: none;
}
#header {
  background-color: rgba(250, 250, 250, 0.95);
  z-index: 333;
  height: 80px;
}
#header1 {
  line-height: 48px;
  color: white;
  font-size: 16px;
  background-color: #494949;
}
#header1 > div {
  width: 970px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}
#header1 div.toplogo {
  background-image: url(/$Theme-edu3$/Content/Theme/logo_coospace.png?new);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 105px;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 46px;
  font-size: 14px;
}
#header1r {
  float: right;
  font-size: 12px;
}
#header1r a {
  color: white;
  text-decoration: none;
}
#header1r a:hover:not(.button) {
  color: #eb7f08;
}
#header1r .video {
  float: left;
  position: relative;
}
#header1r .video a {
  width: 20px;
  height: 46px;
  background-position: center 13px;
  background-repeat: no-repeat;
  background-image: url("/$Theme-edu3$/Content/Theme/new/m_video.png?80b");
  display: block;
}
#header1r .video a:hover {
  background-position: center -47px;
}
#header1r .onlinefriends {
  float: left;
  min-width: 50px;
  height: 46px;
  margin-right: 15px;
  position: relative;
}
#header1r .onlinefriends #main_friends {
  display: none;
  z-index: 333;
}
#header1r .onlinefriends:hover a.icon {
  background-position: center -47px;
  background-color: white;
}
#header1r .onlinefriends:hover #main_friends {
  display: block;
}
#header1r .onlinefriends a.icon {
  display: block;
  height: 46px;
  min-width: 45px;
  padding-left: 0px;
  padding-right: 10px;
  background-position: center 13px;
  background-repeat: no-repeat;
  background-image: url("/$Theme-edu3$/Content/Theme/new/m_online.png?80b");
}
#header1r .onlinefriends a.icon > span.count {
  position: absolute;
  top: 7px;
  left: 45px;
  min-width: 14px;
  line-height: 14px;
  color: #eb7f08;
  font-size: 11px;
  padding: 0 3px;
}
#header1r .onlinefriends a.icon:hover > span.count {
  color: #eb7f08;
}
#header1r .onlinefriends #main_friendslist {
  color: #494949;
  line-height: 32px;
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
}
#header1r .onlinefriends #show_allfriends {
  line-height: 150%;
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
  padding: 5px;
}
#header1r .onlinefriends #show_allfriends a {
  color: #464646;
}
#header1r .onlinefriends #show_allfriends a:hover {
  color: #eb7f08;
}
#header1r .events {
  float: left;
  min-width: 35px;
  height: 46px;
  background-position: left 13px;
  background-repeat: no-repeat;
  position: relative;
}
#header1r .events:not(.empty) {
  background-image: url("/$Theme-edu3$/Content/Theme/new/m_ertesites.png?80b");
}
#header1r .events.empty {
  background-image: url("/$Theme-edu3$/Content/Theme/new/m_nincsertesites.png?80b");
}
#header1r .events:hover {
  background-position: left -47px;
}
#header1r .events a {
  display: block;
  height: 46px;
  min-width: 35px;
}
#header1r .events a > span.count {
  position: absolute;
  top: 7px;
  left: 19px;
  min-width: 14px;
  line-height: 14px;
  color: white;
  background-color: #eb7f08;
  font-size: 11px;
  padding: 0 3px;
}
#header1r .feedback {
  float: left;
  position: relative;
}
#header1r .feedback:hover a.icon,
#header1r .feedback.hovered a.icon {
  background-position: center -47px;
  background-color: white;
}
#header1r .feedback:hover .feedback_form,
#header1r .feedback.hovered .feedback_form {
  display: block;
}
#header1r .feedback:hover:not(.hovered) span.radiobutton {
  display: block;
}
#header1r .feedback.hovered .feedback_form {
  width: 550px;
}
#header1r .feedback a.icon {
  width: 35px;
  height: 46px;
  background-position: center 13px;
  background-repeat: no-repeat;
  background-image: url(/$Theme-edu3$/Content/Theme/new/m_visszajelzes.png?80b);
  display: block;
}
#header1r .feedback .feedback_form {
  display: none;
  z-index: 333;
  position: absolute;
  top: 46px;
  right: 4px;
  width: 150px;
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
  background-color: white;
  color: #494949;
  line-height: normal;
}
#header1r .feedback .feedback_form input,
#header1r .feedback .feedback_form textarea {
  width: calc(100% - 6px);
  font-size: 15px;
  max-width: calc(100% - 6px);
  padding: 2px;
}
#header1r .feedback .feedback_form .feedback_select {
  margin-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #b5b5b5;
  color: #494949;
  text-align: center;
}
#header1r .feedback .feedback_form .feedback_select .title {
  padding-left: 5px;
  padding-right: 5px;
}
#header1r .feedback .feedback_form .feedback_select span.radiobutton:hover {
  color: white;
  background-color: #757575;
}
#header1r .feedback .feedback_form .feedback_select span.radiobutton input[type="radio"] + label::before {
  display: none;
}
#header1r .feedback .feedback_form .feedback_select input[type=radio] {
  display: none;
}
#header1r .feedback .feedback_form .feedback_select input[type=radio] + label {
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
}
#header1r .feedback .feedback_form .feedback_select input[type=radio]:checked + label {
  color: white;
  background-color: #757575;
}
#header1r .feedback .feedback_form .feedback_form2 > div {
  padding: 5px;
}
#header1r .feedback .feedback_form .feedback_form2 > div.email {
  display: inline-block;
  width: calc(50% - 10px);
}
#header1r .feedback .feedback_form .feedback_form2 > div span {
  vertical-align: top;
}
#header1r .feedback .feedback_form .feedback_form2 > div span.radiobutton {
  margin-right: 10px;
}
#header1r .feedback .feedback_form .feedback_form2 > div div.qq-upload-file a {
  color: #494949;
}
#header1r .feedback .feedback_form .feedback_buttons {
  border-bottom: 1px solid #b5b5b5;
  overflow: hidden;
}
#header1r a.pluginmenu {
  float: left;
  min-width: 35px;
  height: 46px;
  background-position: center 13px;
  background-repeat: no-repeat;
}
#header1r a.pluginmenu:hover {
  background-position: center -47px;
}
#header1r a.pluginmenu.admin {
  background-image: url("/$Theme-edu3$/Content/Theme/new/m_admin_settings.png?80b");
}
#header1r a.pluginmenu.video {
  background-image: url("/$Theme-edu3$/Content/Theme/new/m_video.png?80b");
}
#header1r > .name {
  display: block;
  float: left;
  line-height: 46px;
  position: relative;
  margin-left: 50px;
}
#header1r > .name > span {
  max-width: 200px;
  min-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  line-height: normal;
  vertical-align: text-bottom;
  margin-right: 5px;
}
#header1r > .name a.icon {
  display: block;
  float: left;
  margin: 0px;
  margin-right: 5px;
  background-image: url(/$Theme-edu3$/Content/Theme/new/m_logout.png?80b);
  background-repeat: no-repeat;
  background-position: center 13px;
  width: 35px;
  height: 46px;
}
#header1r > .name:hover {
  color: white;
}
#header1r > .name:hover a.icon {
  background-color: white;
  background-position: center -47px;
}
#header1r > .name:hover div.menu {
  display: block;
}
#header1r > .name div.menu {
  width: 200px;
  clear: both;
  display: none;
  position: absolute;
  left: -1px;
  overflow: hidden;
  line-height: 35px;
  background-color: white;
  z-index: 333;
}
#header1r > .name div.menu div.info {
  padding: 5px;
  color: #494949;
  text-align: center;
  line-height: 150%;
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
}
#header1r > .name div.menu div.info a.pic {
  text-align: center;
  display: block;
}
#header1r > .name div.menu div.info img {
  border-radius: 96px;
}
#header1r > .name div.menu ul {
  background-color: rgba(43, 43, 43, 0.85);
  list-style: none;
}
#header1r > .name div.menu ul a.linkbutton16 {
  margin-left: 8px;
  padding-left: 23px !important;
}
#header1r > .name div.menu ul a.linkbutton16:hover {
  background-position: left -36px;
}
#header1r > .name div.menu li {
  padding-top: 10px;
  padding-bottom: 10px;
}
#header1r > .name div.menu li a {
  font-size: 15px;
  display: block;
}
#header1r .email a {
  color: #494949;
}
#header1r div.fb-like {
  line-height: 20px;
  margin-right: 40px;
  display: inline-block;
  vertical-align: middle;
  max-height: 46px;
  max-width: 100px;
}
a.icon {
  padding-left: 20px;
  background-position: 2px center;
  background-repeat: no-repeat;
  margin-left: 5px;
  margin-right: 5px;
}
div.langs {
  float: left;
  position: relative;
}
div.langs a.icon {
  display: block;
  width: 35px;
  height: 46px;
  margin: 0;
}
div.langs:hover a.icon {
  background-color: white;
  color: #eb7f08 !important;
}
div.langs:hover div.menu {
  display: block;
}
div.langs div.menu {
  display: none;
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  background-color: white;
  clear: both;
  position: absolute;
  right: -1px;
  overflow: hidden;
  line-height: 35px;
  z-index: 333;
}
div.langs div.menu a.lang {
  display: block;
  line-height: 25px;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  color: #757575 !important;
}
div.langs div.menu a.lang:hover {
  color: #eb7f08 !important;
}
div.langs div.menu a.lang_current {
  color: #eb7f08 !important;
}
span.langs {
  margin-left: 8px;
}
span.langs a.lang {
  display: inline-block;
  line-height: 22px;
  padding-left: 2px;
  padding-right: 2px;
}
span.langs a.lang_current {
  background-color: #eb7f08;
  color: white !important;
}
#header3 {
  margin-left: auto;
  margin-right: auto;
  width: 990px;
}
#header3 ul {
  list-style: none;
}
#header3 > ul > li {
  float: left;
  text-align: center;
  background-position: center 17px;
  background-repeat: no-repeat;
  /*&.menu_qform {
			background-image: url(new/menu_qform.png);
		}*/

  /*&.menu_tags {
			background-image: url(new/menu_tags.png);
			float: right;

			& > div {
				display: none;
				position: absolute;
				line-height: 20px;
				background-color: @szurke;
				text-align: left;
				color: white;
				padding: 10px;
				z-index: 1;
				width: 200px;
				margin-left: -110px;

				input {
					width: 100%;
					border: 1px solid @sarga;
					padding: 5px;
					box-sizing: border-box;
					&:focus {
						outline: 0px;
					}
				}

				a {
					color: white;
					&:hover {
						color: @sarga;
					}
				}
			}
			&:hover > div {
				display: block;
			}
		}
		*/

}
#header3 > ul > li > a {
  display: block;
  width: 90px;
  padding-top: 52px;
  padding-bottom: 8px;
  line-height: 20px;
  color: #494949;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 13px;
}
#header3 > ul > li.current {
  background-position: center -64px;
  color: #eb7f08;
}
#header3 > ul > li:hover {
  background-color: #494949;
  background-position: center -64px;
}
#header3 > ul > li:hover > a {
  color: #eb7f08;
}
#header3 > ul > li.menu_csms:hover #csms_leftcontent {
  display: block;
}
#header3 > ul > li.menu_scenes:hover > ul,
#header3 > ul > li.menu_calendar:hover > ul,
#header3 > ul > li.menu_video:hover > ul,
#header3 > ul > li.menu_quiz:hover > ul,
#header3 > ul > li.menu_news:hover > ul,
#header3 > ul > li.menu_store:hover > ul {
  display: block;
}
#header3 > ul > li.menu_scenes > ul,
#header3 > ul > li.menu_calendar > ul,
#header3 > ul > li.menu_video > ul,
#header3 > ul > li.menu_quiz > ul,
#header3 > ul > li.menu_news > ul,
#header3 > ul > li.menu_store > ul {
  display: none;
  position: absolute;
  line-height: 20px;
  background-color: rgba(73, 73, 73, 0.95);
  text-align: left;
  color: white;
  padding-bottom: 4px;
  z-index: 1;
  min-width: 200px;
}
#header3 > ul > li.menu_scenes > ul > li,
#header3 > ul > li.menu_calendar > ul > li,
#header3 > ul > li.menu_video > ul > li,
#header3 > ul > li.menu_quiz > ul > li,
#header3 > ul > li.menu_news > ul > li,
#header3 > ul > li.menu_store > ul > li {
  float: none;
}
#header3 > ul > li.menu_scenes > ul > li.grouptitle,
#header3 > ul > li.menu_calendar > ul > li.grouptitle,
#header3 > ul > li.menu_video > ul > li.grouptitle,
#header3 > ul > li.menu_quiz > ul > li.grouptitle,
#header3 > ul > li.menu_news > ul > li.grouptitle,
#header3 > ul > li.menu_store > ul > li.grouptitle {
  padding-left: 5px;
  color: #eb7f08;
  border-bottom: 1px solid #eb7f08;
}
#header3 > ul > li.menu_scenes > ul > li a,
#header3 > ul > li.menu_calendar > ul > li a,
#header3 > ul > li.menu_video > ul > li a,
#header3 > ul > li.menu_quiz > ul > li a,
#header3 > ul > li.menu_news > ul > li a,
#header3 > ul > li.menu_store > ul > li a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 4px 16px 4px 20px;
  background-repeat: no-repeat;
  background-position: 6px center;
  background-size: 10px;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#header3 > ul > li.menu_scenes > ul > li a:hover,
#header3 > ul > li.menu_calendar > ul > li a:hover,
#header3 > ul > li.menu_video > ul > li a:hover,
#header3 > ul > li.menu_quiz > ul > li a:hover,
#header3 > ul > li.menu_news > ul > li a:hover,
#header3 > ul > li.menu_store > ul > li a:hover {
  color: #eb7f08;
}
#header3 > ul > li.menu_quiz ul {
  text-transform: lowercase;
}
#header3 > ul > li.menu_scenes {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_scenes.png?mini);
}
#header3 > ul > li.menu_scenes > ul {
  padding-bottom: 5px;
}
#header3 > ul > li.menu_scenes > ul > li a {
  background-image: url(/$Theme-edu3$/Content/Theme/icon_fav_mini.png);
}
#header3 > ul > li.menu_folder {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_folder.png?mini);
}
#header3 > ul > li.menu_assignment {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_assignment.png?mini);
}
#header3 > ul > li.menu_notes {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_notes.png?mini);
}
#header3 > ul > li.menu_csms {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_csms.png?mini);
  position: relative;
}
#header3 > ul > li.menu_video {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_video.png?mini);
}
#header3 > ul > li.menu_video > ul {
  line-height: 20px;
  padding-bottom: 5px;
}
#header3 > ul > li.menu_video > ul > li {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 10px 5px;
}
#header3 > ul > li.menu_video > ul > li.video_schedule {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_fogadoora.png);
}
#header3 > ul > li.menu_video > ul > li.video_chat {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_fogadoora.png);
}
#header3 > ul > li.menu_quiz {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_qbank.png?mini);
}
#header3 > ul > li.menu_quiz > ul {
  line-height: 20px;
  padding-bottom: 5px;
}
#header3 > ul > li.menu_quiz > ul > li {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 10px 5px;
}
#header3 > ul > li.menu_quiz > ul > li.qbank {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_kerdesbank.png);
}
#header3 > ul > li.menu_quiz > ul > li.qform {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_kerdessortar.png);
}
#header3 > ul > li.menu_trainer {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_trainer.png?mini);
}
#header3 > ul > li.menu_glossary {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_glossary.png?mini);
}
#header3 > ul > li.menu_calendar {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_calendar.png?mini);
}
#header3 > ul > li.menu_events {
  position: relative;
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_calendar.png?mini);
}
#header3 > ul > li.menu_help {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_help.png?mini);
  width: 40px;
  float: right;
}
#header3 > ul > li.menu_help > a {
  width: 40px;
}
#header3 > ul > li.menu_news {
  position: relative;
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_news.png?mini);
}
#header3 > ul > li.menu_news > ul {
  right: 0;
}
#header3 > ul > li.menu_store {
  background-image: url(/$Theme-edu3$/Content/Theme/new/menu_jegyzetbolt.png);
}
#header3 > ul > li > div.count {
  position: absolute;
  top: 15px;
  right: 25px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  color: white;
  background-color: #eb7f08;
  font-size: small;
  padding: 0 3px;
}
#header3 > ul > li:hover > div.count {
  color: #eb7f08;
  background-color: white;
}
#help {
  float: right;
  padding-top: 3px;
}
#help a.help {
  float: right;
  height: 28px;
  width: 28px;
  background-image: url(/$Theme-edu3$/Content/Theme/new/sugo.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  text-indent: -10000px;
}
#help a.help:hover {
  background-position: center bottom;
}
#mainsearch {
  float: right;
  position: relative;
  margin-right: 10px;
  padding-top: 3px;
}
#mainsearch > a {
  display: block;
  height: 28px;
  width: 28px;
  background-image: url(/$Theme-edu3$/Content/Theme/new/search.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
#mainsearch > a.showed {
  background-position: center bottom;
}
#mainsearch > a:hover {
  background-position: center bottom;
}
#mainsearch input {
  box-sizing: content-box;
  position: absolute;
  top: 5px;
  right: 0px;
  background-color: white;
  border: 1px solid white;
  line-height: 22px;
  height: 22px;
  width: 180px;
  padding: 0px 25px 0px 5px;
  background-image: url(/$Theme-edu3$/Content/Theme/new/ControlButtons/keresestallozas.png);
  background-position: right 1px;
  background-repeat: no-repeat;
  outline: 0;
}
#mainsearch input::-webkit-input-placeholder {
  text-align: right;
  color: #eb7f08;
}
#mainsearch input:-moz-placeholder {
  text-align: right;
  color: #eb7f08;
  opacity: 1;
}
#mainsearch input::-moz-placeholder {
  text-align: right;
  color: #eb7f08;
  opacity: 1;
}
#mainsearch input:-ms-input-placeholder {
  text-align: right;
  color: #eb7f08;
}
#mainsearch input:focus {
  border: 1px solid #b5b5b5;
}
#mainsearch input + ul {
  position: absolute;
  background-color: white;
  top: 28px;
  right: 0px;
  width: 210px;
  padding: 0px;
  list-style: none;
  border: 1px solid #b5b5b5;
  z-index: 332;
  display: none;
}
#mainsearch input + ul li {
  float: none;
}
#mainsearch input + ul a {
  background-repeat: no-repeat;
  background-position: 4px 4px;
  padding-left: 30px;
  line-height: 34px;
  display: block;
  color: #464646;
}
#mainsearch input + ul a:hover {
  color: #eb7f08;
  background-position: 4px -70px;
}
#breadcrumb2 {
  background-color: rgba(235, 235, 235, 0.95);
  z-index: 332;
  border-bottom: 1px solid #efefef;
}
#breadcrumb {
  line-height: 34px;
  height: 34px;
  width: 990px;
  margin-left: auto;
  margin-right: auto;
}
#breadcrumb a {
  color: #eb7f08;
}
#breadcrumb a:hover {
  color: #eb7f08;
}
#breadcrumb > ul {
  overflow: hidden;
  list-style: none;
  float: left;
  width: 750px;
  height: 34px;
}
#breadcrumb > ul > li {
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#breadcrumb > ul > li:before {
  content: "/";
  padding-right: 4px;
  padding-left: 4px;
  color: rgba(78, 78, 78, 0.85);
}
#breadcrumb > ul > li:first-child:before {
  content: "";
  padding-right: 10px;
}
#breadcrumb > ul > li.scene a:hover {
  color: #ff9200;
}
/* Middle
-----------------------------------------------------------------------------*/

#widecontent {
  overflow: hidden;
  padding-top: 10px;
}
section.realcontent {
  float: left;
  width: 680px;
  padding-left: 40px;
}
body.fullwidth section.realcontent {
  width: auto;
  float: none;
  margin-left: 260px;
  margin-right: 5px;
  overflow: hidden;
}
section.realcontent h1 .btn_fav {
  display: inline-block;
  text-indent: -1000px;
  width: 25px;
  background-image: url(/$Theme-edu3$/Content/Theme/icon_notfav.png);
  background-repeat: no-repeat;
  background-position: left center;
}
section.realcontent h1 .btn_fav:hover,
section.realcontent h1 .btn_fav.set,
li.fav section.realcontent h1 .btn_fav {
  background-image: url(/$Theme-edu3$/Content/Theme/icon_fav.png);
}
section.realcontent h2 {
  font-size: x-large;
  color: #b5b5b5;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 10px;
}
section.realcontent > div.icon {
  float: left;
  background-position: left -80px;
  background-repeat: no-repeat;
  width: 40px;
  height: 45px;
  margin-left: -40px;
}
h1,
.popuphelp {
  margin-bottom: 10px;
  font-family: 'Open Sans';
  font-size: large;
  color: #757575;
}
h1 .help,
.popuphelp .help {
  float: right;
  position: relative;
}
h1 .help .helphtml,
.popuphelp .help .helphtml {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.5s,opacity 0.5s linear;
  position: absolute;
  top: 50px;
  right: 17px;
  background-color: #494949;
  border: 1px solid #eb7f08;
  color: white;
  min-width: 300px;
  font-weight: normal;
  font-size: small;
  padding: 10px;
}
h1 .help .helphtml:before,
.popuphelp .help .helphtml:before {
  border-right: 10px solid #eb7f08;
  margin-top: -1px;
  margin-right: -1px;
}
h1 .help .helphtml:after,
.popuphelp .help .helphtml:after {
  border-right: 10px solid #494949;
  margin-top: 1px;
}
h1 .help .helphtml:before,
.popuphelp .help .helphtml:before,
h1 .help .helphtml:after,
.popuphelp .help .helphtml:after {
  content: "";
  position: absolute;
  border-top: 10px solid transparent;
  top: -10px;
  right: 0;
}
h1 .help:hover .helphtml,
.popuphelp .help:hover .helphtml {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
h1 a.imagebutton35,
.popuphelp a.imagebutton35 {
  float: right;
  margin-top: 5px;
  margin-left: 5px;
}
h1 a.imagebutton26,
.popuphelp a.imagebutton26 {
  float: right;
  margin-top: 9px;
  margin-left: 5px;
}
h1 a.imagebutton24,
.popuphelp a.imagebutton24 {
  margin-left: 10px;
}
h1 a.imagebutton24.imagebutton24_highlighted span.img,
.popuphelp a.imagebutton24.imagebutton24_highlighted span.img {
  background-position: left -74px;
}
h1 div#ajaxbusy,
.popuphelp div#ajaxbusy {
  display: inline-block;
  width: inherit !important;
}
h1 div#ajaxbusy img,
.popuphelp div#ajaxbusy img {
  width: 55%;
}
h1 .back,
.popuphelp .back {
  float: left;
  height: 48px;
  width: 48px;
  background-color: #464646;
  margin-left: -8px;
  margin-right: 8px;
  text-indent: -1000px;
}
h1 a.back,
.popuphelp a.back {
  background-image: url(/$Theme-edu3$/Content/Theme/new/back.png);
  background-repeat: no-repeat;
  background-position: center center;
}
h1 a.back:hover,
.popuphelp a.back:hover {
  background-color: #383838;
}
h1 a,
.popuphelp a {
  color: #757575;
  text-decoration: none;
}
h1 a:hover,
.popuphelp a:hover {
  color: #eb7f08;
}
h1 span.title,
.popuphelp span.title {
  font-size: xx-large;
  line-height: normal;
}
h1 span.code,
.popuphelp span.code {
  font-size: small;
  font-weight: normal;
  margin-right: 10px;
}
h1 span.term,
.popuphelp span.term {
  font-size: small;
  font-weight: normal;
  color: #b5b5b5;
  margin-right: 10px;
}
h1 ul,
.popuphelp ul {
  list-style: none;
  display: inline-block;
}
h1 ul span.categorychooser,
.popuphelp ul span.categorychooser {
  font-size: small;
  font-weight: normal;
}
h1 ul span.categorychooser:hover,
.popuphelp ul span.categorychooser:hover {
  background-color: white;
}
h1 ul span.categorychooser:hover .invisible,
.popuphelp ul span.categorychooser:hover .invisible {
  background-color: #b5b5b5;
}
h1 ul span.categorychooser span.invisible,
.popuphelp ul span.categorychooser span.invisible {
  display: inline-block;
}
h1 span.right,
.popuphelp span.right {
  float: right;
}
h1 span.filter,
.popuphelp span.filter {
  font-weight: normal;
  font-size: small;
  padding-top: 12px;
  margin-right: 20px;
}
h1 span.filter a,
.popuphelp span.filter a {
  color: #eb7f08;
}
a.btn_back {
  display: inline-block;
  text-indent: -1000px;
  background-image: url(/$Theme-edu3$/Content/Theme/icon_back_big.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 16px;
  padding-right: 10px;
}
div.topline {
  line-height: 25px;
  padding-left: 36px;
}
#buttons {
  line-height: 26px;
  padding-left: 36px;
}
#buttons ul {
  list-style: none;
  overflow: hidden;
  padding-left: 8px;
}
#buttons li {
  float: left;
  margin-right: 15px;
}
#buttons li.right {
  float: right;
}
a.btn {
  /*margin-left: 5px;
	margin-right: 5px;*/
  text-decoration: none;
  color: #464646;
}
a.btn:hover {
  color: #eb7f08;
}
span.bracket {
  /*	color: @szurke;

	&::before {
		content: "[";
		padding-right: 2px;
		color: @sarga;
	}
	&::after {
		content: "]";
		padding-left: 2px;
		color: @sarga;
	}*/
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  white-space: nowrap;
}
span.colorbox {
  margin-left: 2px;
  margin-right: 2px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: rgba(78, 78, 78, 0.85);
  border-radius: 10px;
  /*outline: 1px solid @szurke;*/

}
span.colorbox.c1 {
  background-color: #87bcdf;
}
span.colorbox.c2 {
  background-color: #6a77c5;
}
span.colorbox.c3 {
  background-color: #96ddca;
}
span.colorbox.c4 {
  background-color: #9ed67d;
}
span.colorbox.c5 {
  background-color: #6d9a82;
}
span.colorbox.c6 {
  background-color: #c1ac91;
}
span.colorbox.c7 {
  background-color: #cecfcc;
}
span.colorbox.c8 {
  background-color: #929391;
}
span.colorbox.c9 {
  background-color: #e9bf6b;
}
span.colorbox.c10 {
  background-color: #f9986b;
}
span.colorbox.c11 {
  background-color: #d06d6a;
}
span.colorbox.c12 {
  background-color: #a0666e;
}
span.colorbox.c13 {
  background-color: #f37db3;
}
span.colorbox.c14 {
  background-color: #b57cec;
}
span.colorbox.c15 {
  background-color: #977bb8;
}
span.colorbox.c16 {
  background-color: #e5a98d;
}
span.colorbox.c30 {
  background-color: white;
  border: 1px solid rgba(78, 78, 78, 0.85);
}
span.colorbox.c31 {
  border: 0px;
  background-color: transparent;
  background-image: url(/$Theme-edu3$/Content/Theme/icon_fav.png);
  background-repeat: none;
  background-position: center center;
  background-size: 10px 10px;
}
.leftmargin {
  margin-left: 10px;
}
/* SCENES */

#sceneoperations_container,
#batchcreateheader,
#userscenes,
#content1 {
  background-color: white;
}
.toollist {
  width: 100%;
  margin-top: 30px;
}
.toollist .subscenes {
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}
.toollist .subscenes h2 {
  padding-left: 50px;
  background-image: url("/$Theme-edu3$/Content/Theme/new/tool_subscene.png");
  background-position: left -82px;
  background-repeat: no-repeat;
}
.toollist .subscenes h2 a {
  font-size: 110%;
  font-weight: normal;
  color: #b5b5b5;
  text-decoration: none;
}
.toollist ul {
  list-style-type: none;
}
.toollist ul li.scene {
  border-top: 1px solid #b5b5b5;
}
.toollist ul li.scene:last-child {
  border-bottom: 1px solid #b5b5b5;
}
.toollist ul li.scene div.scene {
  padding-bottom: 8px;
  padding-top: 5px;
  min-height: 50px;
}
.toollist ul li.scene div.scene:hover {
  background-color: #fafafa;
}
.toollist ul li.scene div.scene .fav_code {
  margin-left: 25px;
  font-size: small;
  color: #757575;
}
.toollist ul li {
  margin-left: 50px;
}
.toollist ul li.scene_AA span.title a,
.toollist ul li.scene_A span.title a,
.toollist ul li.scene_I span.title a {
  color: #494949;
  background-position: left 6px;
}
.toollist ul li.scene_N span.title a {
  color: #464646;
  background-position: left -32px;
}
.toollist ul li.scene_X span.title a {
  color: #b5b5b5;
  background-position: left 6px;
}
.toollist ul li.scene_AA span.title a,
.toollist ul li.scene_A span.title a,
.toollist ul li.scene_X span.title a,
.toollist ul li.scene_N span.title a,
.toollist ul li.scene_I span.title a {
  font-size: large;
  line-height: 28px;
  text-decoration: none;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-image: url("/$Theme-edu3$/Content/Theme/new/s_alszinter.png");
}
.toollist ul li.scene_AA span.title a:hover,
.toollist ul li.scene_A span.title a:hover,
.toollist ul li.scene_X span.title a:hover,
.toollist ul li.scene_N span.title a:hover,
.toollist ul li.scene_I span.title a:hover {
  color: #eb7f08;
}
.accessdenied {
  background-color: white;
  width: 100%;
  display: block;
  padding: 10px;
}
.minw100 {
  display: inline-block;
  min-width: 100px;
}
.hide {
  display: none;
}
section.scenes {
  overflow: hidden;
  background-color: white;
}
section.scenes h2 {
  margin-top: 30px;
  margin-right: 30px;
  font-size: 90%;
  color: #eb7f08;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
  border-bottom: 1px solid #eb7f08;
}
section.scenes h2 > a {
  color: #eb7f08;
  display: block;
}
section.scenes h2.pending + ul.list li.scene a.btn_fav {
  margin-left: 25px;
}
section.scenes h2.pending + ul.list li.scene div.code {
  color: #9e9e9e;
}
section.scenes h2.pending + ul.list li.scene span.title a.name {
  color: #9e9e9e;
  background-image: url(/$Theme-edu3$/Content/Theme/new/s_szinter.png);
  background-repeat: no-repeat;
  background-position: left 6px;
  padding-left: 25px;
}
section.scenes h2.pending + ul.list li.scene span.title a.name:hover {
  color: #eb7f08;
  background-position: left -32px;
}
section.scenes h2:first-child {
  margin-top: 0;
}
section.scenes .leftmargin {
  margin-left: 21px;
}
section.scenes a.name {
  text-decoration: none;
  color: #464646;
  font-size: 20px;
  line-height: 28px;
  height: 28px;
  background-image: url(/$Theme-edu3$/Content/Theme/new/s_szinter.png);
  background-repeat: no-repeat;
  padding-left: 25px;
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
}
section.scenes a.name.N {
  background-position: left -32px;
}
section.scenes a.name.N:hover {
  background-position: left -32px;
}
section.scenes a.name.inactive {
  color: #9e9e9e;
  background-position: left 6px;
}
section.scenes a.name.inactive:hover {
  color: #eb7f08;
  background-position: left 6px;
}
section.scenes li {
  overflow: hidden;
  border-bottom: 1px solid #d7d7d7;
}
section.scenes li a:hover {
  color: #eb7f08;
}
section.scenes li > div {
  padding-top: 5px;
  padding-bottom: 8px;
  min-height: 50px;
}
section.scenes li > div:hover {
  background-color: #fafafa;
}
section.scenes li.inactive {
  opacity: 0.5;
}
section.scenes li.inactive a.name {
  border-left: 2px solid #494949;
}
section.scenes span.right {
  float: right;
}
section.scenes ul {
  list-style: none;
}
section.scenes > ul.list li.scene a.btn_fav {
  margin-left: 25px;
}
section.scenes > ul.list li.scene > ul.list {
  margin-left: 25px;
}
section.scenes > ul.list li.scene > ul.list li.scene a.name.N {
  background-image: url(/$Theme-edu3$/Content/Theme/new/s_alszinter.png);
}
section.scenes > ul.list li.scene > ul.list li.scene a.name.inactive {
  background-image: url(/$Theme-edu3$/Content/Theme/new/s_alszinter.png);
}
section.scenes ul ul > li {
  border-bottom: 0px;
  border-top: 1px solid #d7d7d7;
}
/*** tools ***/

section.tools {
  overflow: hidden;
  color: #464646;
  background-color: white;
  margin-bottom: 10px;
  margin-top: 30px;
  /* folder hack */

  /* FAQ hack */

}
section.tools.edit {
  border: 1px dashed #b5b5b5;
  padding: 5px;
}
section.tools.edit div.operations {
  border-top: 0px;
}
section.tools div.toolheaders {
  line-height: 40px;
}
section.tools div.toolheaders h2 {
  padding-left: 50px;
  background-position: left -82px;
  background-repeat: no-repeat;
  margin-bottom: 0px;
}
section.tools div.toolheaders h2 > a,
section.tools div.toolheaders h2 > span.name {
  font-weight: normal;
  color: #9e9e9e;
  text-decoration: none;
}
section.tools div.toolheaders h2 input[name=title] {
  font-size: x-large;
  color: #b5b5b5;
  border: 1px solid #b5b5b5;
  padding-left: 5px;
  width: 500px;
}
section.tools div.toolheaders h2 input[name=title]:focus {
  color: black;
  border: 1px solid #eb7f08;
  outline: 0px;
}
section.tools div.toolheaders .create_new_tool {
  width: 19px;
  height: 19px;
  background-image: url("/$Theme-edu3$/Content/Theme/new/s_ujeszkoz.png");
  background-position: top;
  cursor: pointer;
  margin-left: 10px;
  margin-top: 10px;
  float: right;
}
section.tools div.toolheaders .create_new_tool:hover {
  background-position: bottom;
}
section.tools div.toolheaders .listheaders {
  float: right;
  font-size: small;
  font-weight: normal;
  color: #b5b5b5;
}
section.tools div.toolheaders .listheaders span + span:before {
  content: "|";
  margin: 0 10px;
  color: #b5b5b5;
}
section.tools div.toolheaders div.editbuttons {
  float: right;
}
section.tools div.toolheaders div.editbuttons a {
  margin-left: 5px;
  margin-right: 5px;
}
section.tools div.toolheaders div.hiddensettings {
  line-height: 130%;
}
section.tools div.toolheaders div.hiddensettings_edit {
  display: none;
  line-height: 130%;
  margin-top: 5px;
  margin-bottom: 5px;
}
section.tools div.toolheaders div.description:not(:empty) {
  line-height: 130%;
  padding-bottom: 5px;
}
section.tools div.toolheaders textarea[name=description] {
  width: 100%;
  margin-top: 5px;
  border: 1px solid #b5b5b5;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}
section.tools > div > ul {
  margin-top: 2px;
  margin-left: 40px;
  margin-bottom: 30px;
  list-style: none;
}
section.tools > div > ul > li {
  overflow: hidden;
  clear: both;
  padding: 2px;
}
section.tools > div > ul > li a.name {
  padding-right: 5px;
  /* dölt szöveg kilóg, és enélkül levágja a végét */

}
section.tools > div > ul > li.past a.name {
  color: #b5b5b5;
}
section.tools > div > ul > li.past a.name:hover {
  color: #eb7f08;
}
section.tools > div > ul > li a.unread {
  font-weight: bold;
  color: #eb7f08;
}
section.tools > div > ul > li a.unread:after {
  content: ' *';
}
section.tools > div > ul > li:hover {
  background-color: #efefef;
}
section.tools > div > ul > li.tt1100 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/forum.png);
}
section.tools > div > ul > li.tt1200 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/newsboard.png);
}
section.tools > div > ul > li.tt1300 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/blog.png);
}
section.tools > div > ul > li.tt1400 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/task.png);
}
section.tools > div > ul > li.tt1500 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/attendance.png);
}
section.tools > div > ul > li.tt1600 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/storage.png);
}
section.tools > div > ul > li.tt1700 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/qbank.png);
}
section.tools > div > ul > li.tt1800 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/qform.png);
}
section.tools > div > ul > li.tt1900 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/test.png);
}
section.tools > div > ul > li.tt2000 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/selftest.png);
}
section.tools > div > ul > li.tt2100 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/survey.png);
}
section.tools > div > ul > li.tt2200 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/reg.png);
}
section.tools > div > ul > li.tt2300 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/vote.png);
}
section.tools > div > ul > li.tt2400 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/glossary.png);
}
section.tools > div > ul > li.tt2500 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/glossaryview.png);
}
section.tools > div > ul > li.tt2600 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/divide.png);
}
section.tools > div > ul > li.tt2700 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/trainer.png);
}
section.tools > div > ul > li.tt2800 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/trainer.png);
}
section.tools > div > ul > li.tt2900 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/assignment.png);
}
section.tools > div > ul > li.tt3000 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/link.png);
}
section.tools > div > ul > li.tt3100 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/quicktest.png);
}
section.tools > div > ul > li.tt3200 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/storagelite.png);
}
section.tools > div > ul > li.tt3300 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/sort.png);
}
section.tools > div > ul > li.tt4000 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/file.png);
}
section.tools > div > ul > li.tt4100 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/announcement.png);
}
section.tools > div > ul > li.tt4200 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/folder.png);
}
section.tools > div > ul > li.tt4300 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/extmod.png);
}
section.tools > div > ul > li.tt4400 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/table.png);
}
section.tools > div > ul > li.tt4500 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/grouptask.png);
}
section.tools > div > ul > li.tt4600 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/peerreview.png);
}
section.tools > div > ul > li.tt4700 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/faq.png);
}
section.tools > div > ul > li.tt4800 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/mproject.png);
}
section.tools > div > ul > li.tt4900 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/videotool.png);
}
section.tools > div > ul > li.tt5000 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_m/qa.png);
}
section.tools > div.container > ul,
section.tools > div.others > ul {
  margin-left: 10px;
}
section.tools > div.container {
  background-color: #fafafa;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
section.tools > div.container.hidden {
  background-image: repeating-linear-gradient(-45deg, white 0px, white 5px, transparent 5px, transparent 10px, white 10px);
}
section.tools > div.container > ul {
  margin-bottom: 0px;
}
section.tools > div.container div.toolheaders h2 {
  background-image: none;
  padding-left: 0px;
  margin-top: 0px;
}
section.tools > div.container div.toolheaders h2 span.hidden {
  font-size: 60%;
  color: #494949;
}
section.tools > div.container a.name2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(100% - 30px);
}
section.tools > div.container a.name:hover {
  background-position: left 5px;
}
section.tools > div.container > ul > li.tt1100 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/forum.png);
}
section.tools > div.container > ul > li.tt1200 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/newsboard.png);
}
section.tools > div.container > ul > li.tt1300 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/blog.png);
}
section.tools > div.container > ul > li.tt1400 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/task.png);
}
section.tools > div.container > ul > li.tt1500 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/attendance.png);
}
section.tools > div.container > ul > li.tt1600 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/storage.png);
}
section.tools > div.container > ul > li.tt1700 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/qbank.png);
}
section.tools > div.container > ul > li.tt1800 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/qform.png);
}
section.tools > div.container > ul > li.tt1900 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/test.png);
}
section.tools > div.container > ul > li.tt2000 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/selftest.png);
}
section.tools > div.container > ul > li.tt2100 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/survey.png);
}
section.tools > div.container > ul > li.tt2200 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/reg.png);
}
section.tools > div.container > ul > li.tt2300 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/vote.png);
}
section.tools > div.container > ul > li.tt2400 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/glossary.png);
}
section.tools > div.container > ul > li.tt2500 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/glossaryview.png);
}
section.tools > div.container > ul > li.tt2600 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/divide.png);
}
section.tools > div.container > ul > li.tt2700 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/trainer.png);
}
section.tools > div.container > ul > li.tt2800 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/trainerview.png);
}
section.tools > div.container > ul > li.tt2900 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/assignment.png);
}
section.tools > div.container > ul > li.tt3000 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/link.png);
}
section.tools > div.container > ul > li.tt3100 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/quicktest.png);
}
section.tools > div.container > ul > li.tt3200 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/storagelite.png);
}
section.tools > div.container > ul > li.tt3300 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/sort.png);
}
section.tools > div.container > ul > li.tt4000 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/file.png);
}
section.tools > div.container > ul > li.tt4100 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/announcement.png);
}
section.tools > div.container > ul > li.tt4200 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/folder.png);
}
section.tools > div.container > ul > li.tt4300 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/extmod.png);
}
section.tools > div.container > ul > li.tt4400 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/table.png);
}
section.tools > div.container > ul > li.tt4500 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/grouptask.png);
}
section.tools > div.container > ul > li.tt4600 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/peerreview.png);
}
section.tools > div.container > ul > li.tt4700 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/faq.png);
}
section.tools > div.container > ul > li.tt4800 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/mproject.png);
}
section.tools > div.container > ul > li.tt4900 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/videotool.png);
}
section.tools > div.container > ul > li.tt5000 a.name {
  background-image: url(/$Theme-edu3$/Content/Theme/new/tool_c/qa.png);
}
section.tools > div.others h2 {
  background-image: none;
  padding-left: 0px;
  font-style: italic;
}
section.tools a.name {
  display: block;
  float: left;
  background-position: left 5px;
  background-repeat: no-repeat;
  margin-left: 7px;
  padding-left: 25px;
  text-decoration: none;
  font-size: 18px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #464646;
  max-width: calc(100% - 30px);
  box-sizing: border-box;
}
section.tools a.name:hover {
  color: #eb7f08;
  background-position: left -45px;
}
section.tools a.opentool {
  float: right;
  background-image: url(/$Theme-edu3$/Content/Theme/new/m_tovabb.png);
  background-size: 16px auto;
  width: 16px;
  height: 16px;
  margin-top: 6px;
  opacity: 0.5;
}
section.tools a.opentool:hover {
  background-position-y: -49px;
  opacity: 1;
}
section.tools div.info {
  margin-left: 10px;
  color: #494949;
  float: right;
  padding-top: 7px;
  font-size: small;
  /* link tool hack */

}
section.tools div.info .newsboard-item-priority {
  margin-left: -16px;
}
section.tools div.info span.info_category {
  margin-right: 10px;
}
section.tools div.info span.result {
  float: right;
  text-decoration: underline;
}
section.tools div.info span.field span + span:before {
  content: '|';
  color: #b5b5b5;
  margin: 0 10px;
}
section.tools div.info span.field span.hide {
  color: #b5b5b5;
  display: inline;
}
section.tools div.info span.field span.noinfo {
  color: #b5b5b5;
  font-size: smaller;
}
section.tools div.info span.field img {
  margin-left: 5px;
}
section.tools div.info .none,
section.tools div.info .more {
  color: rgba(78, 78, 78, 0.85);
}
section.tools div.info a:not(.imagebutton) {
  color: #494949;
  text-decoration: none;
  display: inline-block;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.tools div.info a:not(.imagebutton):hover {
  color: #eb7f08;
  text-decoration: none;
}
section.tools div.info > div {
  text-align: right;
}
section.tools div.info > div.embed_mini {
  float: right;
}
section.tools div.info > .minipic {
  float: left;
  width: 150px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
section.tools div.info > .minipic > span.play {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/$Theme-edu3$/Content/Theme/new/video_lejatszas.png);
  background-position: center 18px;
  background-repeat: no-repeat;
}
section.tools div.info > .minipic:hover > span.play {
  background-position: center -98px;
}
section.tools li.tt4200 div.info {
  float: none;
  clear: both;
  padding-left: 25px;
  font-size: inherit;
}
section.tools li.tt4200 div.info li > div {
  padding-bottom: 5px;
  font-size: 14px;
}
section.tools li.tt4200 div.info li > div a {
  padding-bottom: 2px;
}
section.tools li.tt4700 div.info {
  float: none;
  clear: both;
  padding-left: 25px;
  font-size: inherit;
}
section.tools li.tt4700 div.info ul.faq {
  list-style-type: none;
}
section.tools li.tt4700 div.info ul.faq li > a {
  text-decoration: none;
}
section.tools li.tt4700 div.info ul.faq li > a.selected_faq {
  font-weight: bold;
}
section.tools li.tt4700 div.info ul.faq li > a:hover {
  color: #eb7f08;
}
section.tools li.tt4700 div.info ul.faq li > a + div {
  margin-left: 10px;
}
section.tools li.tt4700 div.info li > div {
  padding-bottom: 5px;
  font-size: 14px;
}
section.tools li:hover span.field {
  color: #494949;
}
section.members {
  background-color: white;
}
section.members h2 {
  font-size: x-large;
  color: #b5b5b5;
  font-weight: normal;
  margin-bottom: 20px;
}
section.members h2 .add_new_user,
section.members h2 .add_new_externaluser {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-position: top;
  cursor: pointer;
  margin-left: 10px;
}
section.members h2 .add_new_user:hover,
section.members h2 .add_new_externaluser:hover {
  background-position: bottom;
}
section.members h2 .add_new_user {
  background-image: url("/$Theme-edu3$/Content/Theme/new/s_ujresztvevo.png");
}
section.members h2 .add_new_externaluser {
  background-image: url("/$Theme-edu3$/Content/Theme/new/s_ujkulsoresztvevo.png");
}
section.members h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  color: rgba(78, 78, 78, 0.85);
  font-weight: normal;
  margin-left: 20px;
}
section.members ul {
  list-style: none;
  overflow: hidden;
  margin-left: 20px;
}
section.members ul li {
  float: left;
  width: 31%;
  margin-right: 2%;
}
section.members ul li a.userinfolink {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 5px 5px 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #464646;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 20px;
}
section.members ul li a.userinfolink.linkbutton_highlighted {
  color: #eb7f08;
}
div.footerinfo {
  color: #494949;
  font-size: 13px;
}
/* Aside.left
-----------------------------------------------------------------------------*/

aside.left {
  float: left;
  width: 250px;
  padding-bottom: 40px;
  margin-right: 10px;
  /*	
	opacity: 0.6;
	&:hover {
		opacity: 1;
	}
	*/

}
aside.left > section {
  margin-bottom: 10px;
}
aside.left h2 {
  font-family: 'Open Sans';
  margin-top: 30px;
  font-size: 16px;
  color: #464646;
  padding: 5px;
  text-transform: uppercase;
}
aside.left a.btn_new {
  display: inline-block;
  float: right;
  font-weight: normal;
  font-size: small;
  color: #757575;
  text-decoration: none;
  margin-top: 3px;
  text-transform: none;
}
aside.left a.btn_new:hover {
  color: #eb7f08;
}
/*
@media (max-width: 800px) {
	aside.left {
		float: none;
		width: inherit;
		min-height: 0px;
		
		ul.bigvmenu {
			overflow: hidden;
			li {
				width: 200px;
				float: left;
				a {
					padding: 2px;
				}
			}
		}
	}
}
*/

ul.bigvmenu {
  list-style: none;
  background: white;
  /*&:hover li a {
		color: @menu_text;
		transition: color 0.5s;
	}*/

}
ul.bigvmenu b {
  font-weight: normal !important;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 50px);
  vertical-align: bottom;
}
ul.bigvmenu li {
  display: block;
}
ul.bigvmenu li a {
  display: block;
  padding: 9px 8px;
  text-decoration: none;
  color: #757575;
}
ul.bigvmenu li span.info {
  color: #eb7f08;
  float: right;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin-top: -4px;
}
ul.bigvmenu li.submenu {
  display: none;
}
ul.bigvmenu li.current {
  background-color: #eb7f08;
  color: white;
  border-bottom: 1px solid #eb7f08;
}
ul.bigvmenu li.current a,
ul.bigvmenu li.current span.info {
  color: white;
}
ul.bigvmenu li.current.editable a > b {
  cursor: text;
  width: calc(100% - 70px);
}
ul.bigvmenu li.current.editable.renaming div.buttons {
  line-height: 40px;
}
ul.bigvmenu li.current.editable.renaming div.buttons input {
  border: 0;
  outline: 0px;
}
ul.bigvmenu li.current.editable.renaming div.buttons input[type=button] {
  margin-left: 5px;
  background-color: #eb7f08;
  color: white;
}
ul.bigvmenu li.current.editable.renaming span.colorbox {
  margin-left: 10px;
}
ul.bigvmenu li.current.editable span.info {
  padding-left: 25px;
  background-image: url("/$Theme-edu3$/Content/Theme/new/ControlButtons/modositas.png");
  background-position: left -37px;
  background-repeat: no-repeat;
  cursor: pointer;
}
ul.bigvmenu li.current:hover {
  background-color: #f8982e;
}
ul.bigvmenu li.renaming input[type=text] {
  width: 100px;
}
ul.bigvmenu li > ul {
  margin-left: 30px;
}
ul.bigvmenu li > ul li:last-child {
  border-bottom: 0px;
}
/* Footer
-----------------------------------------------------------------------------*/

#footer {
  clear: both;
  margin-top: -40px;
  color: rgba(78, 78, 78, 0.85);
  font-size: 12px;
  line-height: 40px;
  overflow: hidden;
  background-color: rgba(235, 235, 235, 0.95);
}
#footer > div {
  width: 990px;
  margin: 0px auto;
}
#footer .left {
  float: left;
  padding-left: 8px;
}
#footer .right {
  float: right;
  padding-right: 8px;
}
#footer .right .fb-like {
  line-height: 20px;
}
/**************/

aside.left a.headerbutton {
  display: block;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 7px 8px;
}
aside.left a.headerbutton:hover {
  color: #eb7f08;
  background-position: 7px -66px;
  transition: 0s;
}
aside.left a.headerbutton.headerbutton_disabled_highlighted:hover,
aside.left a.headerbutton.headerbutton_highlighted:hover {
  color: white;
  background-position: 7px 8px;
}
aside.left li.current a.headerbutton:hover {
  background-position: 7px 8px;
  color: white;
}
/* userinfolink */

div.userinfohint {
  display: none;
  position: absolute;
  top: 0px;
  width: 350px;
  background-color: white;
  -moz-box-shadow: 0 0 5px #888888;
  -webkit-box-shadow: 0 0 5px #888888;
  box-shadow: 0 0 5px #888888;
  padding: 5px;
  z-index: 1000;
  float: none;
  text-align: left;
  color: #464646;
}
div.userinfohint div.hintimage {
  float: left;
  width: 80px;
  height: 96px;
  padding-right: 10px;
}
div.userinfohint div.hintinfo {
  margin-left: 90px;
  line-height: normal;
}
div.userinfohint div.hintinfo span.name {
  font-weight: bold;
  padding-bottom: 5px;
}
div.userinfohint div.hintinfo a.linkbutton16 {
  display: block;
  font-size: 13px;
  margin-top: 7px;
  padding-left: 20px;
  line-height: 16px;
}
div.userinfohint div.hintinfo a.linkbutton16.csms_btn {
  background-image: url(/$Theme-edu3$/Content/Theme/new/valasz.png);
}
div.userinfohint div.hintinfo a.linkbutton16.video_btn {
  background-image: url(/$Theme-edu3$/Content/Theme/new/videohivas.png);
}
div.userinfohint div.actions {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #494949;
  font-size: 14px;
}
div.userinfohint div.actions > span.other,
div.userinfohint div.actions > a {
  margin-right: 7px;
  white-space: nowrap;
}
div.userinfohint div.csms_box {
  display: none;
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #494949;
}
div.userinfohint div.csms_box textarea {
  width: 100%;
  height: 30px;
  overflow: auto;
}
div.userinfohint div.online {
  font-size: 80%;
}
/**************/

div.embed {
  cursor: pointer;
  border-left: 5px solid #e0e0e0;
  padding-left: 5px;
}
div.embed > img {
  max-width: 600px;
  max-height: 400px;
}
div.embed div.title {
  font-weight: normal;
  color: #eb7f08;
  padding-top: 4px;
  padding-bottom: 4px;
}
div.embed:hover div.title {
  color: #eb7f08;
  text-decoration: underline;
}
div.embed_mini {
  cursor: pointer;
  padding-left: 5px;
  width: 150px;
  font-size: 11px;
}
div.embed_mini div.img {
  width: 150px;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
div.embed_mini div.img > div.video {
  width: 100%;
  height: 100%;
  background-image: url(/$Theme-edu3$/Content/Theme/new/video_lejatszas.png);
  background-position: center 18px;
  background-repeat: no-repeat;
}
div.embed_mini div.title {
  font-weight: bold;
  color: #ac4f02;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
}
div.embed_mini:hover div.img > div.video {
  background-position: center -98px;
}
div.embed_mini:hover div.title {
  color: #ac4f02;
  text-decoration: underline;
}
/* onlineusers */

form#onlineusersearch {
  margin-top: 30px;
  margin-bottom: 15px;
}
form#onlineusersearch input {
  padding: 2px;
  width: 200px;
}
#onlineuserscontent div.next {
  background-image: url(/$Theme-edu3$/Content/Theme/ajaxLoader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 105px;
  width: 50px;
}
div.onlineuser {
  display: inline-block;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
  width: 33%;
  box-sizing: border-box;
  background-color: white;
  height: 105px;
  margin-right: 2px;
  margin-bottom: 2px;
  overflow: hidden;
  vertical-align: top;
  border: 1px solid #efefef;
}
div.onlineuser .active {
  background-color: Green;
  border-radius: 10px;
  height: 10px;
  width: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
div.onlineuser .inactive {
  background-color: #eb7f08;
  border-radius: 10px;
  height: 10px;
  width: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
div.onlineuser div.picture {
  float: left;
  padding: 10px 5px 0 5px;
  width: 50px;
  height: 100%;
  box-sizing: border-box;
  background-color: #efefef;
}
div.onlineuser div.picture img {
  border-radius: 20px;
}
div.onlineuser div.data {
  margin-left: 55px;
}
div.onlineuser div.data div.name {
  color: #464646;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.onlineuser div.data div.name a {
  color: #464646;
}
div.onlineuser div.data div.name a:hover {
  color: #eb7f08;
}
div.onlineuser div.data div.info {
  color: #b5b5b5;
  margin-top: 0px;
  font-size: 12px;
}
div.onlineuser div.data div.button {
  margin-top: 10px;
}
div.onlineuser div.data div.button a.linkbutton16 {
  display: block;
  margin-top: 7px;
  font-size: 13px;
}
textarea {
  font-family: Arial;
}
#likeusers {
  position: absolute;
  width: 200px;
  background-color: #494949;
  border: 1px solid #eb7f08;
  min-height: 35px;
  z-index: 11;
}
#likeusers .buttons {
  padding: 5px;
  color: #eb7f08;
}
#likeusers .buttons label {
  padding-left: 5px;
  vertical-align: middle;
}
#likeusers .close {
  padding: 4px;
  position: absolute;
  right: 16px;
  top: 0;
  display: none;
}
#likeusers .links {
  max-height: 200px;
  overflow-x: auto;
}
#likeusers:before {
  border-top: 10px solid #eb7f08;
}
#likeusers:after {
  border-top: 10px solid #494949;
  margin-top: -1px;
}
#likeusers:before,
#likeusers:after {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 100%;
  left: 50%;
}
#likeusers .userinfolink {
  display: block;
  padding: 2px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#likeusers .userinfolink:hover {
  color: white;
}
#OverlayEffect {
  background-color: white;
  filter: alpha(opacity=0);
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#OverlayEffect2 {
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
}
#OverlayEffect2 td {
  text-align: center;
  vertical-align: center;
  height: 100%;
}
#OverlayEffect2 td iframe,
#OverlayEffect2 td object {
  width: 80%;
  height: 80%;
}
div.dm_overlay {
  background-color: transparent;
  width: 100%;
  height: 100%;
  z-index: 901;
  position: fixed;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease-in-out;
}
div.dm_overlay.anim {
  background-color: rgba(0, 0, 0, 0.8);
}
div.dm_win {
  background-color: white;
  z-index: 901;
  position: fixed;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
div.dm_win.anim {
  opacity: 1;
}
div.dm_win > iframe {
  border: 0px;
  width: 100%;
  height: 100%;
}
.operations {
  background-color: white;
  padding: 5px 10px;
  border-top: 1px solid #b5b5b5;
  overflow: hidden;
  margin-top: 5px;
}
.operations .options {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}
.operations a.button {
  float: right;
  margin-left: 10px;
  background-color: #eb7f08;
  color: white;
  border: none;
  padding: 10px;
}
.operations a.button > span.icon {
  background-position: left bottom;
  padding-left: 30px;
}
.operations a.button.options {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}
.operations a.button:hover {
  background-color: #ff9200;
}
.operations a.button.button_disabled {
  background-color: #757575;
  color: #b5b5b5;
}
.operations a.button.button_disabled > span.icon {
  background-position: left top;
  padding-left: 30px;
}
.operations .linkbutton32 {
  float: right;
  margin-left: 10px;
}
.operations .linkbutton32.options {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}
.operations .linkbutton32:hover {
  color: #eb7f08;
}
.operations .linkbutton32_disabled,
.operations .linkbutton32_disabled:hover {
  color: #b5b5b5;
  cursor: default;
  background-position: left top;
}
.control {
  clear: both;
  padding: 5px 10px;
  min-height: 26px;
  font-size: 18px;
  color: #494949;
  line-height: 30px;
  overflow: hidden;
}
.control .linkbutton24 {
  float: right;
  margin-left: 10px;
  color: white;
  background-color: #eb7f08;
  padding: 5px;
  background-position: 5px -33px;
}
.control .linkbutton24:hover {
  background-color: #ff9200;
}
.control .linkbutton24.linkbutton24_disabled,
.control .linkbutton24.linkbutton24_disabled:hover {
  color: #b5b5b5;
  cursor: default;
  background-color: #fafafa;
  background-position: 5px 7px;
}
.control a.button {
  float: right;
  margin-left: 10px;
  background-color: #eb7f08;
  color: white;
  border: none;
  padding: 7px;
}
.control a.button > span.icon {
  background-position: left bottom;
  padding-left: 30px;
}
.control a.button.options {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}
.control a.button:hover {
  background-color: #ff9200;
}
.control a.button.button_disabled {
  background-color: #b5b5b5;
  color: #494949;
}
.control .options {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}
.group_head {
  background-color: #494949;
  color: #b5b5b5;
  font-size: 15px;
  padding: 10px;
}
.info_box {
  background-color: white;
  padding: 10px;
}
.info_box div.boxtitle {
  height: 30px;
  font-size: 18px;
  color: #494949;
}
.info_box textarea.htmleditor {
  width: 100%;
  border: 0;
}
/* Merge Scenes */

#mergeheadercontainer,
#scenetreecontainer {
  background-color: white;
  padding: 10px 0;
  overflow: visible;
}
#mergeheadercontainer section.scenes,
#scenetreecontainer section.scenes {
  overflow: visible;
}
#mergeheadercontainer section.scenes h2,
#scenetreecontainer section.scenes h2 {
  margin-right: 0;
}
#mergeheadercontainer section.scenes .maintable_scenetree .code,
#scenetreecontainer section.scenes .maintable_scenetree .code {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 80%;
}
#mergeheadercontainer ul.box,
#scenetreecontainer ul.box {
  margin-right: 0;
}
#mergeheadercontainer ul.box:last-of-type,
#scenetreecontainer ul.box:last-of-type {
  margin-bottom: 300px;
}
#mergeheadercontainer ul.box li.scene,
#scenetreecontainer ul.box li.scene {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 320px;
  height: 200px;
  border: 1px solid #efefef;
  background-image: url(/$Theme-edu3$/Content/Theme/bg_scenebox.png);
  background-size: cover;
  overflow: visible;
  vertical-align: top;
  position: relative;
  /*&:nth-child(3n){
				background-image: url(bg_boxtest_image2.jpg);
			}

			&:nth-child(4n-3){
				background-image: url(bg_boxtest_image3.jpg);
			}*/

}
#mergeheadercontainer ul.box li.scene:hover,
#scenetreecontainer ul.box li.scene:hover {
  border: 1px solid #eb7f08;
}
#mergeheadercontainer ul.box li.scene div.scene,
#scenetreecontainer ul.box li.scene div.scene {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px;
  margin-top: 0;
}
#mergeheadercontainer ul.box li.scene div.subscenes,
#scenetreecontainer ul.box li.scene div.subscenes {
  width: 34px;
  height: 34px;
  min-height: 34px;
  line-height: 32px;
  float: left;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #b5b5b5;
  border-radius: 20px;
  text-align: center;
  padding: 0;
  margin-top: 5px;
  margin-left: 5px;
}
#mergeheadercontainer ul.box li.scene div.subscenes.scene_tool_unread,
#scenetreecontainer ul.box li.scene div.subscenes.scene_tool_unread {
  background-color: #eb7f08;
  color: white;
}
#mergeheadercontainer ul.box li.scene div.subscenes .popupbox li.scene,
#scenetreecontainer ul.box li.scene div.subscenes .popupbox li.scene {
  background-image: none;
  border: none;
  height: auto;
  width: 190px;
  margin-bottom: 0;
}
#mergeheadercontainer ul.box li.scene div.subscenes:hover .popupbox,
#scenetreecontainer ul.box li.scene div.subscenes:hover .popupbox {
  display: block;
}
#mergeheadercontainer ul.box li.scene a.name,
#scenetreecontainer ul.box li.scene a.name {
  line-height: 22px;
  height: auto;
  max-height: 66px;
  font-size: large;
  white-space: normal;
  background-image: none;
  padding-left: 0;
  overflow: hidden;
}
#mergeheadercontainer ul.box li.scene a.name.scene_pendingA,
#scenetreecontainer ul.box li.scene a.name.scene_pendingA,
#mergeheadercontainer ul.box li.scene a.name.scene_pendingD,
#scenetreecontainer ul.box li.scene a.name.scene_pendingD,
#mergeheadercontainer ul.box li.scene a.name.scene_pendingI,
#scenetreecontainer ul.box li.scene a.name.scene_pendingI,
#mergeheadercontainer ul.box li.scene a.name.scene_pendingN,
#scenetreecontainer ul.box li.scene a.name.scene_pendingN {
  color: #9e9e9e;
}
#mergeheadercontainer ul.box li.scene a.name.scene_pendingA:hover,
#scenetreecontainer ul.box li.scene a.name.scene_pendingA:hover,
#mergeheadercontainer ul.box li.scene a.name.scene_pendingD:hover,
#scenetreecontainer ul.box li.scene a.name.scene_pendingD:hover,
#mergeheadercontainer ul.box li.scene a.name.scene_pendingI:hover,
#scenetreecontainer ul.box li.scene a.name.scene_pendingI:hover,
#mergeheadercontainer ul.box li.scene a.name.scene_pendingN:hover,
#scenetreecontainer ul.box li.scene a.name.scene_pendingN:hover {
  color: #eb7f08;
}
#mergeheadercontainer ul.box li.scene span.categorychooser,
#scenetreecontainer ul.box li.scene span.categorychooser {
  max-height: 85px;
  margin: 0;
}
#mergeheadercontainer ul.box li.scene span.categorychooser span.bracket,
#scenetreecontainer ul.box li.scene span.categorychooser span.bracket {
  display: block;
  line-height: 18px;
}
#mergeheadercontainer ul.box li.scene span.categorychooser span.bracket span:last-child,
#scenetreecontainer ul.box li.scene span.categorychooser span.bracket span:last-child {
  display: none;
}
#mergeheadercontainer ul.box li.scene span.categorychooser span.bracket span:first-child,
#scenetreecontainer ul.box li.scene span.categorychooser span.bracket span:first-child {
  display: inline-block;
}
#mergeheadercontainer ul.box li.scene span.title,
#scenetreecontainer ul.box li.scene span.title {
  width: 286px;
  float: left;
}
#mergeheadercontainer ul.box li.scene div.code,
#scenetreecontainer ul.box li.scene div.code {
  font-size: small;
}
#mergeheadercontainer ul.box li.scene span.term,
#scenetreecontainer ul.box li.scene span.term {
  margin-left: 10px;
  font-size: small;
  float: right;
}
#mergeheadercontainer ul.box li.scene ul.scene_tools,
#scenetreecontainer ul.box li.scene ul.scene_tools {
  width: 315px;
  position: absolute;
  bottom: 10px;
  margin: 0;
}
#mergeheadercontainer ul.box li.scene ul.scene_tools li,
#scenetreecontainer ul.box li.scene ul.scene_tools li {
  vertical-align: bottom;
  background-color: white;
  border-radius: 20px;
  width: 34px;
  height: 34px;
  margin-left: 5px;
  position: relative;
  overflow: visible;
}
#mergeheadercontainer ul.box li.scene ul.scene_tools li:hover,
#scenetreecontainer ul.box li.scene ul.scene_tools li:hover {
  background-color: white;
}
#mergeheadercontainer ul.box li.scene ul.scene_tools li a,
#scenetreecontainer ul.box li.scene ul.scene_tools li a {
  margin-left: -1px;
}
#mergeheadercontainer ul.box li.scene ul.scene_tools li .popupbox,
#scenetreecontainer ul.box li.scene ul.scene_tools li .popupbox {
  margin-top: -6px;
}
#mergeheadercontainer ul.box li.scene ul.box,
#scenetreecontainer ul.box li.scene ul.box {
  display: none;
}
#mergeheadercontainer ul.compact .scene,
#scenetreecontainer ul.compact .scene {
  min-height: 30px;
}
#mergeheadercontainer ul.compact .scene li.scene,
#scenetreecontainer ul.compact .scene li.scene {
  margin-left: 25px;
}
#mergeheadercontainer ul.compact .scene div.scene,
#scenetreecontainer ul.compact .scene div.scene {
  padding-bottom: 0;
}
#mergeheadercontainer ul.compact .scene span.title,
#scenetreecontainer ul.compact .scene span.title {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}
#mergeheadercontainer ul.compact .scene span.title a.name,
#scenetreecontainer ul.compact .scene span.title a.name {
  font-size: 18px;
  line-height: normal;
}
#mergeheadercontainer ul.compact .scene span.title a.name.inactive,
#scenetreecontainer ul.compact .scene span.title a.name.inactive {
  background-position: left 4px;
}
#mergeheadercontainer ul.compact .scene span.title a.name.inactive:hover,
#scenetreecontainer ul.compact .scene span.title a.name.inactive:hover {
  background-position: left 4px;
}
#mergeheadercontainer ul.compact .scene span.title a.name.N,
#scenetreecontainer ul.compact .scene span.title a.name.N {
  background-position: left -34px;
}
#mergeheadercontainer ul.compact .scene span.title a.name.N:hover,
#scenetreecontainer ul.compact .scene span.title a.name.N:hover {
  background-position: left -34px;
}
#mergeheadercontainer ul.compact .scene span.fav_code,
#scenetreecontainer ul.compact .scene span.fav_code {
  display: inline-block;
  margin-left: 15px;
}
#mergeheadercontainer ul.compact .scene span.fav_code a.btn_fav,
#scenetreecontainer ul.compact .scene span.fav_code a.btn_fav {
  margin-left: 10px;
  overflow: visible;
  display: inline-block;
  float: none;
}
#mergeheadercontainer ul.compact .scene span.fav_code .code,
#scenetreecontainer ul.compact .scene span.fav_code .code {
  font-size: 13px;
  float: none;
}
#mergeheadercontainer ul.compact .scene span.categorychooser,
#scenetreecontainer ul.compact .scene span.categorychooser {
  line-height: normal;
}
#mergeheadercontainer ul.compact .scene .scene_tools,
#scenetreecontainer ul.compact .scene .scene_tools {
  width: auto;
  clear: none;
  margin-top: 3px;
}
#mergeheadercontainer ul.compact .scene .scene_tools .scene_tool,
#scenetreecontainer ul.compact .scene .scene_tools .scene_tool {
  display: inline-block;
  width: 25px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: left top;
  opacity: 0.6;
}
#mergeheadercontainer ul.compact .scene .scene_tools .scene_tool:hover,
#scenetreecontainer ul.compact .scene .scene_tools .scene_tool:hover {
  background-position: left -50px;
}
#mergeheadercontainer ul.list .scene span.fav_code,
#scenetreecontainer ul.list .scene span.fav_code {
  display: inline-block;
  margin-left: 15px;
}
#mergeheadercontainer ul.list .scene span.fav_code a.btn_fav,
#scenetreecontainer ul.list .scene span.fav_code a.btn_fav {
  margin-left: 10px;
  overflow: visible;
  display: inline-block;
  float: none;
}
#mergeheadercontainer ul.list .scene span.fav_code .code,
#scenetreecontainer ul.list .scene span.fav_code .code {
  float: none;
}
#searchscenescontainer {
  margin-bottom: 20px;
}
#searchscenescontainer .control .options input {
  font-size: 18px;
  width: 150px;
  padding: 2px;
}
.maintable {
  table-layout: fixed;
  border-collapse: collapse;
  color: #464646;
}
.maintable thead th {
  color: #b5b5b5;
  line-height: 28px;
  text-align: left;
  font-weight: normal;
  padding-left: 10px;
}
.maintable > tbody > tr {
  border-bottom: 1px solid #efefef;
  height: 20px;
}
.maintable > tbody > tr:hover {
  background-color: #fafafa;
}
.maintable > tbody > tr td {
  padding: 5px 10px 5px 10px;
}
ol,
ul {
  list-style-position: inside;
}
.taglink {
  color: #b5b5b5;
  font-style: italic;
  text-decoration: none;
}
.taglink:hover {
  color: #eb7f08;
}
/*főoldal, színtér főoldal*/

.scene {
  overflow: hidden;
}
.scene:hover .invisible {
  background-color: #b5b5b5;
}
.scene div.fav_code {
  position: absolute;
  margin-top: 30px;
}
.scene span.title a.btn_fav {
  display: inline-block;
}
.scene span.categorychooser {
  float: right;
  text-align: right;
  font-size: small;
  max-width: 360px;
}
.scene a.btn_fav {
  float: left;
  text-indent: -1000px;
  overflow: hidden;
  width: 25px;
  background-image: url(/$Theme-edu3$/Content/Theme/icon_notfav.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.scene a.btn_fav:hover,
.scene a.btn_fav.set,
li.fav .scene a.btn_fav {
  background-image: url(/$Theme-edu3$/Content/Theme/icon_fav.png);
}
.scene .code {
  float: left;
}
.scene .scene_tools {
  float: right;
  width: 360px;
  text-align: right;
  clear: right;
}
.scene .scene_tools li {
  display: inline-block;
  border: none;
  margin-left: 0;
  overflow: visible;
}
.scene .scene_tools li:hover .popupbox {
  display: block;
}
.scene .scene_tools li:hover .scene_tool {
  background-position: left -170px;
}
.scene .scene_tools li:hover .scene_tool_unread {
  background-position: left bottom;
}
.scene .scene_tools .scene_tool {
  display: inline-block;
  width: 40px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: left top;
}
.scene .scene_tools .scene_tool_unread {
  display: inline-block;
  width: 40px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: left -85px;
}
.popupbox {
  display: none;
  border: 1px solid #b5b5b5;
  background-color: white;
  position: absolute;
  width: 300px;
  height: auto;
  margin-left: -265px;
  margin-top: -3px;
  text-align: left;
  line-height: normal;
  z-index: 11;
  font-size: normal;
  max-height: 300px;
  overflow-x: auto;
  padding-top: 0;
}
.popupbox a {
  color: #494949;
  display: block;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popupbox a:hover {
  background-color: #eb7f08;
  color: white !important;
}
.popupbox .changed a {
  color: #eb7f08;
}
.popupbox .changed a:after {
  content: '*';
}
.popupbox .head {
  background-color: #efefef;
  padding-left: 5px;
  display: block;
}
#categoriescontainer {
  overflow: hidden;
}
#categoriescontainer ul#categoriesclone {
  list-style: none;
}
#categoriescontainer ul#categoriesclone li {
  float: left;
  width: calc((100% - 20px) / 3 - 1px);
  height: 120px;
  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
}
#categoriescontainer ul#categoriesclone li:nth-of-type(3n),
#categoriescontainer ul#categoriesclone li.last {
  margin-right: 0;
}
#categoriescontainer ul#categoriesclone li a {
  color: white;
  font-size: large;
  position: relative;
  display: block;
  height: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
}
#categoriescontainer ul#categoriesclone li a b {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-weight: normal;
}
#categoriescontainer ul#categoriesclone li a .info {
  position: absolute;
  right: 15px;
  bottom: 10px;
  font-size: xx-large;
  font-weight: bold;
}
#categoriescontainer ul#categoriesclone li.c1 {
  background-color: #87bcdf;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c2 {
  background-color: #6a77c5;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c3 {
  background-color: #96ddca;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c4 {
  background-color: #9ed67d;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c5 {
  background-color: #6d9a82;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c6 {
  background-color: #c1ac91;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c7 {
  background-color: #cecfcc;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c8 {
  background-color: #929391;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c9 {
  background-color: #e9bf6b;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c10 {
  background-color: #f9986b;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c11 {
  background-color: #d06d6a;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c12 {
  background-color: #a0666e;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c13 {
  background-color: #f37db3;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c14 {
  background-color: #b57cec;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c15 {
  background-color: #977bb8;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c16 {
  background-color: #e5a98d;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_szinterek.png);
}
#categoriescontainer ul#categoriesclone li.c30 {
  background-color: white;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_rejtett.png);
}
#categoriescontainer ul#categoriesclone li.c30 a {
  color: #b5b5b5;
  border: 3px solid #757575;
}
#categoriescontainer ul#categoriesclone li.c30 a .info {
  color: #757575;
}
#categoriescontainer ul#categoriesclone li.c31 {
  background-color: #f1e47b;
  background-image: url(/$Theme-edu3$/Content/Theme/new/Categories/hatter_kedvencek.png);
}
#sceneinfo {
  padding: 10px;
}
#sceneinfo h2 {
  font-size: x-large;
  color: #b5b5b5;
  font-weight: normal;
  margin-top: 10px;
}
#sceneinfo h3 {
  color: #b5b5b5;
  margin-bottom: 30px;
}
#sceneinfo .userhtml {
  margin-top: 10px;
  margin-bottom: 30px;
  color: #757575;
  padding: 0;
}
/* fix menüsor */

body.fixedheader #header,
body.fixedheader #breadcrumb2 {
  width: 100%;
  position: fixed;
}
body.fixedheader #header {
  top: -48px;
}
body.fixedheader #breadcrumb2 {
  top: 32px;
}
body.fixedheader #spaceholder {
  display: block;
}
/* Merge scene */

#sceneproperties h2 {
  font-size: x-large;
  color: #b5b5b5;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 10px;
}
#sceneproperties span.label {
  display: inline-block;
  min-width: 150px;
  color: #757575;
}
#sceneproperties input,
#sceneproperties select {
  padding: 2px;
}
#sync_params {
  color: #757575;
  margin-top: 10px;
}
#sync_params .role {
  padding-top: 10px;
  margin-top: 10px;
  overflow: hidden;
  border-top: 1px solid #b5b5b5;
}
#sync_params .role .and {
  border: 1px dotted #b5b5b5;
  margin-bottom: 10px;
  margin-left: 50px;
}
#sync_params .role .and .andhead {
  padding-left: 10px;
  background-color: #b5b5b5;
  color: white;
}
#sync_params .role .and .andhead a > span {
  color: white;
}
#sync_params .role .and .andhead div[id^=usercount_] {
  float: right;
  padding-right: 5px;
}
#sync_params .role .and .andhead div[id^=usercount_] div.links {
  display: none;
}
#sync_params .role .and .andhead div[id^=usercount_] div.links span {
  padding-left: 10px;
}
#sync_params .role .and .group {
  padding: 5px 10px;
}
#sync_params .role .and .group span {
  color: #494949;
}
#sync_params .role .and .group:hover {
  background-color: #fafafa;
}
#sync_params .role .and .group:hover .imagebutton16 {
  visibility: visible;
}
#sync_params .role .and .group select {
  width: 280px;
}
#sync_params .role .and .group select + select {
  margin-left: 25px;
}
#sync_params .role .and .group .imagebutton16 {
  float: right;
  visibility: hidden;
}
#sync_params .role [id^=add_role_] {
  float: right;
}
#statictext_container {
  padding: 10px;
}
h1.statictext {
  margin: 0px;
  padding: 5px 10px;
  background-color: #efefef;
  margin-bottom: 10px;
}
h1.statictext a.nyroModalClose {
  float: right;
  background-image: url(/$Theme-edu3$/Content/Theme/new/33bezaras.png);
  width: 26px;
  height: 26px;
}
.popupbody #top-container .popuphelp {
  padding: 10px;
  min-height: 20px;
  line-height: 40px;
  margin-bottom: 0px;
}
@media screen and (max-device-width: 680px) {
  body {
    font-family: arial;
    color: Black;
    font-size: 18px;
  }
  body.fixedheader #breadcrumb2 {
    top: 0;
  }
  * {
    max-height: 999999px;
  }
  #header1 {
    position: fixed;
    bottom: 100%;
    -webkit-transition: top 0.8s;
    transition: top 0.8s;
    width: 100%;
  }
  #header1 #header1r {
    display: none;
  }
  #header1 div.toplogo {
    display: none;
  }
  #header1.showmobil {
    top: 60px;
    z-index: 899;
  }
  #header1 > div {
    box-sizing: border-box;
    width: 100%;
  }
  #header1 .fb-like {
    display: none;
  }
  #mobilheader {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 899;
  }
  #mobilheader #header2 {
    position: fixed;
    bottom: 100%;
    -webkit-transition: bottom 0.8s;
    transition: bottom 0.8s;
    z-index: -1;
    border-bottom: 2px solid gray;
    background-color: rgba(250, 250, 250, 0.95);
    overflow-y: auto;
    height: 100%;
    width: 100%;
  }
  #mobilheader #header2 > ul {
    height: auto;
    list-style-type: none;
  }
  #mobilheader #header2 > ul > li {
    float: none;
    text-align: left;
    background-position: 10px 15px;
    background-repeat: no-repeat;
    min-height: 60px;
    line-height: 60px;
  }
  #mobilheader #header2 > ul > li.onlineusers {
    background-image: url(/$Theme-edu3$/Content/Theme/new/user_menu/mobil_osszesonlinefelhasznalo.png);
  }
  #mobilheader #header2 > ul > li.events {
    background-image: url(/$Theme-edu3$/Content/Theme/new/user_menu/mobil_esemenyek.png);
  }
  #mobilheader #header2 > ul > li.profil {
    background-image: url(/$Theme-edu3$/Content/Theme/new/user_menu/mobil_profilszerkesztese.png);
  }
  #mobilheader #header2 > ul > li.eventsettings {
    background-image: url(/$Theme-edu3$/Content/Theme/new/user_menu/mobil_esemenyertesitok.png);
  }
  #mobilheader #header2 > ul > li.logout {
    background-image: url(/$Theme-edu3$/Content/Theme/new/user_menu/mobil_kilepes.png);
  }
  #mobilheader #header2 > ul > li > a {
    display: block;
    padding-left: 60px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 60px;
    width: auto;
    font-size: larger;
    color: #494949;
    text-decoration: none;
    text-transform: lowercase;
  }
  #mobilheader #header2 > ul > li.current {
    background-position: 10px -64px;
    color: #eb7f08;
  }
  #mobilheader #header2 > ul > li:hover {
    background-color: #494949;
    background-position: 10px -64px;
  }
  #mobilheader #header2 > ul > li:hover > a {
    color: #eb7f08;
  }
  #mobilheader #header2.showmobil {
    padding-top: 60px;
    bottom: 0;
    box-sizing: border-box;
  }
  #mobilheader > a {
    display: inline-block;
    background-color: #464646;
    color: white;
    text-align: center;
    width: 18.75%;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 50%;
  }
  #mobilheader > a:first-child {
    background-image: url(/$Theme-edu3$/Content/Theme/logo_coospace_mobile.png);
    background-color: #464646;
    width: 12.5%;
    background-size: inherit;
  }
  #mobilheader > a.back:first-child {
    background-image: url(/$Theme-edu3$/Content/Theme/new/ControlButtons/vissza.png);
    background-position: center -20px;
  }
  #mobilheader > a.selected {
    background-color: rgba(250, 250, 250, 0.95);
  }
  #mobilheader #Menu_Header2 {
    background-image: url('/$Theme-edu3$/Content/Theme/beallitasok@2x.png');
    width: 12.5%;
  }
  #mobilheader #Menu_Header2.selected {
    background-image: url('/$Theme-edu3$/Content/Theme/beallitasok_inv@2x.png');
  }
  #mobilheader #Menu_Header {
    /*background-image: url('SVG/funkciok.svg');
  		background-size: 30px;
  		background-position: 50% 15px;
  
  		&.selected {
  			background-position: 50% -45px;
  		}*/
    background-image: url('/$Theme-edu3$/Content/Theme/funkciok@2x.png');
  }
  #mobilheader #Menu_Header.selected {
    background-image: url('/$Theme-edu3$/Content/Theme/funkciok_inv@2x.png');
  }
  #mobilheader #Menu_bigvmenu {
    background-image: url('/$Theme-edu3$/Content/Theme/menu@2x.png');
  }
  #mobilheader #Menu_bigvmenu.selected {
    background-image: url('/$Theme-edu3$/Content/Theme/menu_inv@2x.png');
  }
  #mobilheader #Menu_calendar {
    background-image: url('/$Theme-edu3$/Content/Theme/naptar@2x.png');
  }
  #mobilheader #Menu_calendar.selected {
    background-image: url('/$Theme-edu3$/Content/Theme/naptar_inv@2x.png');
  }
  #mobilheader #Menu_filter {
    background-image: url('/$Theme-edu3$/Content/Theme/filter@2x.png');
  }
  #mobilheader #Menu_filter.selected {
    background-image: url('/$Theme-edu3$/Content/Theme/filter_inv@2x.png');
  }
  #header {
    height: 100%;
    position: fixed;
    bottom: 100%;
    width: 100%;
    -webkit-transition: bottom 0.8s;
    transition: bottom 0.8s;
    z-index: 898;
    border-bottom: 2px solid gray;
  }
  #header #csms_leftcontent {
    width: 100%;
    position: static;
  }
  #header #csms_leftcontent div {
    padding-left: 60px;
  }
  #header #csms_leftcontent div.csms_allmessage {
    background-position: 47px center;
  }
  #header.showmobil {
    padding-top: 60px;
    bottom: 0;
    box-sizing: border-box;
  }
  #header #header3 {
    overflow-y: auto;
    height: 100%;
    width: 100%;
  }
  #header #header3 > ul {
    height: auto;
  }
  #header #header3 > ul > li {
    float: none;
    text-align: left;
    background-position: 10px 15px;
    min-height: 60px;
  }
  #header #header3 > ul > li > a {
    padding-left: 60px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 60px;
    width: auto;
    font-size: larger;
  }
  #header #header3 > ul > li > a + ul {
    position: static;
    padding-left: 50px;
  }
  #breadcrumb {
    width: 100%;
    margin-top: 60px;
  }
  #breadcrumb > ul {
    display: none;
  }
  #wrapper {
    width: 100%;
    min-height: calc(100% - 96px);
  }
  #wrapper aside.left {
    position: fixed;
    top: -100%;
    z-index: 897;
    background-color: rgba(250, 250, 250, 0.95);
  }
  #wrapper aside.left #sec_filter {
    height: auto;
    max-height: 100%;
    position: fixed;
    top: -100%;
    right: 0;
    width: 100%;
    -webkit-transition: top 0.8s;
    transition: top 0.8s;
    z-index: 898;
    overflow-y: auto;
    background-color: rgba(250, 250, 250, 0.95);
  }
  #wrapper aside.left #sec_filter.showmobil {
    top: 60px;
  }
  #wrapper aside.left #sec_bigvmenu {
    height: 100%;
    max-height: 100%;
    position: fixed;
    bottom: 100%;
    left: 0;
    width: 100%;
    -webkit-transition: bottom 0.8s;
    transition: bottom 0.8s;
    z-index: 898;
    border-bottom: 2px solid gray;
    overflow-y: auto;
    background-color: rgba(250, 250, 250, 0.95);
  }
  #wrapper aside.left #sec_bigvmenu.showmobil {
    bottom: 0;
    padding-top: 60px;
    box-sizing: border-box;
  }
  #wrapper aside.left #sec_bigvmenu ul.bigvmenu {
    background-color: inherit;
  }
  #wrapper aside.left #sec_calendar {
    height: auto;
    position: fixed;
    top: -355px;
    left: 0;
    min-width: 250px;
    width: 37.5%;
    -webkit-transition: top 0.8s;
    transition: top 0.8s;
    z-index: 899;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
    background-color: rgba(250, 250, 250, 0.95);
  }
  #wrapper aside.left #sec_calendar.showmobil {
    top: 60px;
  }
  #wrapper aside.left #sec_calendar .externalcalendar {
    display: none;
  }
  section.realcontent {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    box-sizing: border-box;
  }
  section.realcontent h1 a.imagebutton24 {
    margin-left: 20px;
  }
  section.realcontent h1 span.filter {
    clear: right;
    margin-right: 5px;
  }
  section.realcontent .scene div.fav_code {
    z-index: -1;
  }
  section.realcontent #scenetreecontainer .compact .categorychooser,
  section.realcontent #scenetreecontainer .compact .scene_tools {
    display: none;
  }
  section.realcontent #scenetreecontainer ul.list .scene .scene_tools {
    margin-top: 25px;
    width: auto;
  }
  section.realcontent #scenetreecontainer ul.list .scene .scene_tools li {
    margin-left: 10px;
  }
  @media screen and (max-device-width: 479px) {
    section.realcontent #scenetreecontainer ul.box li.scene {
      width: 100%;
      box-sizing: border-box;
    }
    section.realcontent #scenetreecontainer ul.box li.scene .scene_tools {
      width: 100%;
    }
    section.realcontent #scenetreecontainer ul.box li.scene .scene_tools li {
      margin-left: 10px;
      margin-top: 10px;
    }
  }
  #mergeheadercontainer ul.compact .scene span.title a.name,
  #scenetreecontainer ul.compact .scene span.title a.name {
    font-size: x-large;
  }
  .qq-uploader .qq-upload-drop-area {
    display: none;
  }
  section.realcontent #task_list_content .wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  section.realcontent #task_list_content .wrapper .task-list-table,
  section.realcontent #task_list_content .wrapper .task-evallist-table,
  section.realcontent #task_list_content .wrapper #pager {
    min-width: 680px;
  }
  /* tinyMce */
  @media screen and (max-device-width: 479px) {
    tr.mceLast {
      height: 0;
    }
    tr.mceLast td.mceToolbar {
      height: 0;
    }
    tr.mceLast td.mceToolbar > div {
      display: none;
    }
  }
  /* fórum */
  .forum-post-message-edit {
    visibility: visible !important;
  }
  /* blog */
  .blog_item_comment_header_command {
    visibility: visible !important;
  }
  /* glossary */
  #glossary_table td.title input {
    width: 100% !important;
  }
  /* CSMS */
  #partners div.partner .middle {
    width: calc(100% - 210px) !important;
  }
  #partners div.partner .data {
    width: 130px !important;
  }
  #partners div.partner .data span {
    width: 100% !important;
  }
  /* trainer */
  table#mainsettings * {
    box-sizing: border-box;
  }
  table#mainsettings td.author {
    width: auto !important;
  }
  #qrcode_wrap {
    width: 100% !important;
  }
  #qrcode_wrap #qrcode_cont {
    top: 60px !important;
    left: 0 !important;
  }
  #more_settings {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  table.itempos {
    width: 100% !important;
  }
  table.itempos .text {
    width: 100% !important;
  }
  table.itempos .text input {
    width: 100% !important;
  }
  /* folder, QBank */
  ul#items > li > div.n {
    width: 58% !important;
  }
  ul#items > li > div.n a,
  ul#items > li > div.n span {
    max-width: 82% !important;
  }
  ul#items > li > div.i {
    width: 15% !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  ul#items > li > div.c {
    width: 23% !important;
  }
  /* notes */
  ul.notes li div.buttons {
    visibility: visible !important;
  }
  /* csatolás CooSpace-ből */
  @media screen and (max-width: 900px) {
    .dm_win {
      width: 100% !important;
      height: calc(100% - 60px) !important;
      left: 0 !important;
      top: 60px !important;
    }
  }
  /* teljes szélességnél */
  body.fullwidth section.realcontent {
    margin-left: 0;
  }
  /* popup */
  body.popupbody {
    padding-top: 60px !important;
  }
  /* vote */
  table#reults .percent {
    min-width: 100px !important;
    width: 25% !important;
  }
  /* onlineUsers */
  @media screen and (max-width: 480px) {
    #onlineuserscontent div.onlineuser {
      width: 49%;
    }
  }
}