/* layout.less */
/**
 * Globalni styly
 *
 * Tedy styly, ktere chceme mit UMYSLNE v globalnim prostoru jednotne pro celou aplikaci (typcisky treba .red {}, .gray {}, .description {} atd)
 *
 * Cokoliv specialniho co nevyuzije nikdo jiny by melo byt v oddelenem souboru s oddelenym jmennym prostorem tak, aby to nemohlo kolidovat s nastavenim neceho jineho.
 * Takze pokud potrebuji v nejake komponente zvlastni styl, tak pro ni vytvorim soubor a v nem styly ohranicim tak, aby se aplikovaly jen na tuto komponentu.
 */
/*
 * globalni nastaveni a mixins
 *
 * NIKDY sem nezapisovat styly! Tento soubor se inkluduje na x mistech a styly by se pak x-krat opakovaly!
 */
/* ============================================================= */
/* Mixins pro hlavní menu                                        */
/* ============================================================= */
/* ============================================================= */
/* Mixins pro strom obsahu a peple                               */
/* ============================================================= */
/*pozadí aktivního řádku ve stromu */
/*pozadí museover v navigaci */
/*datum domácích úkolů */
/*datum domácích úkolů v historii*/
/* stromovy vypis */
/* ikonky ze souboru se stromovymi ikonami */
/* ============================================================= */
/* Mixins pro ikonky sidebaru - layout_people                    */
/* ============================================================= */
/* ============================================================= */
/* Mixins pro custom prvky editačních modalů                     */
/* ============================================================= */
/*styl pro prvek label k input type radio a checkbox všude v modalech */
/* schováme defaultní prvky "radio buton" a "checkbox" - styl pro prvek input type radio a checkbox všude v modalech */
/*  umístění png podkladu - slouží pouze pro další mixiny */
/* styly pro prvky :before a :after */
/* ============================================================= */
/* Mixins pro .content-box - výužití v modulu typu "writing"     */
/* ============================================================= */
.border_box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.content_box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="text"],
input[type="password"],
textarea,
select {
  background: #f7f7f7;
  border: 1px solid #8EADDA;
  padding: 3px;
  margin: 2px;
  font-size: 13px;
  color: #444;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 0 0 5px #808080;
  -moz-box-shadow: inset 0 0 5px #808080;
  -webkit-box-shadow: inset 0 0 5px #808080;
}
textarea,
input#frmform-title {
  width: 98%;
}
input[type="text"].ui-autocomplete-input {
  margin-right: -10px;
}
input[type="text"]#frmcontentForm-container-editText {
  margin-left: 0;
  width: 94%;
}
.no-margin {
  margin: 0 !important;
}
/* TABS BOX */
.tabs-nav {
  font-size: 0px;
  letter-spacing: -1px;
  zoom: 1;
  padding: 0 5px 0 10px;
  position: relative;
  z-index: 10;
}
.tabs-nav a {
  padding: 5px 15px 15px 10px;
  margin: 5px 3px 0 0;
  min-width: 70px;
  _width: 80px;
  white-space: nowrap;
  background: #c9ccd6;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  margin-top: 5px;
  vertical-align: bottom;
  letter-spacing: 0;
  position: relative;
  border-radius: 5px 5px 0 0;
}
.tabs-nav .linkToAlternative {
  display: block;
  font-size: .8em;
  position: absolute;
  bottom: 2px;
}
.tabs-nav a:hover {
  background: #fff;
}
.tabs-nav .active {
  background: #fff;
  margin-top: 0;
  padding-top: 10px;
}
.tab-fragment {
  padding: 0 0 30px 0;
  font-size: 1em;
}
.tab-fragment strong {
  color: #444;
  font-size: 1.2em;
  line-height: 1.4em;
}
.tab-fragment p {
  margin: 0 0 .4em;
}
.tab-fragment h1,
.tab-fragment h2,
.tab-fragment h3,
.tab-fragment h4,
.tab-fragment h5,
.tab-fragment h6 {
  font-weight: 400;
}
.tab-hide {
  position: absolute !important;
  left: -5000px;
  top: -5000px;
  width: 100%;
}
/** END tabs **/
.red {
  color: red;
}
.relative {
  position: relative;
}
.bold {
  font-weight: bold;
}
.bold a {
  font-weight: bold;
}
.valign-top {
  vertical-align: top;
}
.placeholder {
  color: #bbb;
}
.text-right {
  text-align: right;
}
/** search form */
table.search-form {
  line-height: 2.2em;
}
table.search-form tr,
table.search-form td {
  height: 35px;
  vertical-align: top;
  padding: 0;
}
table.search-form td.filter-by {
  position: relative;
  padding-left: 3em;
  padding-right: 0;
  width: 20%;
  text-align: left;
}
table.search-form td.filter-by .wait,
table.search-form td.filter-by select {
  width: 60%;
  display: inline-block;
  position: absolute;
  right: 0;
}
table.search-form td.filter-by .select2-container {
  width: 100%;
  float: right;
}
table.search-form td.middle-search {
  text-align: right;
  width: 35%;
}
table.search-form td.middle-search br {
  display: none;
}
table.search-form td.middle-search label:before {
  margin-right: 3px;
  top: 4px;
  width: 16px;
  background-position-x: -400px;
}
table.search-form td.middle-search input:checked + label:before {
  background-position-x: -400px;
}
table.search-form input.search-input {
  padding: 3px 7px;
  width: 90%;
}
table.search-form .sort-by input[type="radio"] + label {
  display: inline-block;
  position: relative;
  top: 0;
  background: #c7cccd;
  background: -webkit-linear-gradient(180deg, #c7cccd, #a7aaad);
  background: -moz-linear-gradient(180deg, #c7cccd, #a7aaad);
  background: -ms-linear-gradient(180deg, #c7cccd, #a7aaad);
  background: -o-linear-gradient(180deg, #c7cccd, #a7aaad);
  background: linear-gradient(180deg, #c7cccd, #a7aaad);
  color: #EEE;
  padding: 2px 6px;
  margin: 0 1px 0 0 !important;
}
table.search-form .sort-by input[type="radio"] + label:before {
  display: none;
}
table.search-form .sort-by input[type="radio"] + label[for="frmsearchForm-sortBy-0"] {
  -webkit-border-radius: 7px 0 0 7px;
  -moz-border-radius: 7px 0 0 7px;
  border-radius: 7px 0 0 7px;
}
table.search-form .sort-by input[type="radio"] + label:first-of-type {
  -webkit-border-radius: 7px 0 0 7px;
  -moz-border-radius: 7px 0 0 7px;
  border-radius: 7px 0 0 7px;
}
table.search-form .sort-by input[type="radio"] + label:last-of-type {
  -webkit-border-radius: 0 7px 7px 0;
  -moz-border-radius: 0 7px 7px 0;
  border-radius: 0 7px 7px 0;
}
table.search-form .sort-by input[type="radio"] + label:hover {
  background: #97999d;
  background: -webkit-linear-gradient(180deg, #97999d, #444444);
  background: -moz-linear-gradient(180deg, #97999d, #444444);
  background: -ms-linear-gradient(180deg, #97999d, #444444);
  background: -o-linear-gradient(180deg, #97999d, #444444);
  background: linear-gradient(180deg, #97999d, #444444);
  color: white;
}
table.search-form .sort-by input[type="radio"] + label:active:before {
  display: none;
}
table.search-form .sort-by input[type="radio"] + label:active {
  background: #97999d;
  background: -webkit-linear-gradient(0deg, #97999d, #444444);
  background: -moz-linear-gradient(0deg, #97999d, #444444);
  background: -ms-linear-gradient(0deg, #97999d, #444444);
  background: -o-linear-gradient(0deg, #97999d, #444444);
  background: linear-gradient(0deg, #97999d, #444444);
}
table.search-form .sort-by input[type="radio"]:checked + label {
  background-color: #444;
  background: #97999d;
  background: -webkit-linear-gradient(0deg, #97999d, #444444);
  background: -moz-linear-gradient(0deg, #97999d, #444444);
  background: -ms-linear-gradient(0deg, #97999d, #444444);
  background: -o-linear-gradient(0deg, #97999d, #444444);
  background: linear-gradient(0deg, #97999d, #444444);
  color: white;
}
table.search-form .sort-by input[type="radio"]:checked + label:before {
  display: none;
}
table.search-form .afbox .ico-wait,
table.search-form .wait .ico-wait {
  background: url('../img/ajax-loader.gif') no-repeat;
  position: absolute;
  top: 2px;
  right: 4px;
  width: 16px;
  height: 16px;
  z-index: 99;
}
table.search-form .afbox-small-input {
  width: 80px;
}
table.search-form .afbox-small-input input[type="text"],
table.search-form .afbox-small-input input[type="password"],
table.search-form .afbox-small-input textarea {
  width: 55px;
}
table.search-form .afbox-medium-input {
  width: 150px;
}
table.search-form .afbox-medium-input input[type="text"],
table.search-form .afbox-medium-input input[type="password"],
table.search-form .afbox-medium-input textarea {
  width: 120px;
}
table.search-form .afbox-medium2-input {
  width: 200px;
}
table.search-form .afbox-medium2-input input[type="text"],
table.search-form .afbox-medium2-input input[type="password"],
table.search-form .afbox-medium2-input textarea {
  width: 170px;
}
table.search-form .afbox-large-input {
  width: 100%;
  margin-bottom: 5px;
}
table.search-form .afbox-large-input input[type="text"],
table.search-form .afbox-large-input input[type="password"],
table.search-form .afbox-large-input textarea {
  width: 120px;
}
.no-search-result {
  margin-left: 3em;
}
.actionBtn {
  display: inline-block;
  padding: 3px 10px 3px 15px;
  text-decoration: none;
  color: black;
  border: 1px solid #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset -4px -4px 12px #e0dddd;
  -moz-box-shadow: inset -4px -4px 12px #e0dddd;
  -webkit-box-shadow: inset -4px -4px 12px #e0dddd;
  font-size: 12px;
  line-height: 14px;
}
.actionBtn:hover {
  box-shadow: inset 4px 4px 12px #e0dddd;
  -moz-box-shadow: inset 4px 4px 12px #e0dddd;
  -webkit-box-shadow: inset 4px 4px 12px #e0dddd;
}
.one-half {
  width: 50%;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.small-indent-left {
  margin-left: 5px !important;
}
.ico {
  vertical-align: middle;
  width: 34px;
  height: 29px;
  line-height: 29px;
  background: url('/img/btn/ikonky_people.png') no-repeat;
  text-indent: 50px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}
.icoBig {
  vertical-align: middle;
  width: 34px;
  height: 29px;
  line-height: 29px;
  background: url('/img/btn/ikonky_people_big.png') no-repeat;
  text-indent: 50px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}
.ico-people.ico-tick {
  background-position: -122px -30px;
  background-color: #fff;
}
.ico-people.ico-tick-gray {
  background-position: -122px 0px;
  background-color: #fff;
}
.select2bigContainer {
  width: 500px !important;
}
.select2bigDropdown {
  width: 500px !important;
}
/* ikonky rada */
a.tAssignmentHistory {
  background-position: -72px 0px !important;
}
a.tShareGroup {
  background-position: -108px 0px !important;
}
a.tAddStudents {
  background-position: -144px 0px !important;
}
a.tRemovePerson {
  background-position: -180px 0px !important;
}
a.tSendMessage {
  background-position: -216px 0px !important;
}
a.tShowMessageBoard {
  background-position: -252px 0px !important;
}
a.tDetail {
  background-position: -288px 0px !important;
}
a.tEdit {
  background-position: -396px 0px !important;
}
a.tCopyEdit {
  background-position: -648px 0px !important;
}
a.tCopy {
  background-position: -432px 0px !important;
}
a.tMove {
  background-position: -504px 0px !important;
}
a.tCoursebook {
  background-position: -576px 0px !important;
}
a.tStar {
  background-position: -360px 0px !important;
}
a.tUnstar {
  background-position: -324px -29px !important;
}
a.tRemove {
  background-position: -684px 0px !important;
}
a.tShowResults {
  background-position: -720px 0px !important;
}
.tPlus {
  background-position: -756px 0px !important;
  float: left;
}
.tBlueBox {
  background-position: -864px 0px !important;
}
.tRedBoxL1,
.tRedBox {
  background-position: -828px 0px !important;
}
/* ikonky treti sloupec: active */
a.tAssignmentHistory:active {
  background-position: -72px -58px !important;
}
a.tShareGroup:active {
  background-position: -108px -58px !important;
}
a.tAddStudents:active {
  background-position: -144px -58px !important;
}
a.tRemovePerson:active {
  background-position: -180px -58px !important;
}
a.tSendMessage:active {
  background-position: -216px -58px !important;
}
a.tShowMessageBoard:active {
  background-position: -252px -58px !important;
}
a.tDetail:active {
  background-position: -288px -58px !important;
}
a.tEdit:active {
  background-position: -396px -58px !important;
}
a.tCopyEdit:active {
  background-position: -648px -58px !important;
}
a.tCopy:active {
  background-position: -432px -58px !important;
}
a.tMove:active {
  background-position: -504px -58px !important;
}
a.tCoursebook:active {
  background-position: -576px -58px !important;
}
a.tStar:active {
  background-position: -360px -58px !important;
}
a.tUnstar:active {
  background-position: -324px -58px !important;
}
a.tRemove:active {
  background-position: -684px -58px !important;
}
a.tShowResults:active {
  background-position: -720px -58px !important;
}
.tPlus:active {
  background-position: -756px -58px !important;
}
.tBlueBox:active {
  background-position: -864px -58px !important;
}
.tRedBox:active {
  background-position: -828px -58px !important;
}
/* ikonky druhy sloupec: hover */
a.tAssignmentHistory:hover {
  background-position: -72px -29px !important;
}
a.tShareGroup:hover {
  background-position: -108px -29px !important;
}
a.tAddStudents:hover {
  background-position: -144px -29px !important;
}
a.tRemovePerson:hover {
  background-position: -180px -29px !important;
}
a.tSendMessage:hover {
  background-position: -216px -29px !important;
}
a.tShowMessageBoard:hover {
  background-position: -252px -29px !important;
}
a.tDetail:hover {
  background-position: -288px -29px !important;
}
a.tEdit:hover {
  background-position: -396px -29px !important;
}
a.tCopyEdit:hover {
  background-position: -648px -29px !important;
}
a.tCopy:hover {
  background-position: -432px -29px !important;
}
a.tMove:hover {
  background-position: -504px -29px !important;
}
a.tCoursebook:hover {
  background-position: -576px -29px !important;
}
a.tStar:hover {
  background-position: -360px -29px !important;
}
a.tUnstar:hover {
  background-position: -324px -29px !important;
}
a.tRemove:hover {
  background-position: -684px -29px !important;
}
a.tShowResults:hover {
  background-position: -720px -29px !important;
}
/* a:hover .tPlus,
	.tPlus:hover { .icoTreePlusHover(); } */
.tBlueBoxL2,
a:hover .tBlueBox,
.tBlueBox:hover {
  background-position: -864px -29px !important;
}
.tRedBoxL2,
a:hover .tRedBox,
.tRedBox:hover {
  background-position: -828px -29px !important;
}
.ico-empty {
  background-position: 9999px 0;
}
.tree-pop ul {
  list-style: none;
}
.tree-pop ul li {
  background: none;
}
.tree-pop .shown {
  position: absolute;
  z-index: 1000;
}
.tDetail.active {
  background-position: -288px -58px !important;
}
.tShowResults.active {
  background-position: -720px -58px !important;
}
.module-likes {
  font-size: 0.9em;
  position: absolute;
  right: 25px;
  top: 0;
}
.module-likes p {
  display: inline-block;
  width: 3em;
}
.infobox {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  background: #5E8ACA;
  padding: 5px;
}
.infobox .infobox-header {
  height: 1em;
}
.infobox .note-text {
  background: white;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.infobox .triangle-left {
  position: absolute;
  top: 5px;
  left: -10px;
  border-color: transparent #5E8ACA transparent transparent;
}
.tOpen {
  background-position: -468px 0px !important;
}
.tOpen.active,
.item:hover .tOpen .tOpen:active {
  background-position: -468px -58px !important;
}
.tOpen:hover {
  background-position: -468px -29px !important;
}
.tCopy.triggerToggle .no-visible,
.invisible {
  visibility: hidden;
}
.img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.ico-arrow-right {
  background-position: 0px 0px !important;
}
.ico-arrow-right-empty {
  background-position: -972px 0px !important;
}
.opened > .item > a > .ico-arrow-right {
  background-position: -36px 0px !important;
}
.ico-info {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-family: tahoma;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #e1f3d4;
  color: #57a957;
}
.ico-info.ico-info-yellow {
  background-color: #ffedb9;
  color: #c99316;
}
.ico-info.ico-info-red {
  background-color: #ffcccc;
  color: #cc0000;
}
.ico-assignment {
  background-position: -540px 0px !important;
}
.ico-assignment:hover {
  background-position: -540px -29px !important;
}
.ico-assignment:active {
  background-position: -540px -58px !important;
}
form input[type=radio],
form input[type=checkbox] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0px;
  border: 0px;
}
form input[type=radio] + label,
form input[type=checkbox] + label,
form #input-agree input[type=checkbox] + label {
  cursor: pointer;
}
form input[type=radio] + label:hover,
form input[type=checkbox] + label:hover,
form #input-agree input[type=checkbox] + label:hover {
  color: #548ccc;
}
form #input-agree input[type=checkbox] + label:hover {
  color: inherit;
}
form input + label:before {
  content: "";
  /* none pro stromový výpis v modalu, jinak "" */
  width: 24px;
  height: 22px;
  position: relative;
  top: 3px;
  right: 0;
  margin-right: 20px;
  float: left;
}
#input-agree input + label:before {
  content: "";
  /* none pro stromový výpis v modalu, jinak "" */
  width: 24px;
  height: 22px;
  position: relative;
  top: 3px;
  right: 0;
  margin-right: 10px;
}
form input#frmcontentForm-randomize-20-dragListRandomized + label:before,
form input#frmcontentForm-randomize-20-targetListRandomized + label:before {
  float: right;
  top: -5px;
  margin-right: 0;
}
.modal-dialog-parentnodechoose form input + label:after {
  content: "";
  /* none pro stromový výpis v modalu, jinak "" */
  width: 24px;
  height: 22px;
  position: absolute;
  top: 0px;
  right: 0;
  margin-right: 0px;
}
.modal-dialog-parentnodechoose form input + label:before {
  content: none;
}
form input[type=radio] + label:before,
.modal-dialog-parentnodechoose form input[type=radio] + label:after {
  display: inline-block;
  background: url('/img/ico/ikonky_karta.png') no-repeat;
  background-position: -390px 0px;
}
form input[type=radio]:checked + label:before,
.modal-dialog-parentnodechoose form input[type=radio]:checked + label:after {
  display: inline-block;
  background: url('/img/ico/ikonky_karta.png') no-repeat;
  background-position: -390px -60px;
}
form input[type=checkbox] + label:before,
form input[type=checkbox] + label:hover:before {
  display: inline-block;
  background: url('/img/ico/ikonky_karta.png') no-repeat;
  background-position: -120px -30px;
}
form input[type=checkbox]:checked + label:before,
form input[type=checkbox]:checked + label:hover:before {
  display: inline-block;
  background: url('/img/ico/ikonky_karta.png') no-repeat;
  background-position: -150px -30px;
}
form .checkbox-list-remove input[type=checkbox] + label:before,
form .checkbox-list-remove input[type=checkbox] + label:hover:before,
form .checkbox-list-remove input[type=checkbox]:checked + label:before,
form .checkbox-list-remove input[type=checkbox]:checked + label:hover:before {
  background-image: none;
  margin-right: 0;
}
form#frm-eledaGroupForm-form input[type=checkbox] + label:before,
form#frm-schoolGroupForm-form input[type=checkbox] + label:before {
  float: right;
  position: relative;
  top: -3px;
  margin-right: 0;
}
form .note-list input + label:before {
  content: "";
  /* none pro stromový výpis v modalu, jinak "" */
  width: 24px;
  height: 22px;
  position: relative;
  top: -2px;
  right: 0;
  margin-right: 20px;
  right: 10px;
  float: left;
  background: none;
}
form .note-list input:checked + label:before {
  display: inline-block;
  background: url('/img/ico/ikonky_karta.png') no-repeat;
  background-position: -390px -60px;
}
.afbox-fake {
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px;
}
.afbox-fake:hover {
  border-color: #ddd;
}
.afbox {
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 5px;
  background-color: whitesmoke;
}
.afbox.edit-hover {
  border-color: #ddd;
  background: #FDFFEA;
}
.afbox.active {
  border-color: #7ba3cf;
  background: #FDFFEA;
  color: #333;
}
.afbox p {
  margin-top: 0;
}
.ico-people.afedit {
  display: block;
  position: absolute;
  top: 2px;
  right: 4px;
}
.afbox.afbox-edit {
  min-height: 15px;
}
.afbox.afbox-edit .afedit {
  width: 15px;
  height: 20px;
}
.afbox textarea,
.afbox input {
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
  margin: 0;
  width: 95%;
}
.modal-dialog-parentnodechoose .ico-arrow-right {
  background-position: 0px 0px !important;
}
.modal-dialog-parentnodechoose .ico-arrow-right:hover {
  background-position: 0px -29px !important;
}
.modal-dialog-parentnodechoose .ico-arrow-down {
  background-position: -36px 0px !important;
}
.modal-dialog-parentnodechoose .ico-arrow-down:hover {
  background-position: -36px -29px !important;
}
.unstyled {
  margin: 0;
  padding: 0;
}
.unstyled li {
  list-style: none;
  background: none;
  padding: 0;
  margin: 0;
}
ul.list {
  margin: 0;
  padding: 0;
}
ul.list li {
  list-style: none;
  background: none;
  padding: 0;
  margin: 0;
}
ul.list li {
  border-bottom: 1px solid gray;
}
ul.list li a {
  padding: 5px 4px;
  margin: 4px 0;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none;
  color: #152672;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
ul.list li a:hover {
  background-color: #CACBFC;
}
ul.list li:last-child {
  border: none;
}
.fl-left {
  float: left;
}
.center {
  text-align: center;
}
.fl-right {
  float: right;
}
.dropdown-wrapper {
  position: relative;
}
.dropdown-wrapper .dropdown {
  display: none;
  position: absolute;
  z-index: 100;
}
.dropdown-wrapper .dropdown .triangle-top {
  position: absolute;
  top: -6px;
  left: 5px;
}
.gray {
  color: #aaa;
}
.triangle-top {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #D7DFEA transparent;
  -webkit-transform: rotate(360deg);
}
.triangle-left {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  border-color: transparent #007bff transparent transparent;
  -webkit-transform: rotate(360deg);
}
.unstyled-input {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}
.homework-deadline {
  position: absolute;
  right: 110px;
  width: 100px;
}
.results .student-class .expand-ico {
  height: 19px;
}
.highlite-grammar,
.highlite-vocabulary,
.highlite-organization,
.highlite-generalA,
.highlite-generalB {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
div.flash,
p.error {
  margin-bottom: 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #62c462;
  background: -webkit-linear-gradient(0deg, #62c462, #57a957);
  background: -moz-linear-gradient(0deg, #62c462, #57a957);
  background: -ms-linear-gradient(0deg, #62c462, #57a957);
  background: -o-linear-gradient(0deg, #62c462, #57a957);
  background: linear-gradient(0deg, #62c462, #57a957);
  background-color: #57a957;
  border-style: solid;
  border-width: 1px;
  padding: 7px 14px;
  border-color: #444;
}
div.flash,
p.error {
  width: 600px;
  position: fixed;
  margin-left: -300px;
  left: 50%;
  bottom: 5px;
  z-index: 999999;
  background-color: #C7EACF;
  color: #444;
  border-color: #444;
  border-width: 2px;
}
p.error {
  font-size: 1em;
  position: static;
  margin: 1em 1.7em;
  width: 84%;
  border-width: 0px;
}
div.flash .flash-text {
  width: 560px;
  float: left;
}
div.flash a {
  color: #224065;
}
div.flash .flash-close {
  float: right;
  font-weight: bold;
}
div.flash.warning {
  background-color: #EC980B;
}
div.flash.error,
p.error {
  background-color: #FF9F95;
}
.ui-front {
  position: relative;
  z-index: 9000;
}
.ui-front .ui-front {
  position: relative;
  z-index: 9900;
}
.ui-front .ui-front .ui-front {
  position: relative;
  z-index: 9990;
}
.ui-front .ui-front .ui-front .ui-front {
  position: relative;
  z-index: 9999;
}
/* =============================================================================
   =================        RESPONSIVE LAYOUT AND PRINT       ==================
   ============================================================================= */
/* addresses select alignment in Safari/Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  select[size="0"],
  select[size="1"] {
    height: 2.2em;
  }
  select:not([size]),
  select:not([multiple]) {
    position: relative;
    top: -1px;
  }
}
/* ==========================================================================
   Additional layout for screen media 480px and up
   ========================================================================== */
@media only screen and (min-width: 30em) {
  #main-menu {
    width: 124px;
  }
  #main-menu #user-section {
    position: relative;
  }
  #main {
    z-index: 10;
    float: left;
    width: 900px;
    margin-left: 124px !important;
  }
  .box-people .box-people-content .item .actions {
    position: absolute;
    top: 0;
    right: 10px;
  }
  .row-main .col-left {
    padding-top: 1px;
  }
  .row-main .col-right {
    right: -500px;
  }
  .row-main .col-right .box-people {
    position: relative;
    right: 505px;
    top: 5%;
  }
  .row-main .col-right .ico-people-close {
    right: 516px;
    top: 7%;
  }
}
/* ==========================================================================
   Additional layout for screen media 768px and up
   ========================================================================== */
@media only screen and (min-width: 48em) {
  #main-menu {
    width: 18%;
  }
  #main-menu #user-section {
    position: absolute;
    bottom: 0;
  }
  #main {
    z-index: 10;
    float: left;
    width: 82%;
    margin-left: 18% !important;
  }
  .box-people .box-people-content .item .actions {
    position: absolute;
    top: 0;
    right: 10px;
  }
  .row-main .col-left {
    padding-top: 1px;
  }
  .row-main .col-right {
    right: -500px;
  }
  .row-main .col-right .box-people {
    position: relative;
    right: 505px;
    top: 5%;
  }
  .row-main .col-right .ico-people-close {
    right: 514px;
    top: 7%;
  }
}
/* ==========================================================================
   Additional layout for screen media 1280px and up
   ========================================================================== */
@media only screen and (min-width: 80em) {
  #main-menu {
    width: 12%;
  }
  #main-menu #user-section {
    position: absolute;
    bottom: 0;
  }
  #main {
    z-index: 10;
    float: left;
    width: 88%;
    margin-left: 12% !important;
  }
  .box-people .box-people-content .item .actions {
    position: absolute;
    top: 0;
    right: 30%;
  }
  .row-main .col-left {
    padding-top: 1px;
  }
  .row-main .col-right {
    right: 5px;
  }
  .row-main .col-right .box-people {
    position: relative;
    right: 0;
    top: 2%;
  }
  .row-main .col-right .ico-people-close {
    right: 4%;
    top: 3.5%;
  }
  form[id="frm-moduls-contentForm"] {
    width: 100%;
  }
}
/* ==========================================================================
   Additional layout for screen media 1800px and up
   ========================================================================== */
@media only screen and (min-width: 112.5em) {
  .col-left {
    float: left;
    display: block;
    width: 70%;
  }
  /*.col-right {position: static; float:right; width: 30%}*/
  .row-main > .col-left {
    padding-top: 1px;
  }
  form[id="frm-moduls-contentForm"] {
    width: 100%;
  }
  .row-main .col-right .box-people {
    top: 0%;
  }
  .row-main .col-right .ico-people-close {
    right: 3.5%;
    top: 2%;
  }
}
/* ==========================================================================
   Fix for reponsive embedded content in IE8
   ========================================================================== */
@media screen {
  img,
  video {
    width: auto;
  }
}
/* ==========================================================================
   Styling and layout for print media
   ========================================================================== */
@media print {
  .col-left {
    float: left;
    display: block;
    width: 71.5%;
  }
  .col-right {
    position: static;
    float: right;
    width: 30%;
  }
  .row-main > .col-left {
    padding-top: 1px;
  }
  * {
    /* black prints faster - http://sanbeiji.com/archives/953 */
    color: black !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 8pt;
    line-height: 1.5;
    margin: .5cm;
    padding: 2em 5em;
  }
  /* hide unnecessary content from print */
  nav,
  audio,
  video,
  form,
  [role="complementary"],
  #paginator,
  #comments-form,
  .comments h4 a:last-child {
    display: none;
  }
  a {
    text-decoration: none;
  }
  /* show URLs for certain links in print */
  a[href]:after {
    content: " (" attr(href) ")";
  }
  h1 a[href]:after,
  h2 a[href]:after,
  h3 a[href]:after,
  sup a[href]:after,
  a[itemprop="discussionUrl"]:after,
  a[rel="tag"]:after {
    content: "";
  }
  /* show long-form for abbreviations in print */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  h1 {
    font-size: 32pt;
    line-height: 36pt;
    font-weight: normal;
    margin: .5em 0;
  }
  h2 {
    font-size: 18pt;
    line-height: 23pt;
    page-break-after: avoid;
    orphans: 3;
    widows: 3;
    margin: .66666666666667em 0;
  }
  h3 {
    font-size: 12pt;
    line-height: 17pt;
    page-break-after: avoid;
    orphans: 3;
    widows: 3;
    margin: .66666666666667em 0;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  footer,
  figcaption,
  tfoot,
  small,
  .footnote {
    font-size: 6pt;
  }
  blockquote {
    border: solid 1pt black;
    padding: 0 8pt;
    page-break-inside: avoid;
  }
  pre {
    margin-bottom: 8pt;
    border: solid 1pt black;
    padding: 8pt;
  }
  .comments {
    page-break-inside: avoid;
  }
  pre,
  code,
  kbd,
  samp,
  var {
    font-family: "Courier New", Courier, monospace;
  }
  dfn,
  q,
  dt {
    font-style: italic;
  }
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  audio {
    display: none;
  }
  figure {
    margin-bottom: 8pt;
  }
  figcaption {
    margin-top: 4pt;
  }
  ul {
    list-style: square;
    margin: 0 0 8pt 1.8em;
  }
  ol {
    list-style: decimal;
    margin: 0 0 8pt 1.8em;
  }
  dl {
    margin: 0 0 8pt 1.8em;
  }
  table {
    margin-bottom: 8pt;
    width: 100%;
  }
  caption {
    font-weight: bold;
    text-align: left;
    margin-bottom: 4pt;
  }
  /* display table head across multi-page tables - http://css-discuss.incutio.com/wiki/Printing_Tables */
  thead {
    display: table-header-group;
  }
  thead th {
    border-top: solid 1pt black;
  }
  tr {
    page-break-inside: avoid;
  }
  th,
  td {
    border-bottom: solid 1pt black;
    padding: 4pt 8pt;
  }
}
/* =============================================================================
   ===================      GENERAL SCREEN STYLES      =========================
   ============================================================================= */
@media screen, projection {
  html {
    padding: 0;
  }
  a {
    text-decoration: none;
    font-size: 1em;
  }
  /*
 * hlavni navigace
 */
  .ico-nav-assignments {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: 0px 0px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  .ico-nav-coursebook {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -30px 0px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  .ico-nav-people {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -60px 0px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  .ico-nav-search {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -90px 0px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  .ico-nav-settings {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -120px 0px !important;
    text-indent: 5000px;
    overflow: hidden;
    width: 20px;
    height: 20px;
  }
  .ico-nav-settings:hover {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -120px -30px !important;
    text-indent: 5000px;
    overflow: hidden;
    width: 20px;
    height: 20px;
  }
  .ico {
    width: 32px;
    height: 24px;
    line-height: 24px;
    background: url('/img/btn/ikonky_people.png') no-repeat;
    text-indent: 50px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    /*float:left;*/
    margin: 0;
    padding: 0;
    border: 0;
  }
  /* hlavni navigace  */
  #main-menu {
    position: fixed;
    left: 0;
    background: #444;
    color: #dee2e8;
    height: 100%;
  }
  #main-menu .menu > li {
    margin-bottom: 10px;
  }
  #main-menu .menu li.hplink {
    padding: 10px 0;
    border-bottom: solid 4px #7ba3cf;
  }
  #main-menu .menu li.hplink > a {
    font-size: 3em;
    line-height: 1em;
    color: #7ba3cf;
    border-bottom: none;
  }
  #main-menu .menu li.hplink > a:hover {
    background-color: #444;
  }
  #main-menu .menu li.hplink > a:hover:after {
    content: '.cz';
    position: relative;
    left: -8px;
  }
  #main-menu .menu li {
    margin-top: 1px;
  }
  #main-menu .menu li.menuadd.active > a {
    background: inherit;
  }
  #main-menu .menu li.menuadd > a:before {
    content: " ";
    float: left;
    margin-right: 6px;
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -180px 0px !important;
    text-indent: 5000px;
    overflow: hidden;
    width: 20px;
    height: 20px;
  }
  #main-menu .menu li.menuadd > a:hover {
    background: #7ba3cf;
  }
  #main-menu .menu li.menuadd > a:hover:before {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -180px -30px !important;
    text-indent: 5000px;
    overflow: hidden;
    width: 20px;
    height: 20px;
  }
  #main-menu .menu li.menufav > a:after {
    content: ".";
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -150px -30px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.menufav.active > a:after,
  #main-menu .menu li.menufav > a:hover:after {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -150px -90px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.menufav > a:after {
    content: ".";
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -150px -30px !important;
    text-indent: 5000px;
    overflow: hidden;
    position: absolute;
    right: 0;
  }
  #main-menu .menu li.menufav.active > a:after,
  #main-menu .menu li.menufav > a:hover:after {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -150px -90px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.menusearch > a:after {
    content: ".";
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -90px -30px !important;
    text-indent: 5000px;
    overflow: hidden;
    position: absolute;
    right: 0;
  }
  #main-menu .menu li.menusearch.active > a:after,
  #main-menu .menu li.menusearch > a:hover:after {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -90px -90px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.assignments,
  #main-menu .menu li.holderHide li.coursebook,
  #main-menu .menu li.holderHide li.people {
    display: inline-block;
    margin-left: 10px;
  }
  #main-menu .menu li.holderHide li.assignments a,
  #main-menu .menu li.holderHide li.coursebook a,
  #main-menu .menu li.holderHide li.people a {
    padding: 0;
  }
  #main-menu .menu li.holderHide li.assignments.active a {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: 0px -60px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.assignments.active a:hover {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: 0px -60px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.assignments a {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: 0px 0px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.assignments a:hover {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: 0px -30px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.coursebook.active a {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -30px -60px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.coursebook.active a:hover {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -30px -60px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.coursebook a {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -30px 0px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.coursebook a:hover {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -30px -30px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.people.active a {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -60px -60px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.people.active a:hover {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -60px -60px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.people a {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -60px 0px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu li.holderHide li.people a:hover {
    background: url('../img/btn/ikonky_navigace.png');
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -60px -30px !important;
    text-indent: 5000px;
    overflow: hidden;
  }
  #main-menu .menu a span {
    display: none;
  }
  #main-menu .menu li {
    display: block;
    position: relative;
    white-space: nowrap;
  }
  #main-menu .menu > li > a {
    font-size: 1.2em;
    line-height: 2em;
    margin: 0.2em 0;
    color: #7ba3cf;
    border-bottom: 1px solid #7ba3cf;
  }
  #main-menu .menu li a {
    padding: 0 20px;
    display: block;
    text-decoration: none;
  }
  #main-menu a {
    color: #dee2e8;
  }
  #main-menu .menu li.active li.active > a,
  #main-menu .menu li.active.holderHide {
    background: #505050;
  }
  #main-menu .menu li a[href]:hover,
  #main-menu .menu li.active.holderHide:hover {
    background: #7ba3cf;
  }
  #main-menu .menu li.hplink a[href]:hover {
    background-color: #444;
  }
  #main-menu .menu ul {
    margin: 0;
    padding: 0;
  }
  /** submenu **/
  #main-menu .menu li ul li a,
  #main-menu .menu li ul li ul {
    padding-left: 18px;
  }
  #main-menu .menu li ul li ul {
    padding-top: 6px;
  }
  /** logout **/
  #main-menu #user-section {
    color: #999999;
    background: #333;
    padding: 5%;
    width: 90%;
  }
  #main-menu #user-section .ico-nav-settings {
    vertical-align: bottom;
  }
  #main-menu #user-section a {
    color: #999999;
  }
  #main-menu #user-section a:hover {
    color: #dee2e8;
  }
  /*
 * layout submenu (taby)
 */
  #sub-menu {
    line-height: 30px;
    width: 100%;
    border-bottom: 2px solid #9a9a9a;
    margin: 5px 0 0 0;
  }
  #sub-menu .action-create-new {
    text-decoration: none;
    font-size: smaller;
    display: block;
    float: left;
    line-height: 20px;
    margin: 5px 0;
    padding: 0 12px;
    box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.75);
    background: #9dba89;
    background: -webkit-linear-gradient(top, #9dba89, #b8d7a2);
    background: -moz-linear-gradient(top, #9dba89, #b8d7a2);
    background: -ms-linear-gradient(top, #9dba89, #b8d7a2);
    background: -o-linear-gradient(top, #9dba89, #b8d7a2);
    background: linear-gradient(top, #9dba89, #b8d7a2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  #sub-menu .action-create-new:hover {
    box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.75);
    background: #b8d7a2;
    background: -webkit-linear-gradient(top, #b8d7a2, #9dba89);
    background: -moz-linear-gradient(top, #b8d7a2, #9dba89);
    background: -ms-linear-gradient(top, #b8d7a2, #9dba89);
    background: -o-linear-gradient(top, #b8d7a2, #9dba89);
    background: linear-gradient(top, #b8d7a2, #9dba89);
  }
  #sub-menu .menu {
    margin-left: 150px;
  }
  #sub-menu .menu li {
    display: inline-block;
    margin: 0 4px 0 0;
    height: 30px;
  }
  #sub-menu .menu a span {
    display: none;
  }
  #sub-menu .menu a {
    color: #bdbdbd;
    position: relative;
    bottom: -1px;
    background: #333;
    padding: 0 15px;
    text-decoration: none;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    box-shadow: 2px 0 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 2px 0 0px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: 2px 0 0px rgba(50, 50, 50, 0.3);
    display: inline-block;
    border-width: 2px 1px 0 1px;
    border-color: inherit;
    border-style: solid;
  }
  #sub-menu .menu a.has-shortcut {
    border-right: 1px solid #eee;
    -moz-border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
  }
  #sub-menu .menu a.shortcut {
    padding: 0 8px;
    -moz-border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
  }
  #sub-menu .menu .active a,
  #sub-menu .menu li:hover a {
    color: #333;
    background-color: #eaeaea;
    border-width: 2px 1px 0 1px;
    border-color: #9a9a9a;
    border-style: solid;
    bottom: -2px;
    padding-top: 4px;
    box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.1);
    -webkit-box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.1);
  }
  #sub-menu .menu .active a.has-shortcut,
  #sub-menu .menu li:hover a.has-shortcut {
    border-right-width: 0;
  }
  #sub-menu .menu li li li {
    display: none !important;
  }
  #sub-menu .menu li ul {
    display: inline-block;
    padding: 0;
    margin: 0;
  }
  /*
 * layout pro sekci People
 *
 * Vsechny styly jsou platne jen v layoutu oznacenem jako #layout-people!
 * => pokud neco nevyhovuje, tak asi takova stranka nepatri do tohoto jednotneho layoutu
 * layout pracuje s hlavnim oknem a pres nej oteviranym sidebarem
 */
  /* mixins: 
.icoBox() 
.icoPeople(@x, @y)
*/
  /*styly */
  html,
  body {
    height: 100%;
    overflow: hidden;
  }
  .ico-people {
    vertical-align: middle;
    line-height: 20px;
    text-indent: 500px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
  }
  .ico-people-close,
  .remove-option,
  .remove-question,
  .remove-drag,
  .remove-target {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: -60px 0px !important;
    width: 24px;
    height: 24px;
    z-index: 101;
  }
  .ico-people-close:hover,
  .remove-option:hover,
  .remove-question:hover,
  .remove-drag:hover,
  .remove-target:hover {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: -60px -30px !important;
  }
  .ico-people-close:active,
  .remove-option:active,
  .remove-question:active,
  .remove-drag:active,
  .remove-target:active {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: -60px -60px !important;
  }
  .ico-people-close {
    position: absolute;
    top: 15px;
    right: 4%;
  }
  .remove-option,
  .remove-question,
  .remove-drag,
  .remove-target {
    position: relative;
    top: -8px;
    right: -10px;
  }
  .ico-people-edit {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: 0px 0px !important;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: -2px;
    z-index: 99;
  }
  .ico-people-edit:hover {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: 0px -30px !important;
  }
  .ico-people-edit:active {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: 0px -60px !important;
  }
  .ico-people-add {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: 0px 0px !important;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: -2px;
    z-index: 101;
  }
  .ico-people-add:hover {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: 0px -30px !important;
  }
  .ico-people-add:active {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: 0px -60px !important;
  }
  .ico-people-delete {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: -300px 0px !important;
    width: 35px;
    height: 22px;
    position: absolute;
    top: 0;
    right: -2px;
    z-index: 101;
  }
  .ico-people-delete:before {
    content: "";
    background-color: white;
    display: block;
    width: 5px;
    height: 22px;
    position: relative;
    right: 0;
  }
  .ico-people-delete:hover {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: -300px -60px !important;
  }
  .ico-people-delete:hover:before {
    background-color: #DEECFC;
  }
  .ico-people-delete:active {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: -300px -90px !important;
  }
  .ico-people-delete:active:before {
    background-color: #DEECFC;
  }
  .ico-people-help {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: -30px 0px !important;
    width: 35px;
    height: 22px;
    position: absolute;
    top: 0;
    right: -2px;
    z-index: 101;
  }
  .ico-people-help:hover {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: -30px -30px !important;
  }
  .ico-people-help:active {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: -30px -30px !important;
  }
  .select2-highlighted .ico-people-delete:before {
    background-color: #DEECFC;
  }
  .active > .ico-people-edit {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: 0px -90px !important;
  }
  .active > .ico-people-edit:hover {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: 0px -90px !important;
  }
  .active > .ico-people-edit:active {
    background: url('/img/ico/ikonky_karta.png') no-repeat;
    background-position: 0px -90px !important;
  }
  body {
    /*.box-people*/
  }
  body > header#header {
    position: absolute;
    top: 0;
    width: 100%;
  }
  body #msgbox {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  body #msgbox .red {
    float: left;
    padding: 5px 10px 0 0;
  }
  body #msgbox .ico {
    float: right;
  }
  body #main > .inBox,
  body .row-main,
  body #main {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  body#layout-open-task #main > .inBox,
  body#presentation-edit #main > .inBox {
    height: auto;
  }
  body#layout-open-task #main > .inBox:nth-of-type(2),
  body#presentation-edit #main > .inBox:nth-of-type(2) {
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 60px;
  }
  body #header {
    position: relative;
    z-index: 30;
  }
  body .row-main > .col-left {
    width: 100%;
  }
  body .row-main > .col-left .box-people-header h1 {
    margin-left: 20px;
  }
  body .col-right {
    display: block;
    background: none;
  }
  body .col-right #snippet--sidebar .box-people-content .file-info,
  body .col-right .tabs-box .box-people-content .file-info,
  body .col-right #snippet--sidebar .box-people-content #snippet-contentViewer-contentAuthor,
  body .col-right .tabs-box .box-people-content #snippet-contentViewer-contentAuthor {
    text-align: right;
  }
  body .col-right #snippet--sidebar .box-people-content ul[class^="module-"],
  body .col-right .tabs-box .box-people-content ul[class^="module-"] {
    display: inline-block;
    margin: 10px 5px 0 0;
  }
  body .col-right #snippet--sidebar .box-people-content ul.module-subjects li,
  body .col-right .tabs-box .box-people-content ul.module-subjects li {
    display: inline-block;
    padding: 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #f58c8c;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  }
  body .col-right #snippet--sidebar .box-people-content ul.module-levels li,
  body .col-right .tabs-box .box-people-content ul.module-levels li {
    display: inline-block;
    padding: 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #79abed;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  }
  body .col-right #snippet--sidebar .box-people-content ul.module-categories li,
  body .col-right .tabs-box .box-people-content ul.module-categories li {
    display: inline-block;
    padding: 5px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #88cf66;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  }
  body .col-right #snippet--sidebar .box-people-content #preview-wrapper,
  body .col-right .tabs-box .box-people-content #preview-wrapper {
    background-color: white;
  }
  body .col-right #snippet--sidebar .box-people-content #preview-wrapper #preview,
  body .col-right .tabs-box .box-people-content #preview-wrapper #preview {
    margin: auto;
    width: 1600px;
    height: 1200px;
    border: 4px solid grey;
    border-bottom-style: dashed;
    -webkit-transform: scale(0.25);
    -ms-transform: scale(0.25);
    transform: scale(0.25);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  body .col-right #snippet--sidebar.messages #searchmsg_autocomplete,
  body .col-right .tabs-box.messages #searchmsg_autocomplete {
    padding: 10px;
    border-bottom: 2px solid #eee;
    position: relative;
  }
  body .col-right #snippet--sidebar.messages #searchmsg_autocomplete .ico-people-closesmall,
  body .col-right .tabs-box.messages #searchmsg_autocomplete .ico-people-closesmall {
    position: absolute;
    right: 28px;
    top: 14px;
  }
  body .col-right #snippet--sidebar.messages .add_autocomplete input[type="text"],
  body .col-right .tabs-box.messages .add_autocomplete input[type="text"] {
    float: left;
    width: 230px;
    height: 20px;
    padding: 2px 20px;
  }
  body .col-right #snippet--sidebar.messages .add_autocomplete input[type="submit"].action-blue,
  body .col-right .tabs-box.messages .add_autocomplete input[type="submit"].action-blue {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    text-align: center;
    font-size: 12px;
    height: 26px;
    margin-left: -4px;
    margin-top: 2px;
  }
  body .col-right .folder .box-people-scrollbox .actions {
    position: relative;
    top: 50px;
  }
  body .col-right .actions {
    margin: 10px 0;
  }
  body .col-right .actions > p.clear {
    padding-left: 0;
    padding-top: 10px;
  }
  body .box-people form,
  body .box-people-edit form,
  body .box-people .tab-fragment,
  body .box-people-edit .tab-fragment {
    height: inherit;
  }
  body .box-people form#frm-messageBoard2-replyForm,
  body .box-people-edit form#frm-messageBoard2-replyForm,
  body .box-people .tab-fragment#frm-messageBoard2-replyForm,
  body .box-people-edit .tab-fragment#frm-messageBoard2-replyForm,
  body .box-people form#frm-messageBoard2-replyRequestForm,
  body .box-people-edit form#frm-messageBoard2-replyRequestForm,
  body .box-people .tab-fragment#frm-messageBoard2-replyRequestForm,
  body .box-people-edit .tab-fragment#frm-messageBoard2-replyRequestForm,
  body .box-people form#frm-messageBoard2-replyApproveRequestForm,
  body .box-people-edit form#frm-messageBoard2-replyApproveRequestForm,
  body .box-people .tab-fragment#frm-messageBoard2-replyApproveRequestForm,
  body .box-people-edit .tab-fragment#frm-messageBoard2-replyApproveRequestForm {
    position: relative;
    z-index: 100;
    margin-top: -65px;
    box-sizing: border-box;
    padding: 20px;
    background-color: #deecfc;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #444;
  }
  body .box-people form textarea,
  body .box-people-edit form textarea,
  body .box-people .tab-fragment textarea,
  body .box-people-edit .tab-fragment textarea {
    background-color: white;
  }
  body .box-people form#frm-messageBoard2-replyRequestForm,
  body .box-people-edit form#frm-messageBoard2-replyRequestForm,
  body .box-people .tab-fragment#frm-messageBoard2-replyRequestForm,
  body .box-people-edit .tab-fragment#frm-messageBoard2-replyRequestForm,
  body .box-people form#frm-messageBoard2-replyApproveRequestForm,
  body .box-people-edit form#frm-messageBoard2-replyApproveRequestForm,
  body .box-people .tab-fragment#frm-messageBoard2-replyApproveRequestForm,
  body .box-people-edit .tab-fragment#frm-messageBoard2-replyApproveRequestForm {
    background-color: #fff0b0;
  }
  body .box-people .paginator,
  body .box-people-edit .paginator {
    text-align: center;
  }
  body .box-people h1.afinput,
  body .box-people-edit h1.afinput,
  body .box-people h3.afinput,
  body .box-people-edit h3.afinput {
    padding: 0;
    margin: 0;
    line-height: 1em;
    width: 95%;
  }
  body .box-people p.afinput,
  body .box-people-edit p.afinput {
    padding: 1px 0;
    margin: 0;
    font-size: 1em;
    color: #333;
  }
  body .box-people .box-people-header,
  body .box-people-edit .box-people-header {
    border-bottom: 5px solid #7ba3cf;
    padding: 1em 2em;
    position: relative;
    height: 55px;
  }
  body .box-people .box-people-header h1,
  body .box-people-edit .box-people-header h1 {
    font-weight: normal;
    color: #444;
    padding: 15px 0;
    margin: 0;
  }
  body .box-people .box-people-header .afbox h1,
  body .box-people-edit .box-people-header .afbox h1 {
    padding: 4px 20px 4px 4px;
  }
  body .box-people .box-people-header .afbox input,
  body .box-people-edit .box-people-header .afbox input {
    background: none;
    border: none;
    box-shadow: inset 0px 0px 0px white;
  }
  body .box-people.person .box-people-header,
  body .box-people-edit.person .box-people-header {
    min-height: 80px;
    border-bottom: 5px solid #7ba3cf;
    padding: 1em 2em;
    position: relative;
  }
  body .box-people.person .box-people-header h1,
  body .box-people-edit.person .box-people-header h1 {
    font-weight: normal;
    color: #444;
    padding: 5px 0;
    margin: 0;
    display: block;
    width: 60%;
    line-height: 1em;
  }
  body .box-people.person .box-people-header img.photo,
  body .box-people-edit.person .box-people-header img.photo {
    position: absolute;
    right: 10%;
    top: 15px;
    background: #999;
    z-index: 10;
  }
  body .box-people.student .box-people-header,
  body .box-people-edit.student .box-people-header {
    border-bottom: 5px solid #5e8aca;
    padding: 1em 2em;
    position: relative;
  }
  body .box-people.student .box-people-header h1,
  body .box-people-edit.student .box-people-header h1 {
    font-weight: normal;
    color: #444;
    padding: 5px 0;
    margin: 0;
    display: block;
    width: 60%;
    line-height: 1em;
  }
  body .box-people.teacher .box-people-header,
  body .box-people-edit.teacher .box-people-header {
    border-bottom: 5px solid #9f2c4a;
    padding: 1em 2em;
    position: relative;
  }
  body .box-people.teacher .box-people-header h1,
  body .box-people-edit.teacher .box-people-header h1 {
    font-weight: normal;
    color: #444;
    padding: 5px 0;
    margin: 0;
    display: block;
    width: 60%;
    line-height: 1em;
  }
  body .box-people-edit .box-people-header,
  body .box-people-edit-edit .box-people-header,
  body .box-people.module .box-people-header,
  body .box-people-edit.module .box-people-header,
  body .box-people.folder .box-people-header,
  body .box-people-edit.folder .box-people-header {
    border-bottom: 5px solid #cacaca;
    padding: 1em 2em;
    position: relative;
  }
  body .box-people-edit .box-people-header h1,
  body .box-people-edit-edit .box-people-header h1,
  body .box-people.module .box-people-header h1,
  body .box-people-edit.module .box-people-header h1,
  body .box-people.folder .box-people-header h1,
  body .box-people-edit.folder .box-people-header h1 {
    font-weight: normal;
    color: #444;
    padding: 15px 0;
    margin: 0;
  }
  body .box-people-edit .box-people-header .afbox h1,
  body .box-people-edit-edit .box-people-header .afbox h1,
  body .box-people.module .box-people-header .afbox h1,
  body .box-people-edit.module .box-people-header .afbox h1,
  body .box-people.folder .box-people-header .afbox h1,
  body .box-people-edit.folder .box-people-header .afbox h1 {
    padding: 4px 20px 4px 4px;
  }
  body .box-people-edit .box-people-header .afbox input,
  body .box-people-edit-edit .box-people-header .afbox input,
  body .box-people.module .box-people-header .afbox input,
  body .box-people-edit.module .box-people-header .afbox input,
  body .box-people.folder .box-people-header .afbox input,
  body .box-people-edit.folder .box-people-header .afbox input {
    background: none;
    border: none;
    box-shadow: inset 0px 0px 0px white;
  }
  body .box-people.course .box-people-header,
  body .box-people-edit.course .box-people-header,
  body .box-people.group .box-people-header,
  body .box-people-edit.group .box-people-header,
  body .box-people.assignment-history .box-people-header,
  body .box-people-edit.assignment-history .box-people-header {
    border-bottom: 5px solid #5e8aca;
    padding: 1em 2em;
    position: relative;
  }
  body .box-people.course .box-people-header h1,
  body .box-people-edit.course .box-people-header h1,
  body .box-people.group .box-people-header h1,
  body .box-people-edit.group .box-people-header h1,
  body .box-people.assignment-history .box-people-header h1,
  body .box-people-edit.assignment-history .box-people-header h1 {
    font-weight: normal;
    color: #444;
    padding: 15px 0;
    margin: 0;
  }
  body .box-people.course .box-people-header .afbox h1,
  body .box-people-edit.course .box-people-header .afbox h1,
  body .box-people.group .box-people-header .afbox h1,
  body .box-people-edit.group .box-people-header .afbox h1,
  body .box-people.assignment-history .box-people-header .afbox h1,
  body .box-people-edit.assignment-history .box-people-header .afbox h1 {
    padding: 4px 20px 4px 4px;
  }
  body .box-people.course .box-people-header .afbox input,
  body .box-people-edit.course .box-people-header .afbox input,
  body .box-people.group .box-people-header .afbox input,
  body .box-people-edit.group .box-people-header .afbox input,
  body .box-people.assignment-history .box-people-header .afbox input,
  body .box-people-edit.assignment-history .box-people-header .afbox input {
    background: none;
    border: none;
    box-shadow: inset 0px 0px 0px white;
  }
  body .box-people.grouptree .box-people-bar,
  body .box-people-edit.grouptree .box-people-bar {
    padding-left: 20px;
  }
  body .box-people .grouptree,
  body .box-people-edit .grouptree {
    background: #fff;
    margin: 0;
    padding: 0;
  }
  body .box-people .grouptree ul,
  body .box-people-edit .grouptree ul {
    margin: 0;
    padding: 0;
  }
  body .box-people .grouptree ul li .item,
  body .box-people-edit .grouptree ul li .item {
    padding-left: 1.6em;
  }
  body .box-people .grouptree ul li .item-module .title,
  body .box-people-edit .grouptree ul li .item-module .title {
    width: 38.4%;
  }
  body .box-people .grouptree ul li ul li .item,
  body .box-people-edit .grouptree ul li ul li .item {
    padding-left: 3.2em;
  }
  body .box-people .grouptree ul li ul li .item-module .title,
  body .box-people-edit .grouptree ul li ul li .item-module .title {
    width: 36.8%;
  }
  body .box-people .grouptree ul li ul li ul li .item,
  body .box-people-edit .grouptree ul li ul li ul li .item {
    padding-left: 4.8em;
  }
  body .box-people .grouptree ul li ul li ul li .item-module .title,
  body .box-people-edit .grouptree ul li ul li ul li .item-module .title {
    width: 35.2%;
  }
  body .box-people .grouptree ul li ul li ul li ul li .item,
  body .box-people-edit .grouptree ul li ul li ul li ul li .item {
    padding-left: 6.4em;
  }
  body .box-people .grouptree ul li ul li ul li ul li .item-module .title,
  body .box-people-edit .grouptree ul li ul li ul li ul li .item-module .title {
    width: 33.6%;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li .item,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li .item {
    padding-left: 8em;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li .item-module .title,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li .item-module .title {
    width: 32%;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li ul li .item,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li ul li .item {
    padding-left: 9.6em;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li ul li .item-module .title,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li ul li .item-module .title {
    width: 30.4%;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li ul li u li .item,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li ul li u li .item {
    padding-left: 11.2em;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li ul li u li .item-module .title,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li ul li u li .item-module .title {
    width: 28.8%;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li ul li u li ul li .item,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li ul li u li ul li .item {
    padding-left: 12.8em;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li ul li u li ul li .item-module .title,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li ul li u li ul li .item-module .title {
    width: 27.2%;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li ul li u li ul li ul li .item,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li ul li u li ul li ul li .item {
    padding-left: 14.4em;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li ul li u li ul li ul li .item-module .title,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li ul li u li ul li ul li .item-module .title {
    width: 25.6%;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li ul li u li ul li ul li ul li .item,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li ul li u li ul li ul li ul li .item {
    padding-left: 16em;
  }
  body .box-people .grouptree ul li ul li ul li ul li ul li ul li u li ul li ul li ul li .item-module .title,
  body .box-people-edit .grouptree ul li ul li ul li ul li ul li ul li u li ul li ul li ul li .item-module .title {
    width: 24%;
  }
  body .box-people .grouptree li,
  body .box-people-edit .grouptree li {
    vertical-align: bottom;
    position: relative;
    border: 1px solid #c9ccd6;
    border-width: 0 0 1px 0;
    padding-left: 5px;
  }
  body .box-people .grouptree li:first-child,
  body .box-people-edit .grouptree li:first-child {
    border-top-width: 1px;
  }
  body .box-people .grouptree li:last-child,
  body .box-people-edit .grouptree li:last-child {
    border-bottom: 0px;
  }
  body .box-people .grouptree li.active > .item:first-child,
  body .box-people-edit .grouptree li.active > .item:first-child {
    background-color: #deecfc;
  }
  body .box-people .grouptree li.opened,
  body .box-people-edit .grouptree li.opened {
    padding-left: 0;
    border-left: 4px solid #548CCC;
    margin-left: 1px;
  }
  body .box-people .grouptree li .item,
  body .box-people-edit .grouptree li .item {
    display: block;
    text-decoration: none;
    line-height: 46px;
    height: 46px;
  }
  body .box-people .grouptree li .item:hover,
  body .box-people-edit .grouptree li .item:hover {
    background-color: whitesmoke;
  }
  body .box-people .grouptree li .item h2,
  body .box-people-edit .grouptree li .item h2 {
    padding: 0;
    margin: 0;
  }
  body .box-people .grouptree li .item h2 a,
  body .box-people-edit .grouptree li .item h2 a {
    color: inherit;
  }
  body .box-people .grouptree li .item .ico-arrow,
  body .box-people-edit .grouptree li .item .ico-arrow {
    width: 2em;
  }
  body .box-people .grouptree li .item .ico-drag,
  body .box-people-edit .grouptree li .item .ico-drag {
    display: block;
    position: absolute!important;
    left: 0;
    top: 0;
  }
  body .box-people .grouptree li .item .actions,
  body .box-people-edit .grouptree li .item .actions {
    /* ikonky rada */
    /* ikonky treti sloupec: active */
    width: 22px;
  }
  body .box-people .grouptree li .item .actions a.tAssignmentHistory,
  body .box-people-edit .grouptree li .item .actions a.tAssignmentHistory {
    background-position: -72px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tShareGroup,
  body .box-people-edit .grouptree li .item .actions a.tShareGroup {
    background-position: -108px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tAddStudents,
  body .box-people-edit .grouptree li .item .actions a.tAddStudents {
    background-position: -144px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tRemovePerson,
  body .box-people-edit .grouptree li .item .actions a.tRemovePerson {
    background-position: -180px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tSendMessage,
  body .box-people-edit .grouptree li .item .actions a.tSendMessage {
    background-position: -216px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tShowMessageBoard,
  body .box-people-edit .grouptree li .item .actions a.tShowMessageBoard {
    background-position: -252px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tDetail,
  body .box-people-edit .grouptree li .item .actions a.tDetail {
    background-position: -288px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tEdit,
  body .box-people-edit .grouptree li .item .actions a.tEdit {
    background-position: -396px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tCopyEdit,
  body .box-people-edit .grouptree li .item .actions a.tCopyEdit {
    background-position: -648px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tCopy,
  body .box-people-edit .grouptree li .item .actions a.tCopy {
    background-position: -432px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tMove,
  body .box-people-edit .grouptree li .item .actions a.tMove {
    background-position: -504px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tCoursebook,
  body .box-people-edit .grouptree li .item .actions a.tCoursebook {
    background-position: -576px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tStar,
  body .box-people-edit .grouptree li .item .actions a.tStar {
    background-position: -360px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tUnstar,
  body .box-people-edit .grouptree li .item .actions a.tUnstar {
    background-position: -324px -29px !important;
  }
  body .box-people .grouptree li .item .actions a.tRemove,
  body .box-people-edit .grouptree li .item .actions a.tRemove {
    background-position: -684px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tShowResults,
  body .box-people-edit .grouptree li .item .actions a.tShowResults {
    background-position: -720px 0px !important;
  }
  body .box-people .grouptree li .item .actions .tPlus,
  body .box-people-edit .grouptree li .item .actions .tPlus {
    background-position: -756px 0px !important;
    float: left;
  }
  body .box-people .grouptree li .item .actions .tBlueBox,
  body .box-people-edit .grouptree li .item .actions .tBlueBox {
    background-position: -864px 0px !important;
  }
  body .box-people .grouptree li .item .actions .tRedBoxL1,
  body .box-people-edit .grouptree li .item .actions .tRedBoxL1,
  body .box-people .grouptree li .item .actions .tRedBox,
  body .box-people-edit .grouptree li .item .actions .tRedBox {
    background-position: -828px 0px !important;
  }
  body .box-people .grouptree li .item .actions a.tAssignmentHistory:active,
  body .box-people-edit .grouptree li .item .actions a.tAssignmentHistory:active {
    background-position: -72px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tShareGroup:active,
  body .box-people-edit .grouptree li .item .actions a.tShareGroup:active {
    background-position: -108px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tAddStudents:active,
  body .box-people-edit .grouptree li .item .actions a.tAddStudents:active {
    background-position: -144px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tRemovePerson:active,
  body .box-people-edit .grouptree li .item .actions a.tRemovePerson:active {
    background-position: -180px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tSendMessage:active,
  body .box-people-edit .grouptree li .item .actions a.tSendMessage:active {
    background-position: -216px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tShowMessageBoard:active,
  body .box-people-edit .grouptree li .item .actions a.tShowMessageBoard:active {
    background-position: -252px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tDetail:active,
  body .box-people-edit .grouptree li .item .actions a.tDetail:active {
    background-position: -288px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tEdit:active,
  body .box-people-edit .grouptree li .item .actions a.tEdit:active {
    background-position: -396px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tCopyEdit:active,
  body .box-people-edit .grouptree li .item .actions a.tCopyEdit:active {
    background-position: -648px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tCopy:active,
  body .box-people-edit .grouptree li .item .actions a.tCopy:active {
    background-position: -432px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tMove:active,
  body .box-people-edit .grouptree li .item .actions a.tMove:active {
    background-position: -504px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tCoursebook:active,
  body .box-people-edit .grouptree li .item .actions a.tCoursebook:active {
    background-position: -576px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tStar:active,
  body .box-people-edit .grouptree li .item .actions a.tStar:active {
    background-position: -360px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tUnstar:active,
  body .box-people-edit .grouptree li .item .actions a.tUnstar:active {
    background-position: -324px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tRemove:active,
  body .box-people-edit .grouptree li .item .actions a.tRemove:active {
    background-position: -684px -58px !important;
  }
  body .box-people .grouptree li .item .actions a.tShowResults:active,
  body .box-people-edit .grouptree li .item .actions a.tShowResults:active {
    background-position: -720px -58px !important;
  }
  body .box-people .grouptree li .item .actions .tPlus:active,
  body .box-people-edit .grouptree li .item .actions .tPlus:active {
    background-position: -756px -58px !important;
  }
  body .box-people .grouptree li .item .actions .tBlueBox:active,
  body .box-people-edit .grouptree li .item .actions .tBlueBox:active {
    background-position: -864px -58px !important;
  }
  body .box-people .grouptree li .item .actions .tRedBox:active,
  body .box-people-edit .grouptree li .item .actions .tRedBox:active {
    background-position: -828px -58px !important;
  }
  body .box-people .grouptree li .item:hover .actions,
  body .box-people-edit .grouptree li .item:hover .actions {
    /* ikonky druhy sloupec: hover */
  }
  body .box-people .grouptree li .item:hover .actions a.tAssignmentHistory,
  body .box-people-edit .grouptree li .item:hover .actions a.tAssignmentHistory {
    background-position: -72px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tShareGroup,
  body .box-people-edit .grouptree li .item:hover .actions a.tShareGroup {
    background-position: -108px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tAddStudents,
  body .box-people-edit .grouptree li .item:hover .actions a.tAddStudents {
    background-position: -144px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tRemovePerson,
  body .box-people-edit .grouptree li .item:hover .actions a.tRemovePerson {
    background-position: -180px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tSendMessage,
  body .box-people-edit .grouptree li .item:hover .actions a.tSendMessage {
    background-position: -216px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tShowMessageBoard,
  body .box-people-edit .grouptree li .item:hover .actions a.tShowMessageBoard {
    background-position: -252px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tDetail,
  body .box-people-edit .grouptree li .item:hover .actions a.tDetail {
    background-position: -288px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tEdit,
  body .box-people-edit .grouptree li .item:hover .actions a.tEdit {
    background-position: -396px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tCopyEdit,
  body .box-people-edit .grouptree li .item:hover .actions a.tCopyEdit {
    background-position: -648px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tCopy,
  body .box-people-edit .grouptree li .item:hover .actions a.tCopy {
    background-position: -432px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tMove,
  body .box-people-edit .grouptree li .item:hover .actions a.tMove {
    background-position: -504px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tCoursebook,
  body .box-people-edit .grouptree li .item:hover .actions a.tCoursebook {
    background-position: -576px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tStar,
  body .box-people-edit .grouptree li .item:hover .actions a.tStar {
    background-position: -360px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tUnstar,
  body .box-people-edit .grouptree li .item:hover .actions a.tUnstar {
    background-position: -324px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tRemove,
  body .box-people-edit .grouptree li .item:hover .actions a.tRemove {
    background-position: -684px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a.tShowResults,
  body .box-people-edit .grouptree li .item:hover .actions a.tShowResults {
    background-position: -720px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions a .tPlus,
  body .box-people-edit .grouptree li .item:hover .actions a .tPlus,
  body .box-people .grouptree li .item:hover .actions .tPlus,
  body .box-people-edit .grouptree li .item:hover .actions .tPlus {
    background-position: -756px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions .tBlueBoxL2,
  body .box-people-edit .grouptree li .item:hover .actions .tBlueBoxL2,
  body .box-people .grouptree li .item:hover .actions a .tBlueBox,
  body .box-people-edit .grouptree li .item:hover .actions a .tBlueBox,
  body .box-people .grouptree li .item:hover .actions .tBlueBox,
  body .box-people-edit .grouptree li .item:hover .actions .tBlueBox {
    background-position: -864px -29px !important;
  }
  body .box-people .grouptree li .item:hover .actions .tRedBoxL2,
  body .box-people-edit .grouptree li .item:hover .actions .tRedBoxL2,
  body .box-people .grouptree li .item:hover .actions a .tRedBox,
  body .box-people-edit .grouptree li .item:hover .actions a .tRedBox,
  body .box-people .grouptree li .item:hover .actions .tRedBox,
  body .box-people-edit .grouptree li .item:hover .actions .tRedBox {
    background-position: -828px -29px !important;
  }
  body .box-people .grouptree li .item:hover a.tOpen:not(.active),
  body .box-people-edit .grouptree li .item:hover a.tOpen:not(.active) {
    background-position: -468px -29px !important;
  }
  body .box-people .grouptree li .item.item-module:hover > h2 :not(.label),
  body .box-people-edit .grouptree li .item.item-module:hover > h2 :not(.label),
  body .box-people .grouptree li .item.item-folder:hover > h2 :not(.label),
  body .box-people-edit .grouptree li .item.item-folder:hover > h2 :not(.label),
  body .box-people .grouptree li .item.item-homework:hover > h2 :not(.label),
  body .box-people-edit .grouptree li .item.item-homework:hover > h2 :not(.label) {
    color: #478ece;
  }
  body .box-people .grouptree li .item.item-module:hover > h2 :not(.label):hover,
  body .box-people-edit .grouptree li .item.item-module:hover > h2 :not(.label):hover,
  body .box-people .grouptree li .item.item-folder:hover > h2 :not(.label):hover,
  body .box-people-edit .grouptree li .item.item-folder:hover > h2 :not(.label):hover,
  body .box-people .grouptree li .item.item-homework:hover > h2 :not(.label):hover,
  body .box-people-edit .grouptree li .item.item-homework:hover > h2 :not(.label):hover {
    text-decoration: none;
  }
  body .box-people .grouptree li .item.buttons,
  body .box-people-edit .grouptree li .item.buttons {
    padding-left: 2em;
  }
  body .box-people .grouptree li .item-module .title,
  body .box-people-edit .grouptree li .item-module .title {
    width: 100%;
    /* background-color: #eee; */
    border-radius: 3px;
    margin: 0 0 2px;
    padding: 0 2.2em;
    color: #333;
  }
  body .box-people .grouptree li .item-module .title a,
  body .box-people-edit .grouptree li .item-module .title a {
    width: 100%;
  }
  body .box-people .grouptree .item-module,
  body .box-people-edit .grouptree .item-module {
    /*border-top: 2px solid white;*/
    /* background: white; */
    padding: 2px 0;
  }
  body .box-people .grouptree .title,
  body .box-people-edit .grouptree .title {
    font-size: 1em;
    line-height: 1,25em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
  }
  body .box-people .grouptree .ico-drag,
  body .box-people-edit .grouptree .ico-drag {
    background-position: -612px 0px !important;
    width: 1em;
  }
  body .box-people .grouptree .item-folder .ico-arrow-right,
  body .box-people-edit .grouptree .item-folder .ico-arrow-right,
  body .box-people .grouptree .item-folder .ico-arrow-right-empty,
  body .box-people-edit .grouptree .item-folder .ico-arrow-right-empty,
  body .box-people .grouptree .item-folder .ico-arrow-down,
  body .box-people-edit .grouptree .item-folder .ico-arrow-down {
    margin-left: 1em;
  }
  body .box-people .grouptree .item-homework .ico-arrow-right,
  body .box-people-edit .grouptree .item-homework .ico-arrow-right,
  body .box-people .grouptree .item-homework .ico-arrow-right-empty,
  body .box-people-edit .grouptree .item-homework .ico-arrow-right-empty,
  body .box-people .grouptree .item-homework .ico-arrow-down,
  body .box-people-edit .grouptree .item-homework .ico-arrow-down {
    margin-left: -1em;
  }
  body .box-people .grouptree li:hover > .item > a > .ico-arrow-right,
  body .box-people-edit .grouptree li:hover > .item > a > .ico-arrow-right,
  body .box-people .grouptree .ico-arrow-right:hover,
  body .box-people-edit .grouptree .ico-arrow-right:hover {
    background-position: 0px -29px !important;
  }
  body .box-people .grouptree li:hover > .item > a > .ico-arrow-right-empty,
  body .box-people-edit .grouptree li:hover > .item > a > .ico-arrow-right-empty,
  body .box-people .grouptree .ico-arrow-right-empty:hover,
  body .box-people-edit .grouptree .ico-arrow-right-empty:hover {
    background-position: -972px -29px !important;
  }
  body .box-people .grouptree li.opened > .item > a > .ico-arrow-down,
  body .box-people-edit .grouptree li.opened > .item > a > .ico-arrow-down {
    background-position: -36px 0px !important;
  }
  body .box-people .grouptree li.opened > .item > a > .ico-arrow-down-empty,
  body .box-people-edit .grouptree li.opened > .item > a > .ico-arrow-down-empty {
    background-position: -1008px 0px !important;
  }
  body .box-people .grouptree li.opened:hover > .item > a > .ico-arrow-down,
  body .box-people-edit .grouptree li.opened:hover > .item > a > .ico-arrow-down,
  body .box-people .grouptree .ico-arrow-down:hover,
  body .box-people-edit .grouptree .ico-arrow-down:hover {
    background-position: -36px -29px !important;
  }
  body .box-people .grouptree li.opened:hover > .item > a > .ico-arrow-down-empty,
  body .box-people-edit .grouptree li.opened:hover > .item > a > .ico-arrow-down-empty,
  body .box-people .grouptree .ico-arrow-down-empty:hover,
  body .box-people-edit .grouptree .ico-arrow-down-empty:hover {
    background-position: -1008px -29px !important;
  }
  body .box-people .grouptree li .ico-arrow-right:active,
  body .box-people-edit .grouptree li .ico-arrow-right:active {
    background-position: 0px -58px !important;
  }
  body .box-people .grouptree li .ico-arrow-right-empty:active,
  body .box-people-edit .grouptree li .ico-arrow-right-empty:active {
    background-position: -972px -58px !important;
  }
  body .box-people .grouptree li .ico-arrow-down:active,
  body .box-people-edit .grouptree li .ico-arrow-down:active {
    background-position: -36px -58px !important;
  }
  body .box-people .grouptree li .ico-drag:active,
  body .box-people-edit .grouptree li .ico-drag:active {
    background-position: -612px -58px !important;
    width: 1em;
  }
  body .box-people .grouptree .item:hover > .ico-drag,
  body .box-people-edit .grouptree .item:hover > .ico-drag {
    background-position: -612px -29px !important;
    width: 1em;
  }
  body .box-people .grouptree .item:hover h2,
  body .box-people-edit .grouptree .item:hover h2 {
    color: #478ece;
    cursor: pointer;
  }
  body .box-people .box-people-bar,
  body .box-people-edit .box-people-bar {
    background-color: #e0e0e0;
    color: #999999;
    line-height: 22px;
    height: 30px;
    box-sizing: border-box;
    padding: 5px 20px;
    position: relative;
  }
  body .box-people .box-people-bar .module-type,
  body .box-people-edit .box-people-bar .module-type {
    line-height: 1.25em;
  }
  body .box-people .box-people-bar a,
  body .box-people-edit .box-people-bar a {
    color: #4570a8;
    vertical-align: top;
  }
  body .box-people .box-people-bar a.bar-action,
  body .box-people-edit .box-people-bar a.bar-action {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 6px;
    font-size: 14px;
    line-height: 16px;
    height: 16px;
    position: relative;
  }
  body .box-people .box-people-bar a.bar-action.bar-action-closethread,
  body .box-people-edit .box-people-bar a.bar-action.bar-action-closethread {
    padding-left: 16px;
  }
  body .box-people .box-people-bar a.bar-action.bar-action-closethread .ico-people,
  body .box-people-edit .box-people-bar a.bar-action.bar-action-closethread .ico-people {
    position: absolute;
    left: -10px;
    top: -2px;
  }
  body .box-people .box-people-bar a.bar-action.bar-action-add,
  body .box-people-edit .box-people-bar a.bar-action.bar-action-add {
    padding-left: 32px;
  }
  body .box-people .box-people-bar a.bar-action.bar-action-add .ico,
  body .box-people-edit .box-people-bar a.bar-action.bar-action-add .ico {
    position: absolute;
    left: 0;
    top: -3px;
  }
  body .box-people .box-people-bar a.bar-action.bar-action-search .ico-people,
  body .box-people-edit .box-people-bar a.bar-action.bar-action-search .ico-people {
    position: absolute;
    right: 0;
    top: 1px;
  }
  body .box-people .box-people-bar a.bar-action:hover,
  body .box-people-edit .box-people-bar a.bar-action:hover {
    background: #F7FDF8;
    box-shadow: 2px 2px 2px #888888;
    -moz-box-shadow: 2px 2px 2px #888888;
    -webkit-box-shadow: 2px 2px 2px #888888;
    background: #cccccc;
    background: -webkit-linear-gradient(0deg, #cccccc, #ffffff);
    background: -moz-linear-gradient(0deg, #cccccc, #ffffff);
    background: -ms-linear-gradient(0deg, #cccccc, #ffffff);
    background: -o-linear-gradient(0deg, #cccccc, #ffffff);
    background: linear-gradient(0deg, #cccccc, #ffffff);
  }
  body .box-people .box-people-bar a.bar-action:active,
  body .box-people-edit .box-people-bar a.bar-action:active {
    background: #F7FDF8;
    box-shadow: 1px 1px 2px #888888;
    -moz-box-shadow: 1px 1px 2px #888888;
    -webkit-box-shadow: 1px 1px 2px #888888;
    background: #ffffff;
    background: -webkit-linear-gradient(0deg, #ffffff, #cccccc);
    background: -moz-linear-gradient(0deg, #ffffff, #cccccc);
    background: -ms-linear-gradient(0deg, #ffffff, #cccccc);
    background: -o-linear-gradient(0deg, #ffffff, #cccccc);
    background: linear-gradient(0deg, #ffffff, #cccccc);
  }
  body .box-people .empty-list,
  body .box-people-edit .empty-list {
    margin-left: 4em;
  }
  body .box-people a.action,
  body .box-people-edit a.action {
    color: #6081b6;
    text-decoration: none;
  }
  body .box-inner,
  body .box-people-footer {
    padding: 0 2em 1em;
  }
  body .box-inner .box-people-bar,
  body .box-people-footer .box-people-bar {
    margin-top: 1em;
    background-color: #e0e0e0;
    color: #999999;
    line-height: 22px;
    height: 32px;
    box-sizing: border-box;
    padding: 5px 20px;
  }
  body .box-inner .box-people-bar .module-type,
  body .box-people-footer .box-people-bar .module-type {
    line-height: 22em;
    padding: 0;
    margin: 0;
  }
  body .box-inner .note,
  body .box-people-footer .note {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #deecfc;
    padding: 10px;
    margin-top: 10px;
  }
  body .box-inner .note b,
  body .box-people-footer .note b {
    font-style: italic;
    font-size: 0.875em;
  }
  body .box-inner .note:nth-child(2),
  body .box-people-footer .note:nth-child(2) {
    border-color: #f5a8c8;
  }
  body .box-inner .note.bold,
  body .box-people-footer .note.bold {
    border: none;
  }
  body .box-inner .contentdiv ol,
  body .box-people-footer .contentdiv ol {
    list-style-position: inside;
  }
  body .box-inner .separator,
  body .box-people-footer .separator {
    background: #999;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 15px -20px;
  }
  body .box-inner h2,
  body .box-people-footer h2 {
    margin-top: 5px;
    font-weight: bold;
  }
  body .box-inner h3,
  body .box-people-footer h3 {
    margin: 1em 0 0 0;
    font-size: 1.2em;
    font-weight: normal;
    padding: 0;
    line-height: 1.2em;
    vertical-align: top;
    position: relative;
  }
  body .box-inner h3.afinput,
  body .box-people-footer h3.afinput {
    margin-top: 0;
  }
  body .box-inner h3 .ico-people-help,
  body .box-people-footer h3 .ico-people-help {
    position: relative;
    top: -5px;
    width: 22px;
  }
  body .box-inner p,
  body .box-people-footer p {
    margin-left: 5px;
    margin-top: 0;
    padding-left: 20px;
  }
  body .box-inner p.afinput,
  body .box-people-footer p.afinput {
    padding-left: 0;
  }
  body .box-inner .privatenote,
  body .box-people-footer .privatenote {
    padding: 10px;
    margin: -10px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  body .box-inner .privatenote .text,
  body .box-people-footer .privatenote .text {
    width: 95%;
    padding: 3px;
    margin-bottom: 10px;
  }
  body .box-inner .shifted,
  body .box-people-footer .shifted,
  body .box-inner h3 ~ p,
  body .box-people-footer h3 ~ p {
    padding-left: 20px;
  }
  body .box-inner .empty,
  body .box-people-footer .empty {
    color: #bbb;
    font-size: 0.875em;
  }
  body .box-inner .groups > *,
  body .box-people-footer .groups > * {
    margin: 0;
    padding: 0;
  }
  body .box-inner .groups h4,
  body .box-people-footer .groups h4 {
    color: #6081b6;
    font-weight: bold;
  }
  body .box-inner .groups p,
  body .box-people-footer .groups p {
    color: #999999;
    font-size: smaller;
  }
  body .box-inner .afbox,
  body .box-people-footer .afbox {
    padding-left: 10px;
  }
  body .box-inner .note,
  body .box-people-footer .note {
    font-style: normal;
  }
  body .box-people div.box-inner:first-child {
    padding-top: 0;
  }
  body img.photo-dt {
    height: 121px;
  }
  body img.photo-tree {
    height: 45px;
    background: url(/img/default_profile_picture.png) no-repeat;
    background-size: 45px 45px;
    font-size: xx-small;
  }
  body .grouptree {
    /* vyjimky pro aktivni */
    /* radek s fotkou uzivatele */
  }
  body .grouptree.board li.active > div.item .actions a.tShowMessageBoard {
    background-position: -252px -58px !important;
  }
  body .grouptree.group li.active > div.item .actions a.tDetail,
  body .grouptree.person li.active > div.item .actions a.tDetail {
    background-position: -288px -58px !important;
  }
  body .grouptree li .item-photo {
    line-height: 47px !important;
    height: 47px;
    padding-top: 1px;
    padding-bottom: 4px;
  }
  body .grouptree li .item-photo .actions {
    margin-top: 4px;
  }
  body .grouptree li .item-photo .photo {
    height: 45px !important;
  }
  body .content-list,
  body .homeworks {
    /* zobrazení domácích úkolů jak v hlavním panelu, tak v sidebaru "Assignments history" */
  }
  body .content-list .homework-date,
  body .homeworks .homework-date {
    padding: 35px 20px 5px;
    font-size: 1.125em;
    font-weight: normal;
    color: #9cc1eb;
    border-bottom: 1px solid #548ccc;
  }
  body .content-list .homework-date.homework-history,
  body .homeworks .homework-date.homework-history {
    color: #cccccc;
    border-bottom: 1px solid gray;
  }
  body .content-list .homework-date:hover,
  body .homeworks .homework-date:hover {
    background-color: white;
  }
  body .homeworks {
    /* výjimky pouze pro sidebar "Assignment historiy" */
  }
  body .homeworks .homework-date {
    padding-top: 20px;
  }
  body .homeworks .homework {
    padding-left: 1.6em;
    border-bottom: 1px solid #c9ccd6;
    height: 29px;
  }
  body .homeworks .homework .title,
  body .homeworks .homework .actions {
    margin: 0 0 0.5em !important;
    display: inline-block;
  }
  body .homeworks .homework .sub-actions,
  body .homeworks .homework .tOpen {
    display: none;
  }
  body .label {
    font-size: 80%;
    background: #eee;
    color: #666;
    padding: 1px 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  /*
 * layout pro sekci s vypisem slozek
 */
  .content-list {
    background: #fff;
    margin: 0;
    padding: 0;
    /* vyjimky pro aktivni */
  }
  .content-list ul {
    margin: 0;
    padding: 0;
  }
  .content-list ul li .item {
    padding-left: 1.6em;
  }
  .content-list ul li .item-module .title {
    width: 38.4%;
  }
  .content-list ul li ul li .item {
    padding-left: 3.2em;
  }
  .content-list ul li ul li .item-module .title {
    width: 36.8%;
  }
  .content-list ul li ul li ul li .item {
    padding-left: 4.8em;
  }
  .content-list ul li ul li ul li .item-module .title {
    width: 35.2%;
  }
  .content-list ul li ul li ul li ul li .item {
    padding-left: 6.4em;
  }
  .content-list ul li ul li ul li ul li .item-module .title {
    width: 33.6%;
  }
  .content-list ul li ul li ul li ul li ul li .item {
    padding-left: 8em;
  }
  .content-list ul li ul li ul li ul li ul li .item-module .title {
    width: 32%;
  }
  .content-list ul li ul li ul li ul li ul li ul li .item {
    padding-left: 9.6em;
  }
  .content-list ul li ul li ul li ul li ul li ul li .item-module .title {
    width: 30.4%;
  }
  .content-list ul li ul li ul li ul li ul li ul li u li .item {
    padding-left: 11.2em;
  }
  .content-list ul li ul li ul li ul li ul li ul li u li .item-module .title {
    width: 28.8%;
  }
  .content-list ul li ul li ul li ul li ul li ul li u li ul li .item {
    padding-left: 12.8em;
  }
  .content-list ul li ul li ul li ul li ul li ul li u li ul li .item-module .title {
    width: 27.2%;
  }
  .content-list ul li ul li ul li ul li ul li ul li u li ul li ul li .item {
    padding-left: 14.4em;
  }
  .content-list ul li ul li ul li ul li ul li ul li u li ul li ul li .item-module .title {
    width: 25.6%;
  }
  .content-list ul li ul li ul li ul li ul li ul li u li ul li ul li ul li .item {
    padding-left: 16em;
  }
  .content-list ul li ul li ul li ul li ul li ul li u li ul li ul li ul li .item-module .title {
    width: 24%;
  }
  .content-list li {
    vertical-align: bottom;
    position: relative;
    border: 1px solid #c9ccd6;
    border-width: 0 0 1px 0;
    padding-left: 5px;
  }
  .content-list li:first-child {
    border-top-width: 1px;
  }
  .content-list li:last-child {
    border-bottom: 0px;
  }
  .content-list li.active > .item:first-child {
    background-color: #deecfc;
  }
  .content-list li.opened {
    padding-left: 0;
    border-left: 4px solid #548CCC;
    margin-left: 1px;
  }
  .content-list li .item {
    display: block;
    text-decoration: none;
    line-height: 29px;
    height: 29px;
  }
  .content-list li .item:hover {
    background-color: whitesmoke;
  }
  .content-list li .item h2 {
    padding: 0;
    margin: 0;
  }
  .content-list li .item h2 a {
    color: inherit;
  }
  .content-list li .item .ico-arrow {
    width: 2em;
  }
  .content-list li .item .ico-drag {
    display: block;
    position: absolute!important;
    left: 0;
    top: 0;
  }
  .content-list li .item .actions {
    /* ikonky rada */
    /* ikonky treti sloupec: active */
    width: 22px;
  }
  .content-list li .item .actions a.tAssignmentHistory {
    background-position: -72px 0px !important;
  }
  .content-list li .item .actions a.tShareGroup {
    background-position: -108px 0px !important;
  }
  .content-list li .item .actions a.tAddStudents {
    background-position: -144px 0px !important;
  }
  .content-list li .item .actions a.tRemovePerson {
    background-position: -180px 0px !important;
  }
  .content-list li .item .actions a.tSendMessage {
    background-position: -216px 0px !important;
  }
  .content-list li .item .actions a.tShowMessageBoard {
    background-position: -252px 0px !important;
  }
  .content-list li .item .actions a.tDetail {
    background-position: -288px 0px !important;
  }
  .content-list li .item .actions a.tEdit {
    background-position: -396px 0px !important;
  }
  .content-list li .item .actions a.tCopyEdit {
    background-position: -648px 0px !important;
  }
  .content-list li .item .actions a.tCopy {
    background-position: -432px 0px !important;
  }
  .content-list li .item .actions a.tMove {
    background-position: -504px 0px !important;
  }
  .content-list li .item .actions a.tCoursebook {
    background-position: -576px 0px !important;
  }
  .content-list li .item .actions a.tStar {
    background-position: -360px 0px !important;
  }
  .content-list li .item .actions a.tUnstar {
    background-position: -324px -29px !important;
  }
  .content-list li .item .actions a.tRemove {
    background-position: -684px 0px !important;
  }
  .content-list li .item .actions a.tShowResults {
    background-position: -720px 0px !important;
  }
  .content-list li .item .actions .tPlus {
    background-position: -756px 0px !important;
    float: left;
  }
  .content-list li .item .actions .tBlueBox {
    background-position: -864px 0px !important;
  }
  .content-list li .item .actions .tRedBoxL1,
  .content-list li .item .actions .tRedBox {
    background-position: -828px 0px !important;
  }
  .content-list li .item .actions a.tAssignmentHistory:active {
    background-position: -72px -58px !important;
  }
  .content-list li .item .actions a.tShareGroup:active {
    background-position: -108px -58px !important;
  }
  .content-list li .item .actions a.tAddStudents:active {
    background-position: -144px -58px !important;
  }
  .content-list li .item .actions a.tRemovePerson:active {
    background-position: -180px -58px !important;
  }
  .content-list li .item .actions a.tSendMessage:active {
    background-position: -216px -58px !important;
  }
  .content-list li .item .actions a.tShowMessageBoard:active {
    background-position: -252px -58px !important;
  }
  .content-list li .item .actions a.tDetail:active {
    background-position: -288px -58px !important;
  }
  .content-list li .item .actions a.tEdit:active {
    background-position: -396px -58px !important;
  }
  .content-list li .item .actions a.tCopyEdit:active {
    background-position: -648px -58px !important;
  }
  .content-list li .item .actions a.tCopy:active {
    background-position: -432px -58px !important;
  }
  .content-list li .item .actions a.tMove:active {
    background-position: -504px -58px !important;
  }
  .content-list li .item .actions a.tCoursebook:active {
    background-position: -576px -58px !important;
  }
  .content-list li .item .actions a.tStar:active {
    background-position: -360px -58px !important;
  }
  .content-list li .item .actions a.tUnstar:active {
    background-position: -324px -58px !important;
  }
  .content-list li .item .actions a.tRemove:active {
    background-position: -684px -58px !important;
  }
  .content-list li .item .actions a.tShowResults:active {
    background-position: -720px -58px !important;
  }
  .content-list li .item .actions .tPlus:active {
    background-position: -756px -58px !important;
  }
  .content-list li .item .actions .tBlueBox:active {
    background-position: -864px -58px !important;
  }
  .content-list li .item .actions .tRedBox:active {
    background-position: -828px -58px !important;
  }
  .content-list li .item:hover .actions {
    /* ikonky druhy sloupec: hover */
  }
  .content-list li .item:hover .actions a.tAssignmentHistory {
    background-position: -72px -29px !important;
  }
  .content-list li .item:hover .actions a.tShareGroup {
    background-position: -108px -29px !important;
  }
  .content-list li .item:hover .actions a.tAddStudents {
    background-position: -144px -29px !important;
  }
  .content-list li .item:hover .actions a.tRemovePerson {
    background-position: -180px -29px !important;
  }
  .content-list li .item:hover .actions a.tSendMessage {
    background-position: -216px -29px !important;
  }
  .content-list li .item:hover .actions a.tShowMessageBoard {
    background-position: -252px -29px !important;
  }
  .content-list li .item:hover .actions a.tDetail {
    background-position: -288px -29px !important;
  }
  .content-list li .item:hover .actions a.tEdit {
    background-position: -396px -29px !important;
  }
  .content-list li .item:hover .actions a.tCopyEdit {
    background-position: -648px -29px !important;
  }
  .content-list li .item:hover .actions a.tCopy {
    background-position: -432px -29px !important;
  }
  .content-list li .item:hover .actions a.tMove {
    background-position: -504px -29px !important;
  }
  .content-list li .item:hover .actions a.tCoursebook {
    background-position: -576px -29px !important;
  }
  .content-list li .item:hover .actions a.tStar {
    background-position: -360px -29px !important;
  }
  .content-list li .item:hover .actions a.tUnstar {
    background-position: -324px -29px !important;
  }
  .content-list li .item:hover .actions a.tRemove {
    background-position: -684px -29px !important;
  }
  .content-list li .item:hover .actions a.tShowResults {
    background-position: -720px -29px !important;
  }
  .content-list li .item:hover .actions a .tPlus,
  .content-list li .item:hover .actions .tPlus {
    background-position: -756px -29px !important;
  }
  .content-list li .item:hover .actions .tBlueBoxL2,
  .content-list li .item:hover .actions a .tBlueBox,
  .content-list li .item:hover .actions .tBlueBox {
    background-position: -864px -29px !important;
  }
  .content-list li .item:hover .actions .tRedBoxL2,
  .content-list li .item:hover .actions a .tRedBox,
  .content-list li .item:hover .actions .tRedBox {
    background-position: -828px -29px !important;
  }
  .content-list li .item:hover a.tOpen:not(.active) {
    background-position: -468px -29px !important;
  }
  .content-list li .item.item-module:hover > h2 :not(.label),
  .content-list li .item.item-folder:hover > h2 :not(.label),
  .content-list li .item.item-homework:hover > h2 :not(.label) {
    color: #478ece;
  }
  .content-list li .item.item-module:hover > h2 :not(.label):hover,
  .content-list li .item.item-folder:hover > h2 :not(.label):hover,
  .content-list li .item.item-homework:hover > h2 :not(.label):hover {
    text-decoration: none;
  }
  .content-list li .item.buttons {
    padding-left: 2em;
  }
  .content-list li .item-module .title {
    width: 100%;
    /* background-color: #eee; */
    border-radius: 3px;
    margin: 0 0 2px;
    padding: 0 2.2em;
    color: #333;
  }
  .content-list li .item-module .title a {
    width: 100%;
  }
  .content-list .item-module {
    /*border-top: 2px solid white;*/
    /* background: white; */
    padding: 2px 0;
  }
  .content-list .title {
    font-size: 1em;
    line-height: 1,25em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
  }
  .content-list .ico-drag {
    background-position: -612px 0px !important;
    width: 1em;
  }
  .content-list .item-folder .ico-arrow-right,
  .content-list .item-folder .ico-arrow-right-empty,
  .content-list .item-folder .ico-arrow-down {
    margin-left: 1em;
  }
  .content-list .item-homework .ico-arrow-right,
  .content-list .item-homework .ico-arrow-right-empty,
  .content-list .item-homework .ico-arrow-down {
    margin-left: -1em;
  }
  .content-list li:hover > .item > a > .ico-arrow-right,
  .content-list .ico-arrow-right:hover {
    background-position: 0px -29px !important;
  }
  .content-list li:hover > .item > a > .ico-arrow-right-empty,
  .content-list .ico-arrow-right-empty:hover {
    background-position: -972px -29px !important;
  }
  .content-list li.opened > .item > a > .ico-arrow-down {
    background-position: -36px 0px !important;
  }
  .content-list li.opened > .item > a > .ico-arrow-down-empty {
    background-position: -1008px 0px !important;
  }
  .content-list li.opened:hover > .item > a > .ico-arrow-down,
  .content-list .ico-arrow-down:hover {
    background-position: -36px -29px !important;
  }
  .content-list li.opened:hover > .item > a > .ico-arrow-down-empty,
  .content-list .ico-arrow-down-empty:hover {
    background-position: -1008px -29px !important;
  }
  .content-list li .ico-arrow-right:active {
    background-position: 0px -58px !important;
  }
  .content-list li .ico-arrow-right-empty:active {
    background-position: -972px -58px !important;
  }
  .content-list li .ico-arrow-down:active {
    background-position: -36px -58px !important;
  }
  .content-list li .ico-drag:active {
    background-position: -612px -58px !important;
    width: 1em;
  }
  .content-list .item:hover > .ico-drag {
    background-position: -612px -29px !important;
    width: 1em;
  }
  .content-list ul.acordeon > li > .item.item-module .title {
    margin-left: 40px;
    cursor: pointer;
  }
  .content-list .content li.active > div.item .actions a.tDetail {
    background-position: -288px -58px !important;
  }
  #layout-people .preview .box-modul {
    width: 100%;
    float: none;
    margin-top: 30px;
  }
  .inline-btn.disabled {
    opacity: 0.5;
  }
  .inline-btn.disabled span {
    cursor: default;
  }
  /* blok centrujici s pevnou sirkou */
  .inBox {
    margin: 0 auto;
    padding: 0;
    position: relative;
  }
  #header {
    text-align: left;
    position: relative;
    background: #333;
    line-height: 32px;
    height: 32px;
  }
  #header,
  #header a {
    color: #bdbdbd;
  }
  .popupbox .box,
  .popupbox .box p {
    font-size: 12px;
    line-height: 16px;
  }
  .popupbox .box {
    padding: 5px;
    width: 160px;
    background-color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 5px #808080;
    -moz-box-shadow: 0 0 5px #808080;
    -webkit-box-shadow: 0 0 5px #808080;
    position: absolute;
    top: 2em;
    left: 0;
    z-index: 100;
  }
  .popupbox .box.box-right {
    left: 0;
    right: auto;
  }
  .popupbox .box.box-left {
    left: auto;
    right: 0;
  }
  .popupbox .box.big {
    padding: 10px 0;
    width: 270px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 5px black;
    -moz-box-shadow: 0px 0px 5px black;
    box-shadow: 0px 0px 5px black;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    margin: 0 auto;
  }
  .popupbox .inline-btn {
    margin: 5px;
    padding: 0 10px;
  }
  .popupbox hr {
    margin: 5px 0;
  }
  .box-std {
    background: #fff;
  }
  .tabs-nav {
    border-bottom: 1px solid gray;
    background: #444;
  }
  form {
    width: 100%;
  }
  .content-list,
  #snippet--tree {
    height: 100%;
    overflow: hidden;
  }
  .col-left {
    float: left;
    display: block;
    width: 71.5%;
    height: 100%;
    overflow: hidden;
  }
  .col-left .people-list {
    height: 100%;
  }
  .col-left .content-list {
    height: 100%;
    overflow: hidden;
  }
  .col-left .content-list .snippet--tree {
    height: 100%;
    overflow: hidden;
  }
  form#frm-searchForm-contentSearchForm {
    padding: 10px 0 5px;
    background-color: #efefef;
  }
  form#frm-searchForm-contentSearchForm + .col-left {
    height: 88%;
  }
  .box-people {
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
    position: relative;
    overflow: hidden;
  }
  .box-people .box-people-scrollbox {
    position: absolute;
    top: 124px;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    padding: 5px 0;
  }
  .box-people .box-people-scrollbox .box-people-footer {
    width: 100%;
    height: 50px;
    padding: 10px 0;
  }
  .col-right {
    position: fixed;
    right: 5px;
    height: 90%;
    overflow: visible;
    margin-top: 2%;
    width: 25%;
    min-width: 320px;
    z-index: 100;
  }
  .col-right #snippet--module-edit-right {
    height: 100%;
  }
  .col-right form {
    width: 100%;
    height: 100%;
  }
  .col-right .tabs-box {
    height: 100%;
  }
  .col-right .box-std {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 0px #8eadda;
    -moz-box-shadow: 0 0 0px #8eadda;
    -webkit-box-shadow: 0 0 0px #8eadda;
    border-right: 0;
  }
  .col-right #snippet--sidebar {
    height: 100%;
    margin-right: 1%;
  }
  .col-right #snippet--sidebar .messages-widget {
    height: 100%;
    overflow: hidden;
  }
  .col-right form#frm-searchForm-contentSearchForm ~ .col-right {
    height: 78%;
    overflow-y: hidden;
  }
  .col-right .box-people {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 7px #8eadda;
    -moz-box-shadow: 0 0 7px #8eadda;
    -webkit-box-shadow: 0 0 7px #8eadda;
    background-color: white;
    width: 96%;
    height: 96%;
    position: relative;
    overflow: hidden;
    margin: 2%;
    color: #444;
  }
  .col-right .box-people .box-people-scrollbox {
    position: absolute;
    top: 124px;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
  }
  .col-right .box-people .box-people-scrollbox .actions {
    margin-top: 2em;
  }
  .col-right .box-people .box-people-footer {
    width: 100%;
    height: 50px;
    background-color: white;
    z-index: 10;
  }
  .col-right .box-people.person .box-people-scrollbox {
    top: 140px;
  }
  .col-right .box-people.person a.ajax {
    margin: .5em 5em;
  }
  .col-right form {
    width: 100%;
  }
  .col-right .box-std {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 0px #8eadda;
    -moz-box-shadow: 0 0 0px #8eadda;
    -webkit-box-shadow: 0 0 0px #8eadda;
    border-right: 0;
    height: 100%;
  }
  .sticky-wraper {
    position: fixed;
    z-index: 100;
    top: 0;
  }
  .module {
    height: 100%;
  }
  .module .center {
    border-top: thin solid #7BA3CF;
    padding: 6px 5px 2px;
    width: 104%;
    margin-left: -20px;
    margin-top: 20px;
    margin-bottom: 60px;
  }
  .module .col-right {
    margin-top: 0;
    border-left: 1px solid #ccc;
    z-index: 0;
  }
  .module .module-head {
    position: fixed;
    padding: 13px 2% 0;
    border-bottom: #548ccc 4px solid;
    background: white;
    width: 96%;
    z-index: 99;
  }
  .module .module-head h1 {
    font-weight: bold;
    font-size: 2em;
    line-height: 2em;
  }
  .module .module-head h1 .icon-like,
  .module .module-head h1 .icon-unlike {
    vertical-align: top;
  }
  .module .module-head .actions {
    position: absolute;
    right: 18em;
    top: 30px;
  }
  .module .module-action-text {
    display: inline-block;
    padding-top: 5px;
  }
  .module .next-modules {
    width: 120px;
  }
  .module .box-modul,
  .module .box-module {
    height: 100%;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    top: 0;
  }
  .module .box-modul .module-head2,
  .module .box-module .module-head2 {
    position: absolute;
    top: 0;
    z-index: 80;
    width: 70.5%;
    margin: 0;
    border-bottom: thin solid #7BA3CF;
    padding: 8px 5px 6px;
    background-color: white;
    opacity: 0.85;
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    pointer-events: auto;
  }
  .module .box-modul .module-head2:hover,
  .module .box-module .module-head2:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    pointer-events: auto;
  }
  .module .box-modul .module-head2 .middle,
  .module .box-module .module-head2 .middle {
    width: 350px;
    margin: auto;
    text-align: center;
  }
  .module .box-modul .box-inner,
  .module .box-module .box-inner {
    box-sizing: border-box;
    width: 100%;
    height: 90%;
    padding-right: 30%;
    overflow-y: scroll;
  }
  .module .box-modul .box-inner .actions,
  .module .box-module .box-inner .actions {
    margin-top: 2em;
  }
  .module .box-modul .box-inner strong,
  .module .box-module .box-inner strong {
    font-weight: 700 !important;
  }
  .module .box-modul img.attached-image,
  .module .box-module img.attached-image {
    padding: 10px;
  }
  .module .box-people {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 0 #000000;
    -moz-box-shadow: 0 0 0 #000000;
    -webkit-box-shadow: 0 0 0 #000000;
    margin: 0 5px 0 0;
  }
  .module .box-people-header {
    /* border-bottom: 5px solid #7ba3cf; */
    padding: 1em 2em;
    position: relative;
  }
  .module .box-people-header h1 {
    padding: 15px 0;
  }
  .module .box-people-footer {
    border-top: none;
  }
  .module p {
    clear: left;
    color: #333333;
    padding: 0;
  }
  .module p.no-note {
    color: #999999;
  }
  .module .answers {
    float: none;
    color: #8B0000;
    font-size: 11px;
    padding-left: 16px;
    text-decoration: underline;
  }
  .tab_gaps > .module strong {
    color: #3399cc;
  }
  .tab_bubbles > .module strong {
    background-color: #deecfc;
  }
  .tab_files,
  .tab_bubbles {
    margin-top: 1em;
  }
  .gapfill_with_bubble {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 5px;
    background-color: #deecfc;
  }
  .gapfill_with_bubble:hover {
    color: #548ccc;
  }
  /* styl dialogu pouzivany v people */
  body .ui-widget-overlay {
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
  }
  #modaldialog {
    display: none;
  }
  .ui-dialog .ui-dialog-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .popup-window.ui-widget-content {
    padding: 0;
    background: white;
    border-color: #333;
  }
  .popup-window .ui-widget-header {
    background: #333;
    border: 0;
    color: white;
    font-weight: normal;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .popup-window .ui-dialog-titlebar-close {
    display: none;
  }
  .popup-window .ui-dialog-title {
    text-align: center;
  }
  .modal-dialog-contenttypechoose form {
    width: 800px;
  }
  .modal-dialog-parentnodechoose .content {
    border: 1px solid #eee;
    margin: 0.5em 0;
    height: 400px;
    overflow-y: scroll;
    padding: 0.5em 0;
  }
  .modal-dialog-parentnodechoose .content .my-materials {
    color: #548ccc;
    border-bottom: 1px solid #666;
    padding: 0 0.5em 0.5em;
  }
  .modal-dialog-parentnodechoose .content .css-radio {
    height: 32px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
  }
  .modal-dialog-parentnodechoose .content .css-radio:hover {
    background: whitesmoke;
  }
  .modal-dialog-teacher,
  .modal-dialog-student,
  .modal-dialog-message,
  .modal-dialog-classes,
  .modal-dialog-newgroup,
  .modal-dialog-groupchoose,
  .modal-dialog-contenttypechoose,
  .modal-dialog-parentnodechoose,
  .modal-dialog-folderform,
  .modal-dialog-confirmremovenode,
  #upload-file-dialog,
  #web-file-dialog,
  #youtube-file-dialog,
  .modal-dialog {
    min-height: 320px;
    max-height: 600px;
    overflow-x: hidden !important;
  }
  .modal-dialog-teacher .content,
  .modal-dialog-student .content,
  .modal-dialog-message .content,
  .modal-dialog-classes .content,
  .modal-dialog-newgroup .content,
  .modal-dialog-groupchoose .content,
  .modal-dialog-contenttypechoose .content,
  .modal-dialog-parentnodechoose .content,
  .modal-dialog-folderform .content,
  .modal-dialog-confirmremovenode .content,
  #upload-file-dialog .content,
  #web-file-dialog .content,
  #youtube-file-dialog .content,
  .modal-dialog .content {
    margin-top: 0.5em;
    margin-bottom: 1em;
  }
  .modal-dialog-teacher .popuplist,
  .modal-dialog-student .popuplist,
  .modal-dialog-message .popuplist,
  .modal-dialog-classes .popuplist,
  .modal-dialog-newgroup .popuplist,
  .modal-dialog-groupchoose .popuplist,
  .modal-dialog-contenttypechoose .popuplist,
  .modal-dialog-parentnodechoose .popuplist,
  .modal-dialog-folderform .popuplist,
  .modal-dialog-confirmremovenode .popuplist,
  #upload-file-dialog .popuplist,
  #web-file-dialog .popuplist,
  #youtube-file-dialog .popuplist,
  .modal-dialog .popuplist {
    white-space: nowrap;
    height: auto !important;
    min-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .modal-dialog-teacher.modal-dialog-message .popuplist,
  .modal-dialog-student.modal-dialog-message .popuplist,
  .modal-dialog-message.modal-dialog-message .popuplist,
  .modal-dialog-classes.modal-dialog-message .popuplist,
  .modal-dialog-newgroup.modal-dialog-message .popuplist,
  .modal-dialog-groupchoose.modal-dialog-message .popuplist,
  .modal-dialog-contenttypechoose.modal-dialog-message .popuplist,
  .modal-dialog-parentnodechoose.modal-dialog-message .popuplist,
  .modal-dialog-folderform.modal-dialog-message .popuplist,
  .modal-dialog-confirmremovenode.modal-dialog-message .popuplist,
  #upload-file-dialog.modal-dialog-message .popuplist,
  #web-file-dialog.modal-dialog-message .popuplist,
  #youtube-file-dialog.modal-dialog-message .popuplist,
  .modal-dialog.modal-dialog-message .popuplist {
    min-height: 0;
  }
  .modal-dialog-teacher.modal-dialog-contenttypechoose .content p,
  .modal-dialog-student.modal-dialog-contenttypechoose .content p,
  .modal-dialog-message.modal-dialog-contenttypechoose .content p,
  .modal-dialog-classes.modal-dialog-contenttypechoose .content p,
  .modal-dialog-newgroup.modal-dialog-contenttypechoose .content p,
  .modal-dialog-groupchoose.modal-dialog-contenttypechoose .content p,
  .modal-dialog-contenttypechoose.modal-dialog-contenttypechoose .content p,
  .modal-dialog-parentnodechoose.modal-dialog-contenttypechoose .content p,
  .modal-dialog-folderform.modal-dialog-contenttypechoose .content p,
  .modal-dialog-confirmremovenode.modal-dialog-contenttypechoose .content p,
  #upload-file-dialog.modal-dialog-contenttypechoose .content p,
  #web-file-dialog.modal-dialog-contenttypechoose .content p,
  #youtube-file-dialog.modal-dialog-contenttypechoose .content p,
  .modal-dialog.modal-dialog-contenttypechoose .content p,
  .modal-dialog-teacher.modal-dialog-groupchoose .content p,
  .modal-dialog-student.modal-dialog-groupchoose .content p,
  .modal-dialog-message.modal-dialog-groupchoose .content p,
  .modal-dialog-classes.modal-dialog-groupchoose .content p,
  .modal-dialog-newgroup.modal-dialog-groupchoose .content p,
  .modal-dialog-groupchoose.modal-dialog-groupchoose .content p,
  .modal-dialog-contenttypechoose.modal-dialog-groupchoose .content p,
  .modal-dialog-parentnodechoose.modal-dialog-groupchoose .content p,
  .modal-dialog-folderform.modal-dialog-groupchoose .content p,
  .modal-dialog-confirmremovenode.modal-dialog-groupchoose .content p,
  #upload-file-dialog.modal-dialog-groupchoose .content p,
  #web-file-dialog.modal-dialog-groupchoose .content p,
  #youtube-file-dialog.modal-dialog-groupchoose .content p,
  .modal-dialog.modal-dialog-groupchoose .content p {
    color: #999999;
    font-size: smaller;
    margin: 0 0 20px 0;
  }
  .modal-dialog-teacher .lc,
  .modal-dialog-student .lc,
  .modal-dialog-message .lc,
  .modal-dialog-classes .lc,
  .modal-dialog-newgroup .lc,
  .modal-dialog-groupchoose .lc,
  .modal-dialog-contenttypechoose .lc,
  .modal-dialog-parentnodechoose .lc,
  .modal-dialog-folderform .lc,
  .modal-dialog-confirmremovenode .lc,
  #upload-file-dialog .lc,
  #web-file-dialog .lc,
  #youtube-file-dialog .lc,
  .modal-dialog .lc,
  .modal-dialog-teacher .rc,
  .modal-dialog-student .rc,
  .modal-dialog-message .rc,
  .modal-dialog-classes .rc,
  .modal-dialog-newgroup .rc,
  .modal-dialog-groupchoose .rc,
  .modal-dialog-contenttypechoose .rc,
  .modal-dialog-parentnodechoose .rc,
  .modal-dialog-folderform .rc,
  .modal-dialog-confirmremovenode .rc,
  #upload-file-dialog .rc,
  #web-file-dialog .rc,
  #youtube-file-dialog .rc,
  .modal-dialog .rc {
    float: left;
    width: 48%;
  }
  .modal-dialog-teacher .rc,
  .modal-dialog-student .rc,
  .modal-dialog-message .rc,
  .modal-dialog-classes .rc,
  .modal-dialog-newgroup .rc,
  .modal-dialog-groupchoose .rc,
  .modal-dialog-contenttypechoose .rc,
  .modal-dialog-parentnodechoose .rc,
  .modal-dialog-folderform .rc,
  .modal-dialog-confirmremovenode .rc,
  #upload-file-dialog .rc,
  #web-file-dialog .rc,
  #youtube-file-dialog .rc,
  .modal-dialog .rc {
    margin-left: 4%;
  }
  .modal-dialog-teacher form > div,
  .modal-dialog-student form > div,
  .modal-dialog-message form > div,
  .modal-dialog-classes form > div,
  .modal-dialog-newgroup form > div,
  .modal-dialog-groupchoose form > div,
  .modal-dialog-contenttypechoose form > div,
  .modal-dialog-parentnodechoose form > div,
  .modal-dialog-folderform form > div,
  .modal-dialog-confirmremovenode form > div,
  #upload-file-dialog form > div,
  #web-file-dialog form > div,
  #youtube-file-dialog form > div,
  .modal-dialog form > div,
  .modal-dialog-teacher form > label,
  .modal-dialog-student form > label,
  .modal-dialog-message form > label,
  .modal-dialog-classes form > label,
  .modal-dialog-newgroup form > label,
  .modal-dialog-groupchoose form > label,
  .modal-dialog-contenttypechoose form > label,
  .modal-dialog-parentnodechoose form > label,
  .modal-dialog-folderform form > label,
  .modal-dialog-confirmremovenode form > label,
  #upload-file-dialog form > label,
  #web-file-dialog form > label,
  #youtube-file-dialog form > label,
  .modal-dialog form > label,
  .modal-dialog-teacher > div.content,
  .modal-dialog-student > div.content,
  .modal-dialog-message > div.content,
  .modal-dialog-classes > div.content,
  .modal-dialog-newgroup > div.content,
  .modal-dialog-groupchoose > div.content,
  .modal-dialog-contenttypechoose > div.content,
  .modal-dialog-parentnodechoose > div.content,
  .modal-dialog-folderform > div.content,
  .modal-dialog-confirmremovenode > div.content,
  #upload-file-dialog > div.content,
  #web-file-dialog > div.content,
  #youtube-file-dialog > div.content,
  .modal-dialog > div.content {
    margin: 0 5% 1em;
  }
  .modal-dialog-teacher > div.content:first-child,
  .modal-dialog-student > div.content:first-child,
  .modal-dialog-message > div.content:first-child,
  .modal-dialog-classes > div.content:first-child,
  .modal-dialog-newgroup > div.content:first-child,
  .modal-dialog-groupchoose > div.content:first-child,
  .modal-dialog-contenttypechoose > div.content:first-child,
  .modal-dialog-parentnodechoose > div.content:first-child,
  .modal-dialog-folderform > div.content:first-child,
  .modal-dialog-confirmremovenode > div.content:first-child,
  #upload-file-dialog > div.content:first-child,
  #web-file-dialog > div.content:first-child,
  #youtube-file-dialog > div.content:first-child,
  .modal-dialog > div.content:first-child {
    margin-top: 1em;
  }
  .modal-dialog-teacher form > div.actions,
  .modal-dialog-student form > div.actions,
  .modal-dialog-message form > div.actions,
  .modal-dialog-classes form > div.actions,
  .modal-dialog-newgroup form > div.actions,
  .modal-dialog-groupchoose form > div.actions,
  .modal-dialog-contenttypechoose form > div.actions,
  .modal-dialog-parentnodechoose form > div.actions,
  .modal-dialog-folderform form > div.actions,
  .modal-dialog-confirmremovenode form > div.actions,
  #upload-file-dialog form > div.actions,
  #web-file-dialog form > div.actions,
  #youtube-file-dialog form > div.actions,
  .modal-dialog form > div.actions {
    margin: 0 0 -1em 0;
  }
  .modal-dialog-teacher form#frm-removeGroupForm-form .actions,
  .modal-dialog-student form#frm-removeGroupForm-form .actions,
  .modal-dialog-message form#frm-removeGroupForm-form .actions,
  .modal-dialog-classes form#frm-removeGroupForm-form .actions,
  .modal-dialog-newgroup form#frm-removeGroupForm-form .actions,
  .modal-dialog-groupchoose form#frm-removeGroupForm-form .actions,
  .modal-dialog-contenttypechoose form#frm-removeGroupForm-form .actions,
  .modal-dialog-parentnodechoose form#frm-removeGroupForm-form .actions,
  .modal-dialog-folderform form#frm-removeGroupForm-form .actions,
  .modal-dialog-confirmremovenode form#frm-removeGroupForm-form .actions,
  #upload-file-dialog form#frm-removeGroupForm-form .actions,
  #web-file-dialog form#frm-removeGroupForm-form .actions,
  #youtube-file-dialog form#frm-removeGroupForm-form .actions,
  .modal-dialog form#frm-removeGroupForm-form .actions {
    position: absolute;
    bottom: 20px;
    left: 0;
  }
  .modal-dialog-teacher form#frm-removeGroupForm-form .actions .cancel,
  .modal-dialog-student form#frm-removeGroupForm-form .actions .cancel,
  .modal-dialog-message form#frm-removeGroupForm-form .actions .cancel,
  .modal-dialog-classes form#frm-removeGroupForm-form .actions .cancel,
  .modal-dialog-newgroup form#frm-removeGroupForm-form .actions .cancel,
  .modal-dialog-groupchoose form#frm-removeGroupForm-form .actions .cancel,
  .modal-dialog-contenttypechoose form#frm-removeGroupForm-form .actions .cancel,
  .modal-dialog-parentnodechoose form#frm-removeGroupForm-form .actions .cancel,
  .modal-dialog-folderform form#frm-removeGroupForm-form .actions .cancel,
  .modal-dialog-confirmremovenode form#frm-removeGroupForm-form .actions .cancel,
  #upload-file-dialog form#frm-removeGroupForm-form .actions .cancel,
  #web-file-dialog form#frm-removeGroupForm-form .actions .cancel,
  #youtube-file-dialog form#frm-removeGroupForm-form .actions .cancel,
  .modal-dialog form#frm-removeGroupForm-form .actions .cancel {
    position: absolute;
    bottom: 25px;
  }
  .modal-dialog-teacher .add_select,
  .modal-dialog-student .add_select,
  .modal-dialog-message .add_select,
  .modal-dialog-classes .add_select,
  .modal-dialog-newgroup .add_select,
  .modal-dialog-groupchoose .add_select,
  .modal-dialog-contenttypechoose .add_select,
  .modal-dialog-parentnodechoose .add_select,
  .modal-dialog-folderform .add_select,
  .modal-dialog-confirmremovenode .add_select,
  #upload-file-dialog .add_select,
  #web-file-dialog .add_select,
  #youtube-file-dialog .add_select,
  .modal-dialog .add_select,
  .modal-dialog-teacher .add_autocomplete,
  .modal-dialog-student .add_autocomplete,
  .modal-dialog-message .add_autocomplete,
  .modal-dialog-classes .add_autocomplete,
  .modal-dialog-newgroup .add_autocomplete,
  .modal-dialog-groupchoose .add_autocomplete,
  .modal-dialog-contenttypechoose .add_autocomplete,
  .modal-dialog-parentnodechoose .add_autocomplete,
  .modal-dialog-folderform .add_autocomplete,
  .modal-dialog-confirmremovenode .add_autocomplete,
  #upload-file-dialog .add_autocomplete,
  #web-file-dialog .add_autocomplete,
  #youtube-file-dialog .add_autocomplete,
  .modal-dialog .add_autocomplete {
    width: 100%;
  }
  .modal-dialog-teacher .add_select select,
  .modal-dialog-student .add_select select,
  .modal-dialog-message .add_select select,
  .modal-dialog-classes .add_select select,
  .modal-dialog-newgroup .add_select select,
  .modal-dialog-groupchoose .add_select select,
  .modal-dialog-contenttypechoose .add_select select,
  .modal-dialog-parentnodechoose .add_select select,
  .modal-dialog-folderform .add_select select,
  .modal-dialog-confirmremovenode .add_select select,
  #upload-file-dialog .add_select select,
  #web-file-dialog .add_select select,
  #youtube-file-dialog .add_select select,
  .modal-dialog .add_select select,
  .modal-dialog-teacher .add_select input,
  .modal-dialog-student .add_select input,
  .modal-dialog-message .add_select input,
  .modal-dialog-classes .add_select input,
  .modal-dialog-newgroup .add_select input,
  .modal-dialog-groupchoose .add_select input,
  .modal-dialog-contenttypechoose .add_select input,
  .modal-dialog-parentnodechoose .add_select input,
  .modal-dialog-folderform .add_select input,
  .modal-dialog-confirmremovenode .add_select input,
  #upload-file-dialog .add_select input,
  #web-file-dialog .add_select input,
  #youtube-file-dialog .add_select input,
  .modal-dialog .add_select input,
  .modal-dialog-teacher .add_autocomplete input,
  .modal-dialog-student .add_autocomplete input,
  .modal-dialog-message .add_autocomplete input,
  .modal-dialog-classes .add_autocomplete input,
  .modal-dialog-newgroup .add_autocomplete input,
  .modal-dialog-groupchoose .add_autocomplete input,
  .modal-dialog-contenttypechoose .add_autocomplete input,
  .modal-dialog-parentnodechoose .add_autocomplete input,
  .modal-dialog-folderform .add_autocomplete input,
  .modal-dialog-confirmremovenode .add_autocomplete input,
  #upload-file-dialog .add_autocomplete input,
  #web-file-dialog .add_autocomplete input,
  #youtube-file-dialog .add_autocomplete input,
  .modal-dialog .add_autocomplete input {
    line-height: 20px;
    height: 24px;
    margin: 0;
  }
  .modal-dialog-teacher .add_select select,
  .modal-dialog-student .add_select select,
  .modal-dialog-message .add_select select,
  .modal-dialog-classes .add_select select,
  .modal-dialog-newgroup .add_select select,
  .modal-dialog-groupchoose .add_select select,
  .modal-dialog-contenttypechoose .add_select select,
  .modal-dialog-parentnodechoose .add_select select,
  .modal-dialog-folderform .add_select select,
  .modal-dialog-confirmremovenode .add_select select,
  #upload-file-dialog .add_select select,
  #web-file-dialog .add_select select,
  #youtube-file-dialog .add_select select,
  .modal-dialog .add_select select,
  .modal-dialog-teacher .add_autocomplete input[type="text"],
  .modal-dialog-student .add_autocomplete input[type="text"],
  .modal-dialog-message .add_autocomplete input[type="text"],
  .modal-dialog-classes .add_autocomplete input[type="text"],
  .modal-dialog-newgroup .add_autocomplete input[type="text"],
  .modal-dialog-groupchoose .add_autocomplete input[type="text"],
  .modal-dialog-contenttypechoose .add_autocomplete input[type="text"],
  .modal-dialog-parentnodechoose .add_autocomplete input[type="text"],
  .modal-dialog-folderform .add_autocomplete input[type="text"],
  .modal-dialog-confirmremovenode .add_autocomplete input[type="text"],
  #upload-file-dialog .add_autocomplete input[type="text"],
  #web-file-dialog .add_autocomplete input[type="text"],
  #youtube-file-dialog .add_autocomplete input[type="text"],
  .modal-dialog .add_autocomplete input[type="text"] {
    float: left;
    width: 58%;
    height: 20px;
    padding: 2px 20px;
  }
  .modal-dialog-teacher .add_select select,
  .modal-dialog-student .add_select select,
  .modal-dialog-message .add_select select,
  .modal-dialog-classes .add_select select,
  .modal-dialog-newgroup .add_select select,
  .modal-dialog-groupchoose .add_select select,
  .modal-dialog-contenttypechoose .add_select select,
  .modal-dialog-parentnodechoose .add_select select,
  .modal-dialog-folderform .add_select select,
  .modal-dialog-confirmremovenode .add_select select,
  #upload-file-dialog .add_select select,
  #web-file-dialog .add_select select,
  #youtube-file-dialog .add_select select,
  .modal-dialog .add_select select {
    height: 24px;
    width: 345px;
  }
  .modal-dialog-teacher .add_select input[type="submit"],
  .modal-dialog-student .add_select input[type="submit"],
  .modal-dialog-message .add_select input[type="submit"],
  .modal-dialog-classes .add_select input[type="submit"],
  .modal-dialog-newgroup .add_select input[type="submit"],
  .modal-dialog-groupchoose .add_select input[type="submit"],
  .modal-dialog-contenttypechoose .add_select input[type="submit"],
  .modal-dialog-parentnodechoose .add_select input[type="submit"],
  .modal-dialog-folderform .add_select input[type="submit"],
  .modal-dialog-confirmremovenode .add_select input[type="submit"],
  #upload-file-dialog .add_select input[type="submit"],
  #web-file-dialog .add_select input[type="submit"],
  #youtube-file-dialog .add_select input[type="submit"],
  .modal-dialog .add_select input[type="submit"],
  .modal-dialog-teacher .add_autocomplete input[type="submit"],
  .modal-dialog-student .add_autocomplete input[type="submit"],
  .modal-dialog-message .add_autocomplete input[type="submit"],
  .modal-dialog-classes .add_autocomplete input[type="submit"],
  .modal-dialog-newgroup .add_autocomplete input[type="submit"],
  .modal-dialog-groupchoose .add_autocomplete input[type="submit"],
  .modal-dialog-contenttypechoose .add_autocomplete input[type="submit"],
  .modal-dialog-parentnodechoose .add_autocomplete input[type="submit"],
  .modal-dialog-folderform .add_autocomplete input[type="submit"],
  .modal-dialog-confirmremovenode .add_autocomplete input[type="submit"],
  #upload-file-dialog .add_autocomplete input[type="submit"],
  #web-file-dialog .add_autocomplete input[type="submit"],
  #youtube-file-dialog .add_autocomplete input[type="submit"],
  .modal-dialog .add_autocomplete input[type="submit"] {
    width: 26%;
    line-height: 0.75em;
    height: 26px;
    padding-left: 25px;
  }
  .modal-dialog-teacher.modal-dialog-message .add_autocomplete input[type="submit"],
  .modal-dialog-student.modal-dialog-message .add_autocomplete input[type="submit"],
  .modal-dialog-message.modal-dialog-message .add_autocomplete input[type="submit"],
  .modal-dialog-classes.modal-dialog-message .add_autocomplete input[type="submit"],
  .modal-dialog-newgroup.modal-dialog-message .add_autocomplete input[type="submit"],
  .modal-dialog-groupchoose.modal-dialog-message .add_autocomplete input[type="submit"],
  .modal-dialog-contenttypechoose.modal-dialog-message .add_autocomplete input[type="submit"],
  .modal-dialog-parentnodechoose.modal-dialog-message .add_autocomplete input[type="submit"],
  .modal-dialog-folderform.modal-dialog-message .add_autocomplete input[type="submit"],
  .modal-dialog-confirmremovenode.modal-dialog-message .add_autocomplete input[type="submit"],
  #upload-file-dialog.modal-dialog-message .add_autocomplete input[type="submit"],
  #web-file-dialog.modal-dialog-message .add_autocomplete input[type="submit"],
  #youtube-file-dialog.modal-dialog-message .add_autocomplete input[type="submit"],
  .modal-dialog.modal-dialog-message .add_autocomplete input[type="submit"] {
    width: 20%;
  }
  .modal-dialog-teacher .add_select input[type="submit"].action-blue,
  .modal-dialog-student .add_select input[type="submit"].action-blue,
  .modal-dialog-message .add_select input[type="submit"].action-blue,
  .modal-dialog-classes .add_select input[type="submit"].action-blue,
  .modal-dialog-newgroup .add_select input[type="submit"].action-blue,
  .modal-dialog-groupchoose .add_select input[type="submit"].action-blue,
  .modal-dialog-contenttypechoose .add_select input[type="submit"].action-blue,
  .modal-dialog-parentnodechoose .add_select input[type="submit"].action-blue,
  .modal-dialog-folderform .add_select input[type="submit"].action-blue,
  .modal-dialog-confirmremovenode .add_select input[type="submit"].action-blue,
  #upload-file-dialog .add_select input[type="submit"].action-blue,
  #web-file-dialog .add_select input[type="submit"].action-blue,
  #youtube-file-dialog .add_select input[type="submit"].action-blue,
  .modal-dialog .add_select input[type="submit"].action-blue,
  .modal-dialog-teacher .add_autocomplete input[type="submit"].action-blue,
  .modal-dialog-student .add_autocomplete input[type="submit"].action-blue,
  .modal-dialog-message .add_autocomplete input[type="submit"].action-blue,
  .modal-dialog-classes .add_autocomplete input[type="submit"].action-blue,
  .modal-dialog-newgroup .add_autocomplete input[type="submit"].action-blue,
  .modal-dialog-groupchoose .add_autocomplete input[type="submit"].action-blue,
  .modal-dialog-contenttypechoose .add_autocomplete input[type="submit"].action-blue,
  .modal-dialog-parentnodechoose .add_autocomplete input[type="submit"].action-blue,
  .modal-dialog-folderform .add_autocomplete input[type="submit"].action-blue,
  .modal-dialog-confirmremovenode .add_autocomplete input[type="submit"].action-blue,
  #upload-file-dialog .add_autocomplete input[type="submit"].action-blue,
  #web-file-dialog .add_autocomplete input[type="submit"].action-blue,
  #youtube-file-dialog .add_autocomplete input[type="submit"].action-blue,
  .modal-dialog .add_autocomplete input[type="submit"].action-blue,
  .modal-dialog-teacher .add_autocomplete button[type="button"].action-blue,
  .modal-dialog-student .add_autocomplete button[type="button"].action-blue,
  .modal-dialog-message .add_autocomplete button[type="button"].action-blue,
  .modal-dialog-classes .add_autocomplete button[type="button"].action-blue,
  .modal-dialog-newgroup .add_autocomplete button[type="button"].action-blue,
  .modal-dialog-groupchoose .add_autocomplete button[type="button"].action-blue,
  .modal-dialog-contenttypechoose .add_autocomplete button[type="button"].action-blue,
  .modal-dialog-parentnodechoose .add_autocomplete button[type="button"].action-blue,
  .modal-dialog-folderform .add_autocomplete button[type="button"].action-blue,
  .modal-dialog-confirmremovenode .add_autocomplete button[type="button"].action-blue,
  #upload-file-dialog .add_autocomplete button[type="button"].action-blue,
  #web-file-dialog .add_autocomplete button[type="button"].action-blue,
  #youtube-file-dialog .add_autocomplete button[type="button"].action-blue,
  .modal-dialog .add_autocomplete button[type="button"].action-blue {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    text-align: center;
    font-size: 12px;
    height: 26px;
    margin-left: -4px;
  }
  .modal-dialog-teacher .actions,
  .modal-dialog-student .actions,
  .modal-dialog-message .actions,
  .modal-dialog-classes .actions,
  .modal-dialog-newgroup .actions,
  .modal-dialog-groupchoose .actions,
  .modal-dialog-contenttypechoose .actions,
  .modal-dialog-parentnodechoose .actions,
  .modal-dialog-folderform .actions,
  .modal-dialog-confirmremovenode .actions,
  #upload-file-dialog .actions,
  #web-file-dialog .actions,
  #youtube-file-dialog .actions,
  .modal-dialog .actions {
    border-top: 1px solid #ccc;
    padding: 1em 4% 0.8em;
    width: 92%;
    position: relative;
    margin-top: 1em;
    height: 2.7em;
  }
  .modal-dialog-teacher .actions .l,
  .modal-dialog-student .actions .l,
  .modal-dialog-message .actions .l,
  .modal-dialog-classes .actions .l,
  .modal-dialog-newgroup .actions .l,
  .modal-dialog-groupchoose .actions .l,
  .modal-dialog-contenttypechoose .actions .l,
  .modal-dialog-parentnodechoose .actions .l,
  .modal-dialog-folderform .actions .l,
  .modal-dialog-confirmremovenode .actions .l,
  #upload-file-dialog .actions .l,
  #web-file-dialog .actions .l,
  #youtube-file-dialog .actions .l,
  .modal-dialog .actions .l {
    float: none;
    display: inline-block;
    width: 40%;
  }
  .modal-dialog-teacher .actions .right,
  .modal-dialog-student .actions .right,
  .modal-dialog-message .actions .right,
  .modal-dialog-classes .actions .right,
  .modal-dialog-newgroup .actions .right,
  .modal-dialog-groupchoose .actions .right,
  .modal-dialog-contenttypechoose .actions .right,
  .modal-dialog-parentnodechoose .actions .right,
  .modal-dialog-folderform .actions .right,
  .modal-dialog-confirmremovenode .actions .right,
  #upload-file-dialog .actions .right,
  #web-file-dialog .actions .right,
  #youtube-file-dialog .actions .right,
  .modal-dialog .actions .right {
    float: right;
  }
  .modal-dialog-teacher .actions .right a.action-blue,
  .modal-dialog-student .actions .right a.action-blue,
  .modal-dialog-message .actions .right a.action-blue,
  .modal-dialog-classes .actions .right a.action-blue,
  .modal-dialog-newgroup .actions .right a.action-blue,
  .modal-dialog-groupchoose .actions .right a.action-blue,
  .modal-dialog-contenttypechoose .actions .right a.action-blue,
  .modal-dialog-parentnodechoose .actions .right a.action-blue,
  .modal-dialog-folderform .actions .right a.action-blue,
  .modal-dialog-confirmremovenode .actions .right a.action-blue,
  #upload-file-dialog .actions .right a.action-blue,
  #web-file-dialog .actions .right a.action-blue,
  #youtube-file-dialog .actions .right a.action-blue,
  .modal-dialog .actions .right a.action-blue {
    position: relative;
    top: 10px;
  }
  .modal-dialog-teacher .full,
  .modal-dialog-student .full,
  .modal-dialog-message .full,
  .modal-dialog-classes .full,
  .modal-dialog-newgroup .full,
  .modal-dialog-groupchoose .full,
  .modal-dialog-contenttypechoose .full,
  .modal-dialog-parentnodechoose .full,
  .modal-dialog-folderform .full,
  .modal-dialog-confirmremovenode .full,
  #upload-file-dialog .full,
  #web-file-dialog .full,
  #youtube-file-dialog .full,
  .modal-dialog .full {
    width: 90%;
  }
  .modal-dialog {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 400px;
    color: #222;
    font-weight: 400;
    max-height: 600px;
    overflow-x: hidden !important;
  }
  .modal-dialog:before {
    content: "Application";
    text-align: center;
    line-height: 2em;
    display: block;
    height: 30px;
    background: #333;
    border: 0;
    color: white;
    font-weight: normal;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .modal-dialog .in {
    margin: 0.5em 5%;
  }
  .modal-dialog tr:first-child {
    margin-bottom: 1em;
    border-bottom: 1px solid #999;
  }
  .modal-dialog tr:last-child {
    margin-top: 1em;
  }
  .modal-dialog th {
    width: 20%;
    vertical-align: top;
  }
  .modal-dialog td input.text {
    width: 100%;
    height: 100px;
  }
  .modal-dialog label {
    font-size: 1.0667em;
    line-height: 1.2em;
  }
  .modal-dialog .cancel {
    position: absolute;
    bottom: 25px;
  }
  .modal-dialog-message textarea {
    min-height: 100px;
    margin-top: 10px;
  }
  .modal-dialog-newgroup .thFormRow {
    display: none;
  }
  .modal-dialog-newgroup .popuplist {
    min-height: 60px;
  }
  .modal-dialog-newgroup textarea,
  .modal-dialog-newgroup input[type="text"] {
    padding: 2px 20px;
  }
  .checkbox-list-remove .thFormRow {
    position: relative;
    border-right: 3px solid #ffffff;
  }
  .checkbox-list-remove .thFormRow,
  .checkbox-list-remove input[type="checkbox"] ~ label,
  .checkbox-list-remove input[type="checkbox"] ~ span {
    height: 26px;
    line-height: 24px;
  }
  .checkbox-list-remove input[type="checkbox"] {
    visibility: hidden;
    position: absolute;
  }
  .checkbox-list-remove span {
    padding-left: 4px;
  }
  .checkbox-list-remove input[type="checkbox"] ~ label {
    padding: 0;
    display: inline-block;
    width: 100%;
    cursor: pointer;
  }
  /* span kam je javascriptem zkopirovan text z labelu */
  .checkbox-list-remove input[type="checkbox"] ~ span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 430px;
    position: absolute;
    top: 0;
    color: #999;
    text-decoration: line-through;
  }
  .checkbox-list-remove input[type="checkbox"]:checked ~ span {
    color: inherit;
    text-decoration: none;
  }
  .checkbox-list-remove .thFormRow:hover {
    background: #dfe8f4;
  }
  .checkbox-list-remove input[type="checkbox"] ~ label:after {
    content: 'undo';
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 9999;
    vertical-align: middle;
    height: auto;
    width: auto;
    color: red;
  }
  .checkbox-list-remove input[type="checkbox"] ~ label:before {
    content: 'removed |';
    display: block;
    position: absolute;
    right: 50px;
    top: 0;
    z-index: 9999;
    vertical-align: middle;
    height: auto;
    width: auto;
  }
  .checkbox-list-remove input[type="checkbox"]:checked ~ label:after {
    content: '';
    height: 26px;
    width: 30px;
    background: url('../img/ico/ikonky_karta.png') no-repeat;
    background-position: -307px 0px;
  }
  .checkbox-list-remove input[type="checkbox"]:checked ~ label:before {
    visibility: hidden;
  }
  .checkbox-list-remove .thFormRow:hover input[type="checkbox"]:checked ~ label:after {
    background-position: -307px -30px;
  }
  .checkbox-list-remove .thFormRow:hover input[type="checkbox"]:checked ~ label:hover:after {
    background-position: -307px -60px;
  }
  .checkbox-list-remove input[type="checkbox"]:checked ~ label:hover:before {
    visibility: visible;
    position: absolute;
    right: 45px;
    font-size: 10px;
    content: 'remove';
    dipslay: block;
  }
  .sharedteacher {
    background-color: #DDD;
    margin: 5px 0;
    padding: 5px 15px;
    border-radius: 5px;
  }
  .sharedteacher h3,
  .sharedteacher p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1em;
  }
  #upload-file-dialog .right,
  #web-file-dialog .right,
  #youtube-file-dialog .right {
    margin: 0.6em;
  }
  /* BOX CONTENT pro modul "Psaní" - přeneseno z layout_old */
  .box-content {
    font-family: Arial, sans-serif;
    font-style: normal;
    font-size: 1em;
    line-height: 150%;
    padding: 5px 20px;
    zoom: 1;
    border-color: #aab1c0;
    /*
		.evaluated{
			.highlite-grammar{.evalHighlight(@grammar1);}
			.highlite-grammar-active{.evalActive(@grammar1, @grammar2);}
			.highlite-grammar:hover{.evalHover(@grammar2);}
	
			.highlite-function{.evalHighligh(@function1);}
			.highlite-function-active{.evalActive(@function1, @function2);}
			.highlite-function:hover{.evalHover(@function2);}
			
			.highlite-vocabulary{.evalHighligh(@vocab1);}
			.highlite-vocabulary-active{.evalActive(@vocab1, @vocab2);}
			.highlite-vocabulary:hover{.evalHover(@vocab2);}
			
			.highlite-organization{.evalHighligh(@organize1);}
			.highlite-organization-active {.evalActive(@organize1, @organize2);}
			.highlite-organization:hover {.evalHover(@organize2);}
			
			.highlite-generalA {.evalHighligh(@generalA1);}
			.highlite-generalA:hover {.evalHover(@generalA2);}
			.highlite-generalA-active {.evalActive(@generalA1, @generalA2);}
	
			.highlite-generalB {.evalHighligh(@generalB1);}
			.highlite-generalB:hover {.evalHover(@generalB2);}
			.highlite-generalB-active {.evalActive(@generalB1, @generalB2);}
		}
		*/
  }
  .box-content table {
    border: auto;
  }
  .box-content .box-content .note,
  .box-content legend {
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: italic;
    margin: 0 0 1.6em;
    font-size: 90%;
  }
  .box-content cite {
    margin: 0 0px 20px;
    display: inline-block;
  }
  .box-content ol {
    margin-top: 0;
  }
  .box-content ol li {
    margin-bottom: 0.6em;
    padding: 0;
  }
  .box-content .fix-int {
    border-color: #ffcc99;
  }
  .box-content .media {
    display: inline-block;
    background: #eaeaea;
    border: 1px solid #ff0000;
    color: #ff0000;
    width: 250px;
    line-height: 30px;
    text-decoration: none;
  }
  .box-content .commently {
    background: #f6eccb;
    padding: 0 3px;
  }
  .box-content .results-ol li {
    margin-bottom: 7px;
  }
  .box-content input[type="text"] {
    padding: 2px 5px;
    border: solid thin #69c	;
    border-radius: 3px;
    font-size: 14px;
    margin: 2px 5px;
    color: #48c;
  }
  .box-content .student-answer {
    font-family: Georgia, Times New Roman, sans-serif;
    font-style: italic;
    font-size: 1.125em;
    line-height: 1.5em;
    color: #444;
  }
  /* konec .box-content */
}
/* konec @media */
#wait-indicator {
  position: fixed;
  top: 25px;
  left: 48%;
}
.classes .class-list {
  line-height: 2em;
  width: 50%;
}
.classes .class-list .ico-module {
  vertical-align: middle;
  cursor: pointer;
}
.classes .class-list.fl-right {
  text-align: right;
}
.classes .class-list div[class*="class-item"] {
  height: 2em;
  overflow: hidden;
}
.classes input.date.hasDatepicker {
  width: 70%;
}