@import "./buttons.css";
body {
  background: #fffdf4 url(../images/sch1-topBg.png) repeat-x;
  margin: 0;
  padding: 0;
}
.r {
  float: right;
}
.l {
  float: left;
}
.txtC {
  text-align: center !important;
}
.txtL {
  text-align: left;
}
.txtR {
  text-align: right;
}
form {
  padding: 0;
  margin: 0;
}
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.clearfix:after {
  clear: both;
}
/* class="hButton primary" */
/* class="[^$.'"]?*submit[^$.'"]?*" */

.clearfix {
  *zoom: 1;
}
.clr {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clear: both;
}

body,
td,
p,
div {
  font-family: "Open Sans", arial, sans-serif;
}

.shadow {
  display: block;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  margin: 10px;
}

.ie7 .shadow {
  margin: 0px;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=0),
   			        progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=90),
   			        progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=180),
   			        progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=270);
}

.ie8 .shadow {
  margin: 0px 0 10px 0;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=0),
   			        progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=90),
   			        progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=180),
   			        progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=10, Direction=270);
}

.shadow .inner {
  background: white;
}

.hugger1 {
  margin: 0 auto;
  position: relative;
}

/* default */
.content {
  clear: both;
  padding-top: 50px;
}
.content .grafy {
  padding-top: 10px;
}
.content .leftBar {
  float: left;
  width: 172px;
  padding-right: 18px;
  padding-left: 10px;
}
.content .rightBar {
  float: left;
}
.content .centerBar {
  float: left;
  width: 100%;
  padding-bottom: 10px;
}

/*  .wide widths */
.wide .hugger1 {
  width: 1895px;
}
/*.wide .content .rightBar	{width:950px}*/
.wide .content .rightBar {
  margin-left: 220px;
  float: none;
  left: 0px;
  right: 0px;
}
.wide .content .rightBar .left {
  width: 624px;
  padding: 0 6px 0 0;
}
.wide .ie7 .content .rightBar .left,
.wide .ie8 .content .rightBar .left {
  width: 605px;
  padding: 0 25px 0 0;
}
.wide .content .rightBar .left .tableFilter .field {
  width: 410px;
  padding: 0 3px;
}
.wide .content .rightBar .left .tableFilter .field .txt {
  width: 210px;
}
.wide .content .rightBar .right {
  width: 314px;
  padding: 0 0px 0 6px;
}
.wide .ie7 .content .rightBar .right,
.wide .ie8 .content .rightBar .right {
  width: 295px;
  padding: 0 19px 0 6px;
}
/* -- end -- */

.wide .content.courseDetail .leftBar {
  width: 440px;
  padding: 0 0 0 10px;
}
.wide .content.courseDetail .rightBar {
  width: 700px;
  padding: 0 0 0 10px;
}

.content.fiftyfifty .leftBar {
  width: 570px;
  padding: 0 0 0 10px;
}
.content.fiftyfifty .rightBar {
  width: 570px;
  padding: 0 0 0 10px;
}

#row1 {
  height: 40px;
  padding-right: 10px;
}
#row1 #logo {
  float: left;
  font-size: 22px;
  font-weight: 300;
  color: #383838;
  line-height: 35px;
  padding-left: 10px;
}
#row1 #user {
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #383838;
  line-height: 38px;
  text-decoration: none;
  display: block;
  padding-right: 10px;
}
#row1 #logout {
  float: right;
  margin-top: 14px;
}

#row2 {
  height: 97px;
}
#row2 #customerLogo {
  float: left;
  display: block;
  width: 230px;
  height: 92px;
  text-decoration: none;
  margin-left: 10px;
}
#row2 #mainMenu {
  margin-left: 300px;
}
#row2 #mainMenu div {
  float: left;
  width: 110px;
  height: 97px;
}
#row2 #mainMenu div a {
  display: block;
  width: 110px;
  height: 37px;
  padding-top: 60px;
  color: white;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
}
#row2 #mainMenu div a:hover,
#row2 #mainMenu div a.selected,
#row2 #mainMenu div a.selected:hover {
  color: #c9a059;
  background: url("../images/sch1-selected.png") no-repeat bottom center;
}

#breadCrumbs {
  background: url("../images/sch1-breadcrumbBg.png") repeat-x;
  height: 28px;
  float: left;
  margin-left: 10px;
}
#breadCrumbs a {
  padding: 0 25px 0 10px;
  display: block;
  float: left;
  line-height: 28px;
  overflow: hidden;
  height: 28px;
  text-decoration: none;
  font-size: 14px;
  color: #a07f47;
  background: url("../images/sch1-breadcrumbMiddle.png") no-repeat top right;
}
#breadCrumbs a.first {
  border-left: 1px solid #d3d2cf;
}
#breadCrumbs a.last {
  background: url("../images/sch1-breadcrumbLast.png") no-repeat top right;
}
#breadCrumbs a b {
  font-weight: 600;
  color: #434343;
}

#footer {
  clear: both;
}

.content .rightBar .left {
  float: left;
}
.content .rightBar .right {
  float: left;
}
.content .leftBar.leftMenu a {
  border-bottom: 1px solid #cac9c9;
  display: block;
  padding: 9px 0;
  font-size: 16px;
  color: #616161;
  text-decoration: none;
}
.content .leftBar.leftMenu a.last {
  border-bottom: 0;
}
.content .leftBar.leftMenu a:hover {
  color: #c9a059;
}
h2 {
  color: #c9a059;
  font-size: 22px;
  padding: 0 0 5px 10px;
  margin: 0;
  font-weight: 300;
  position: relative;
  top: 5px;
}
.content h2.inMiddle {
  padding: 20px 0 0 10px;
}

.tableFilter .inner {
  padding: 20px 20px 5px 20px;
}
.tableFilter .filterRow {
  padding-bottom: 10px;
}
.tableFilter .filterRow h3 {
  padding: 10px 0 2px 0;
  margin: 0;
  border-bottom: 1px solid #d2d2d2;
  font-size: 12px;
  font-weight: 400;
}
.tableFilter .filterRow label {
  display: block;
  float: left;
  width: 65px;
  height: 29px;
  padding-top: 3px;
  overflow: hidden;
}
.tableFilter .filterRow .field {
  display: block;
  float: left;
  height: 29px;
}
.tableFilter .filterRow .field .txt {
  float: left;
  height: 25px;
  border: 1px solid #d2d2d2;
  color: #ababab;
  font-size: 14px;
  margin-right: 5px;
}
.tableFilter .filterRow .field .submit {
  float: left;
  width: 180px;
  height: 29px;
  border: 1px solid #d2d2d2;
  background: #d9d8d4;
  font-size: 14px;
  color: #383838;
}
.tableFilter .filterRow .icons {
  display: block;
  float: left;
  width: 65px;
  height: 29px;
  overflow: hidden;
}
.tableFilter .filterRow .icons a.ico {
  display: inline-block;
  width: 29px;
  height: 29px;
  overflow: hidden;
}
.tableFilter .filterRow .icons a.ico span {
  display: none;
}
.tableFilter .filterRow .ico.settings {
  background: url("../images/sch1-ico-filter-settings.png") center center
    no-repeat;
}
.tableFilter .filterRow .ico.settings.filtered {
  background: url("../images/sch1-ico-filter-settings-filtered.png") center
    center no-repeat;
}
.tableFilter .filterRow .ico.remove {
  background: url("../images/sch1-ico-filter-remove.png") center center
    no-repeat;
}

.headline {
  background: #faf9f5;
  height: 36px;
  overflow: hidden;
  padding: 0 10px 0 7px;
  color: #747474;
  font-weight: 600;
  font-size: 14px;
}
.headline span.h {
  display: block;
  margin: 7px;
  font-weight: 600;
  font-size: 15px;
}
.headline .listItems a {
  padding: 0 6px;
  color: #7c7c7c;
  text-decoration: none;
  line-height: 35px;
}
.headline .listItems a.selected {
  color: #c9a059;
  font-weight: 600;
}
.headline .ico span {
  display: none;
}

.headline .ico {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  display: block;
  margin: 4px 5px 0 0;
}
.headline .ico.filter {
  background: url("../images/ico-filter.png") center center no-repeat;
}
.headline .ico.filtera {
  background: url("../images/sch1-ico-filter-selected.png") center center
    no-repeat;
}
.headline .ico.filtera:hover {
  background: url("../images/ico-filter.png") center center no-repeat;
}
.headline .ico.filter:hover {
  background: url("../images/sch1-ico-filter-selected.png") center center
    no-repeat;
}
.headline .ico.download {
  background: url("../images/ico-download.png") center center no-repeat;
}
.headline .ico.download:hover {
  background: url("../images/sch1-ico-download-selected.png") center center
    no-repeat;
}
.headline .ico.zoom {
  background: url("../images/sch1-ico-zoom.png") center center no-repeat;
}
.headline .ico.zoom:hover {
  background: url("../images/sch1-ico-zoom-selected.png") center center
    no-repeat;
}

.headline .ico.addCourse {
  background: url("../images/sch1-ico-addCourse.png") center center no-repeat;
}
.headline .ico.addCourse:hover {
  background: url("../images/sch1-ico-addCourse-selected.png") center center
    no-repeat;
}
.headline .ico.addLesson {
  background: url("../images/sch1-ico-addLesson.png") center center no-repeat;
}
.headline .ico.addLesson:hover {
  background: url("../images/sch1-ico-addLesson-selected.png") center center
    no-repeat;
}
.headline .ico.addTest {
  background: url("../images/sch1-ico-addTest.png") center center no-repeat;
}
.headline .ico.addTest:hover {
  background: url("../images/sch1-ico-addTest-selected.png") center center
    no-repeat;
}

.headline .ico.addImage {
  background: url("../images/ico-addImage.png") center center no-repeat;
}
.headline .ico.addImage:hover {
  background: url("../images/sch1-ico-addImage-selected.png") center center
    no-repeat;
}

.headline .ico.detail {
  background: url("../images/sch1-ico-detail.png") center center no-repeat;
}
.headline .ico.detail:hover {
  background: url("../images/sch1-ico-detail-selected.png") center center
    no-repeat;
}

.simpleTable {
  display: table;
}
.simpleTable table,
.structuredTable table {
  width: 100%;
}
.simpleTable .tableHugga,
.structuredTable .tableHugga {
  padding: 16px 20px 0px 20px;
}
.simpleTable .inner,
.structuredTable .inner {
  padding-bottom: 20px;
}

.simpleTable th,
.structuredTable th {
  font-size: 13px;
  color: #383838;
  font-weight: 300;
  padding: 0px 6px;
  height: 26px;
  vertical-align: center;
}
.simpleTable th {
  border-bottom: 1px solid #929292;
  text-align: left;
}
.simpleTable td {
  border-top: 1px solid #929292;
  padding: 3px 6px;
}
.structuredTable th .subText {
  color: #939393;
  font-size: 12px;
  line-height: 11px;
  padding-bottom: 4px;
}
.structuredTable td {
  font-size: 12px;
  padding: 5px 8px;
}
.simpleTable td,
.simpleTable th,
.structuredTable td,
.structuredTable th {
  border-left: 1px solid #d3d2cf;
}
.simpleTable td.first,
.simpleTable th.first,
.structuredTable td.first,
.structuredTable th.first {
  border-left: 0px;
}
.simpleTable tr.odd td,
.structuredTable tr.odd td {
  background-color: #e8e7e3;
}
.simpleTable tr.editable td {
  height: 29px;
}

th .order {
  float: right;
  padding: 5px 0px 0 0;
}
th .order a {
  display: block;
  width: 9px;
  height: 6px;
}
th .order a span {
  display: none;
}
th .order a.up {
  background: url("../images/up.png") no-repeat;
  margin-bottom: 1px;
}
th .order a.down {
  background: url("../images/down.png") no-repeat;
}
th .order a.up.selected {
  background: url("../images/up-selected.png") no-repeat;
}
th .order a.down.selected {
  background: url("../images/down-selected.png") no-repeat;
}

.lister {
  text-align: center;
  padding-top: 10px;
}
.lister a {
  font-size: 13px;
  line-height: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #eae9e5;
  color: #555555;
  text-decoration: none;
  margin: 0 1px;
  font-weight: 400;
}
.lister a.selected {
  background: #c9a059;
  color: white;
}
.total {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  padding-top: 6px;
}

/* structured table */
.tableSelector .selectorInner a {
  text-decoration: none;
  color: #383838;
  font-size: 14px;
}
.tableSelector {
  float: right;
  width: 1px;
  height: 1px;
  position: relative;
  top: -5px;
  left: 1px;
}
.tableSelector .selectorInner {
  position: absolute;
  top: 1px;
  left: 0px;
  width: 31px;
  height: 256px;
}
.tableSelector .selectorInner a.structured {
  width: 31px;
  height: 134px;
  overflow: hidden;
  display: block;
  background: url(../images/sch1-structured.png) no-repeat top left;
}
.tableSelector .selectorInner a.simple {
  width: 31px;
  height: 122px;
  overflow: hidden;
  display: block;
  background: url(../images/sch1-simple.png) no-repeat top left;
}
.tableSelector .selectorInner a.structured.selected {
  background: url(../images/sch1-structured-selected.png) no-repeat top left;
}
.tableSelector .selectorInner a.simple.selected {
  background: url(../images/sch1-simple-selected.png) no-repeat top left;
}
.tableSelector .selectorInner a.simple div {
  display: block;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(90deg);
  -webkit-font-smoothing: antialiased;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -sand-transform: rotate(90deg);
  position: relative;
  top: 20px;
  left: -2px;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.tableSelector .selectorInner a.structured div {
  display: block;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(90deg);
  -webkit-font-smoothing: antialiased;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -sand-transform: rotate(90deg);
  position: relative;
  top: 20px;
  left: -2px;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/*
.simpleTable .tableSelector .selectorInner a.structured {background:url(../images/sch1-structured.png) no-repeat top left}
.simpleTable .tableSelector .selectorInner a.simple {background:url(../images/sch1-simple-selected.png) no-repeat top left}
*/

.structuredTable tr.main {
  background-color: #f3f2ee;
}
.structuredTable tr.main td {
  padding-left: 12px;
  padding-right: 12px;
  border-top: 2px solid #a0a0a0;
  border-bottom: 1px dashed #a0a0a0;
  vertical-align: top;
}
.structuredTable tr.main td a {
  color: #003399;
  text-decoration: none;
}
.structuredTable tr.main td.first .icos {
  float: right;
  padding-left: 10px;
}
.structuredTable tr.main td.first .icos a {
  display: inline-block;
}
.structuredTable tr.main td.first .icos a span {
  display: none;
}
.structuredTable tr.main td.first .icos a.test {
  background: url("../images/ico-test2.png") no-repeat;
  width: 20px;
  height: 18px;
}
.structuredTable tr.main td.first .icos a.lesson {
  background: url("../images/sch1-ico-lesson.png") no-repeat;
  width: 20px;
  height: 18px;
}

.structuredTable tr.main td.first .icos a.addCourse {
  background: url("../images/sch1-ico-addCourse.png") no-repeat;
  width: 25px;
  height: 20px;
}
.structuredTable tr.main td.first .icos a.addLesson {
  background: url("../images/sch1-ico-addLesson.png") no-repeat;
  width: 25px;
  height: 20px;
}
.structuredTable tr.main td.first .icos a.addTest {
  background: url("../images/sch1-ico-addTest.png") no-repeat;
  width: 21px;
  height: 20px;
}

.structuredTable tr.sub td {
  padding-top: 2px;
  padding-bottom: 3px;
  min-height: 19px;
  font-size: 12px;
  color: #818181;
  line-height: 14px;
}
.structuredTable tr.sub.first td.tree {
  background: url("../images/sch1-pipeTop.png") no-repeat;
  background-position: 14px -3px;
}
.structuredTable tr.sub.first.continue td.tree {
  background: url("../images/sch1-pipeTopContinue.png") no-repeat;
  background-position: 14px -3px;
}
.structuredTable tr.sub.first td {
  padding-top: 7px;
}
.structuredTable tr.sub.last td.tree {
  background: url("../images/sch1-pipeBottom.png") no-repeat;
  background-position: 14px -1px;
}
.structuredTable tr.sub.last.continue td.tree {
  background: url("../images/sch1-pipeBottomContinue.png") no-repeat;
  background-position: 14px -1px;
}
.structuredTable tr.sub.last td {
  padding-bottom: 20px;
}
.structuredTable tr.sub.first.last td.tree {
  background: url("../images/sch1-pipeBottom.png") no-repeat;
  background-position: 14px 5px;
}
.structuredTable tr.sub.first.last td {
  padding-bottom: 20px;
  padding-top: 7px;
}
232 .structuredTable tr.sub.first.last.continue td.tree {
  background: url("../images/sch1-pipeBottomContinue.png") no-repeat;
  background-position: 14px 5px;
}
.structuredTable tr.sub td.tree {
  padding-left: 30px;
  background: url("../images/sch1-pipeMiddle.png") no-repeat;
  background-position: 14px -2px;
}
.structuredTable tr.sub td.tree a {
  color: #818181;
  text-decoration: none;
}
.structuredTable tr.sub td.tree a.course {
  display: block;
  padding-left: 13px;
  background: url("../images/sch1-ico-course.png") no-repeat 0px 1px;
}
.structuredTable tr.sub td.tree a.test {
  display: block;
  padding-left: 13px;
  background: url("../images/sch1-ico-test.png") no-repeat 0px 1px;
}
.structuredTable tr.sub td.tree span.course {
  display: block;
  padding-left: 13px;
  background: url("../images/sch1-ico-course.png") no-repeat 0px 1px;
  text-decoration: line-through;
}
.structuredTable tr.sub td.tree span.test {
  display: block;
  padding-left: 13px;
  background: url("../images/sch1-ico-test.png") no-repeat 0px 1px;
  text-decoration: line-through;
}

/* structured table level 1 (+ 10px horizontal) */
.structuredTable tr.main.level1 td.first {
  padding-left: 20px;
  background: url(../images/sch1-ico-level1.png) no-repeat 10px 10px;
}
.structuredTable tr.sub.level1.first td.tree {
  background-position: 24px -3px;
}
.structuredTable tr.sub.level1.last td.tree {
  background-position: 24px -1px;
}
.structuredTable tr.sub.level1.first.last td.tree {
  background-position: 24px 5px;
}
.structuredTable tr.sub.level1 td.tree {
  background-position: 24px -2px;
  padding-left: 40px;
}

/* structured table level 2 (+ 20px horizontal) */
.structuredTable tr.main.level2 td.first {
  padding-left: 30px;
  background: url(../images/sch1-ico-level2.png) no-repeat 10px 10px;
}
.structuredTable tr.sub.level2.first td.tree {
  background-position: 34px -3px;
}
.structuredTable tr.sub.level2.last td.tree {
  background-position: 34px -1px;
}
.structuredTable tr.sub.level2.first.last td.tree {
  background-position: 34px 5px;
}
.structuredTable tr.sub.level2 td.tree {
  background-position: 34px -2px;
  padding-left: 50px;
}

a.aico {
  width: 11px;
  height: 11px;
  display: inline-block;
  overflow: hidden;
}
a.aico.goBack {
  background: url(../images/sch1-ico-editor-left.png) no-repeat center center;
  margin-right: 5px;
}
a.aico.goForward {
  background: url(../images/sch1-ico-editor-right.png) no-repeat center center;
  margin-left: 5px;
}
a.aico span {
  display: none;
}

/* TREE table*/

.structuredTable .treeTable th.first {
  padding-left: 10px;
}
.structuredTable .treeTable tr.sub.last td {
  padding-bottom: 0px;
  padding-top: 1px;
}
.structuredTable .treeTable tr.sub.first td {
  padding-top: 5px;
}
.structuredTable .treeTable tr.sub td {
  padding-top: 1px;
}

.structuredTable .treeTable tr.sub td input {
  padding: 0;
  margin: 0;
  border: 1px solid #f0f0f0;
  font-size: 12px;
  color: #818181;
  width: 350px;
}
.structuredTable .treeTable tr.sub.level1 td input {
  padding: 0;
  margin: 0;
  border: 1px solid #f0f0f0;
  font-size: 12px;
  color: #818181;
  width: 330px;
}
.structuredTable .treeTable tr.sub.level2 td input {
  padding: 0;
  margin: 0;
  border: 1px solid #f0f0f0;
  font-size: 12px;
  color: #818181;
  width: 310px;
}
.structuredTable .treeTable tr.sub td input:hover {
  padding: 0;
  margin: 0;
  border: 1px solid #a0a0a0;
}

.structuredTable .treeTable tr.sub td input.delayInput {
  width: 50px;
}

/* structured table level 1 (+ 10px horizontal) */
.structuredTable .treeTable tr.sub.level1.first td.tree {
  background-position: 34px -3px;
}
.structuredTable .treeTable tr.sub.level1.last td.tree {
  background-position: 34px -1px;
}
.structuredTable .treeTable tr.sub.level1.first.last td.tree {
  background-position: 34px 5px;
}
.structuredTable .treeTable tr.sub.level1 td.tree {
  background-position: 34px -2px;
  padding-left: 50px;
}

/* structured table level 2 (+ 20px horizontal) */
.structuredTable .treeTable tr.sub.level2.first td.tree {
  background-position: 54px -3px;
}
.structuredTable .treeTable tr.sub.level2.last td.tree {
  background-position: 54px -1px;
}
.structuredTable .treeTable tr.sub.level2.first.last td.tree {
  background-position: 54px 5px;
}
.structuredTable .treeTable tr.sub.level2 td.tree {
  background-position: 54px -2px;
  padding-left: 70px;
}

.structuredTable .treeTable a.ico {
  width: 11px;
  height: 11px;
  display: inline-block;
  overflow: hidden;
  margin-left: 5px;
}
.structuredTable .treeTable tr.sub a.ico span {
  display: none;
}
.structuredTable .treeTable tr.sub a.ico.up {
  background: url("../images/sch1-ico-tree-up.png") no-repeat top left;
}
.structuredTable .treeTable tr.sub a.ico.down {
  background: url("../images/sch1-ico-tree-down.png") no-repeat top left;
}
.structuredTable .treeTable tr.sub a.ico.delete {
  background: url("../images/sch1-ico-tree-delete.png") no-repeat top left;
}
.structuredTable .treeTable tr.sub a.edit {
  margin-left: 5px;
}

.structuredTable .treeTable tr.sub a.ico.add,
.structuredTable .treeTable a.ico.add {
  background: url("../images/sch1-ico-tree-add.png") no-repeat top left;
}

.structuredTable .treeTable tr.sub td {
  margin-left: 5px;
}

/* ie fixes */
.ie8 .tableSelector .selectorInner,
.ie7 .tableSelector .selectorInner {
  top: 11px;
  left: 10px;
}
.ie8 .tableSelector .selectorInner a.simple div,
.ie7 .tableSelector .selectorInner a.simple div {
  top: 15px;
  left: 4px;
  width: 120px;
}
.ie8 .tableSelector .selectorInner a.structured div,
.ie7 .tableSelector .selectorInner a.structured div {
  top: 11px;
  left: 4px;
  width: 120px;
}

/* forms */
.editBox .formRow {
  clear: both;
  font-size: 14px;
}
.formRow {
  padding: 0 0px 10px 0px;
}
.formRow label {
  float: left;
}
.formRow .submit {
  width: 170px;
  height: 29px;
  border: 1px solid #d2d2d2;
  background: #d9d8d4;
  font-size: 14px;
  color: #383838;
}
.editBox .inner {
  padding: 30px 30px 30px 30px;
}
input.txt {
  background: url("../images/inputBg.png") repeat-x top left;
  border: 1px solid #c3c5cc;
}
textarea {
  background: url("../images/inputBg.png") repeat-x top left;
  border: 1px solid #c3c5cc;
  font-size: 14px;
  padding: 9px 5px 9px 5px;
  color: #383838;
  background-color: #ffffff;
}
.editBox label {
  padding: 5px 0 10px 0px;
  width: 100px;
  font-size: 14px;
}
.editBox .txt {
  height: 25px;
  border: 1px solid #c3c5cc;
  color: #383838;
  font-size: 14px;
  width: 290px;
}
.editBox textarea.txt {
  height: 80px;
}
.editBox.groupDetailEdit label {
  font-size: 14px;
}
.editBox .field.radios {
  padding: 5px 0 10px 0;
  font-size: 14px;
}
.editBox .field select {
  width: 250px;
  height: 28px;
  border: 1px solid #c3c5cc;
}
.subText {
  font-size: 12px;
}

.editBox .field input.radio {
  float: left;
  margin: 7px 5px 0px 0px;
}
.editBox .field label.radio_short {
  width: 50px;
}

.fiftyfifty .editBox .txt {
  width: 340px;
}
.fiftyfifty .editBox label {
  width: 130px;
}
.fiftyfifty .editBox .fieldNE {
  width: 340px;
}

.editBox .txt.price {
  width: 150px;
  float: left;
  margin-right: 10px;
}
.editBox .price_h {
  float: left;
  width: 163px;
}

input.txt {
  height: 25px;
  border: 1px solid #c3c5cc;
  color: #383838;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
}
input.fill {
  width: 100%;
  box-sizing: border-box;
  height: 29px;
}

.statsTest label {
  width: 200px;
}

/* noneditable items*/
.infoBox {
  padding: 10px 0 0 11px;
}
.infoBox .formRow {
  clear: both;
  padding-bottom: 10px;
}
.infoBox .formRow .label {
  font-size: 14px;
  width: 110px;
  float: left;
  color: #3e3e3e;
}
.infoBox .formRow .field {
  font-size: 14px;
  width: 220px;
  float: left;
  color: #003399;
}
.formRow .fieldNE {
  font-size: 14px;
  width: 220px;
  float: left;
  color: #555555;
  padding-top: 5px;
  font-weight: bold;
}
/* grayed noneditables */
.content.studentDetail .right .editBox,
.content.groupDetail .right .editBox {
  padding-top: 0px;
}
.content.studentDetail .infoBox .label,
.content.groupDetail .infoBox .label {
  width: 70px;
  padding-bottom: 20px;
  text-align: right;
  padding-right: 10px;
}
.content.studentDetail .infoBox .field,
.content.groupDetail .infoBox .field {
  width: 120px;
  padding-bottom: 20px;
  color: #ababab;
}

/* course detail */
.courseDetail .tableFilter .field input.txt {
  width: 310px;
}
.courseDetail .editBox .txt,
.courseDetail .editBox .textarea {
  width: 250px;
}

/* studentHome */
.content.studentHome .leftBar {
  width: 570px;
  padding: 20px 15px 0 0px;
}
.content.studentHome .rightBar {
  width: 570px;
  padding: 20px 0px 0 15px;
}
.content.studentHome .infoBox .field {
  width: 190px !important;
  color: #555555;
  padding-left: 10px;
  margin-bottom: 4px;
}
.content.studentHome .infoBox .label {
  font-weight: bold;
  text-align: right;
  color: black;
  padding-right: 10px;
  margin-bottom: 4px;
}

table.lastOn td.first {
  font-size: 12px;
}
table.lastOn td.first a {
  text-decoration: none;
  color: #44397e;
}

/* studentDetail */
.content.studentDetail .rightBar .left {
  padding: 0;
  width: 485px;
}
.content.studentDetail .rightBar .right {
  padding: 0;
  width: 485px;
}
.content.studentDetail .rightBar {
  width: 970px;
  padding: 0;
}
.content.studentDetail .infoBox {
  float: left;
}
.userImage {
  padding: 10px 10px 0 5px;
}

/* studentGroup*/
.simpleTable .group td {
  font-size: 12px;
  vertical-align: top;
}
.simpleTable .group td a {
  text-decoration: none;
}
.simpleTable .group td.first {
  font-size: 12px;
}
.ico.back span {
  display: block;
  font-weight: 600;
  padding-left: 20px;
  width: 120px;
  line-height: 28px;
}
.ico.back {
  background: url(../images/ico-tree-up.png) no-repeat center left;
  width: 150px;
  text-decoration: none;
  color: #747474;
  font-weight: 600;
  font-size: 14px;
}
.ico.plus span {
  display: block;
  font-weight: 600;
  padding-left: 25px;
  width: 120px;
  line-height: 28px;
}
.ico.plus {
  background: url(../images/ico-plus.png) no-repeat center left;
  width: 150px;
  text-decoration: none;
  color: #747474;
  font-weight: 600;
  font-size: 14px;
}
.ico.print span {
  display: block;
  font-weight: 600;
  padding-left: 25px;
  width: 180px;
  line-height: 28px;
}
.ico.print {
  background: url(../images/printer-16.png) no-repeat center left;
  width: 200px;
  text-decoration: none;
  color: #747474;
  font-weight: 600;
  font-size: 14px;
}
.ico.settingsSmall {
  width: 12px;
  height: 12px;
  float: right;
  margin: 5px 0 0 0;
  background: url("../images/sch1-ico-settingsSmall.png") no-repeat;
  position: relative;
  left: 2px;
}
.ico.settingsSmall span {
  display: none;
}

/* group */
.pageGroup .rightBar {
  padding-top: 30px;
}
.pageGroup .infoBox .label {
  width: 70px;
  padding-bottom: 20px;
  text-align: right;
  padding-right: 10px;
}
.pageGroup .infoBox .field {
  width: 120px;
  padding-bottom: 20px;
  color: #ababab;
}

/* group detail */
.content.groupDetail .rightBar .left {
  padding: 0;
  width: 485px;
}
.content.groupDetail .rightBar .right {
  padding: 0;
  width: 485px;
}
.content.groupDetail .rightBar {
  width: 970px;
  padding: 0;
}
.content.groupDetail .infoBox {
  float: left;
}

/* kurzy - lekce - detail*/

/* login */
.content.login {
  width: 500px;
  margin: 0 auto;
  padding-top: 80px;
}
/*.content.login h2 {text-align:right; padding-right:10px; font-size:30px}*/

.content.login .submit {
  margin-right: 19px;
}
.underForm {
  text-align: center;
}
.underForm a {
  color: #dddddd;
  font-size: 11px;
  text-decoration: none;
}
.underForm a:hover {
  color: #003399;
  text-decoration: underline;
}

/* footer */
#footer {
  padding: 50px 0 80px 0;
}
#footer .inner {
  height: 10px;
  overflow: hidden;
}
#footer .message {
  text-align: center;
  font-size: 14px;
  padding: 40px 0 0 0;
}
#footer .message span {
  background: url(../images/sch1-logo_sunsmall.gif) no-repeat;
  height: 29px;
  line-height: 29px;
  padding-left: 40px;
  display: inline-block;
  color: #555555;
}

/* tabs */
.tabs {
  background: url(../images/tabsBg.png) repeat-x bottom left;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.tabs a {
  font-size: 24px;
  border-bottom: 4px solid white;
  display: inline-block;
  padding: 0px 0 5px 0;
  margin: 0 15px;
  text-decoration: none;
  font-weight: 300;
  color: #a2a2a2;
}
.tabs a.first {
  margin-left: 0;
}
.tabs a.selected,
.tabs a:hover {
  color: #c9a059;
  border-bottom: 4px solid #c9a059;
}

/* editor */

.content.editor {
}
.content.editor .leftBar {
  width: 890px;
  padding: 0;
}
.content.editor .rightBar {
  width: 278px;
  padding: 0;
}
.content.editor .cols .formRow {
  width: 360px;
}

.content.editor .cols .r label {
  width: 100px;
  float: right;
  text-align: right;
  padding-right: 10px;
}
.content.editor .cols .r .field {
  width: 20px;
  float: right;
}

.content.editor textarea {
  width: 740px;
  height: 500px;
}
.content.editor input.txt {
  width: 664px;
}
.content.editor .leftBar .editBox .inner {
  padding-top: 40px;
}
.content.editor .buttonArray {
  width: 690px;
  padding-left: 52px;
  padding-top: 20px;
}
.content.editor .buttonArray .field {
  width: 200px;
  float: left;
}

.content.editor .courseArray {
  height: 963px;
}
.content.editor .courseArray .inner {
  padding: 35px 40px;
}
.content.editor .courseArray .inner .rollBox {
  overflow: auto;
  height: 963px;
  padding-right: 5px;
}

.editor .rollBox .courseBox {
  background: #f6f5f5;
  margin: 3px 0 0 0;
}
.editor .rollBox .courseBox .icons {
  float: right;
  width: 82px;
  min-height: 45px;
  overflow: hidden; /*background:url(../images/sch1-rollbox-iconsBg.png) no-repeat top left;*/
  position: relative;
}
.editor .rollBox .courseBox .icons .ico span {
  display: none;
}
.editor .rollBox .courseBox .icons a.ico {
  text-decoration: none;
  display: block;
  width: 12px;
  height: 12px;
}
.editor .rollBox .courseBox .icons a.ico.up {
  background: url(../images/sch1-ico-up.png) no-repeat center center;
  top: 2px;
  left: 21px;
  position: absolute;
}
.editor .rollBox .courseBox .icons a.ico.down {
  background: url(../images/sch1-ico-down.png) no-repeat center center;
  top: 2px;
  left: 37px;
  position: absolute;
}
.editor .rollBox .courseBox .icons a.ico.add {
  background: url(../images/sch1-ico-add.png) no-repeat center center;
  top: 2px;
  left: 51px;
  position: absolute;
}
.editor .rollBox .courseBox .icons a.ico.delete {
  background: url(../images/sch1-ico-delete.png) no-repeat center center;
  top: 2px;
  left: 66px;
  position: absolute;
}
.editor .rollBox .courseBox .innerText {
  color: #c9a059;
  font-size: 12px;
  padding: 16px 16px 16px 16px;
}
.editor .rollBox .courseBox .innerText a {
  color: #c9a059;
  text-decoration: none;
}

.editor .rollBox .courseBox .icons .ico.timer {
  background: url(../images/sch1-ico-timer.png) no-repeat center left;
  top: 20px;
  left: 42px;
  position: absolute;
  font-size: 10px;
  color: #979797;
  padding-left: 12px;
}
.editor .rollBox .courseBox .icons div.ico.mandatory {
  background: url(../images/sch1-ico-mandatory.png) no-repeat center center;
  top: 25px;
  left: 26px;
  position: absolute;
  width: 12px;
  height: 12px;
}
.courseBox.addScreen {
  text-align: center;
  padding: 8px 0;
}
.courseBox.addScreen a {
  padding-left: 24px;
}

/* MODAL */
#modal {
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  height: fit-content;
}
#modalfix {
  position: fixed;
  z-index: 99;
  width: 100%;
  background: url("../images/modal.png");
  top: 0px;
  bottom: 0px;
  left: 0px;
}
.modalInner {
  margin: 100px auto 0 auto;
  width: 730px;
  padding: 20px;
  background: white;
}
.modalInner.addImage {
  margin: 100px auto 0 auto;
  width: 730px;
  padding: 20px;
  background: white;
}
.modalInner.documentEdit {
  margin: 50px auto 0 auto;
  width: 1400px;
  padding: 20px;
  background: white;
}

.templatesBox {
  background: url("../images/inputBg.png") repeat-x top left;
  float: left;
  border: 1px solid #c3c5cc;
  width: 500px;
  height: 120px;
  overflow: auto;
  padding: 17px;
}
.templatesBox .templateRow .template {
  width: 240px;
}
.templatesBox .templateRow {
  clear: both;
  padding-top: 10px;
}
.templatesBox .templateRow .template img {
  width: 64px;
  height: 36px;
  float: left;
}
.templatesBox .templateRow .template .txts {
  float: left;
  padding-left: 12px;
  width: 140px;
  font-size: 10px;
  color: #383838;
}
.templatesBox .templateRow .template .txts a {
  font-size: 14px;
  color: #003399;
  text-decoration: none;
  display: block;
}

#modal .closeButton,
.modal_f .closeButton {
  width: 1px;
  height: 1px;
  float: right;
  position: relative;
}
#modal .closeButton a.ico,
.modal_f .closeButton a.ico {
  width: 14px;
  height: 14px;
  display: block;
  text-decoration: none;
  left: -14px;
  position: absolute;
  background: url(../images/ico-kill.png) no-repeat;
}
#modal .closeButton a.ico span,
.modal_f .closeButton a.ico span {
  display: none;
}

.modal_f {
  position: fixed;
  z-index: 100;
  width: 100%;
  background: url("../images/modal.png");
  top: 0px;
  bottom: 0px;
  left: 0px;
}

/* imagePicker */

.imagePicker h3 {
  color: 383838;
  font-weight: 400;
  font-size: 18px;
  border-bottom: 2px solid #a0a0a0;
  padding: 0 0 5px 10px;
}
.imagePicker .imageBlock {
  width: 220px;
  height: 210px;
  overflow: hidden;
  float: left;
}
.imagePicker .imageBlock a {
  display: block;
  width: 120px;
  height: 120px;
  margin: 10px auto 5px auto;
  background-color: #f3f3f3;
  text-decoration: none;
  text-align: center;
}
.imagePicker .imageBlock a img {
  border: 0px;
  margin-top: 8px;
}
.imagePicker .imageBlock .fileName {
  font-size: 12px;
  color: #b4b4b4;
  text-align: center;
}
.imagePicker .imageBlock .name {
  font-size: 12px;
  color: #383838;
  text-align: center;
}

/* PLAYER */
body.player {
  background: url(../images/sch1-playerBg.png) repeat-x;
  min-width: 1000px;
}
.player table.contentTable {
  width: 100%;
}
.player table.contentTable td {
  vertical-align: middle;
}
.player table.contentTable td.rightBar {
  width: 210px;
}
#playerRow1 {
  height: 46px;
  overflow: hidden;
}
#playerRow1 a.customerLogo {
  background: url("../images/sch1-player-userLogo.png") no-repeat center center;
  height: 46px;
  display: block;
  float: left;
  width: 220px;
  text-decoration: none;
}
#playerRow1 h1 {
  display: block;
  margin: 0;
  padding: 0 20px 0 20px;
  line-height: 44px;
  color: white;
  font-size: 18px;
  font-weight: 600;
  float: left;
}
#playerRow1 a.user {
  color: white;
  text-decoration: none;
  float: right;
  line-height: 46px;
  padding-right: 40px;
}
.controllsTable {
  width: 100%;
  border-top: 2px solid #aeaeae;
}
.controllsTable td.left,
.controllsTable td.right {
  width: 55px;
  height: 55px;
}
.controllsTable a.ico span {
  display: none;
}
.controllsTable a.previous {
  display: block;
  width: 35px;
  height: 35px;
  margin: 10px;
  background: url("../images/sch1-player-ico-left.png") no-repeat top left;
}
.controllsTable a.next {
  display: block;
  width: 35px;
  height: 35px;
  margin: 10px;
  background: url("../images/sch1-player-ico-right.png") no-repeat top left;
}
.progressBar {
  background: #d2d2d2;
  margin: 15px 0;
  padding: 3px;
  position: relative;
}
.progress {
  background: white;
  width: 150px;
  color: black;
  text-align: center;
  position: relative;
}
.player .shadow .inner {
  min-height: 650px;
}
.player .shadow .inner.left {
  padding: 20px;
}
.player .shadow .inner.right {
  padding: 20px 20px 20px 10px;
}

/* player menu */
.player ul#playerMenu {
  margin: 0;
  padding: 5px 0 10px 0px;
}
.player ul#playerMenu ul {
  margin: 0;
  padding: 5px 0 10px 10px;
}
.player ul#playerMenu li,
.player ul#playerMenu li li {
  margin: 0;
  padding: 0 0 4px 0;
  list-style: none;
  line-height: 13px;
}
.player ul#playerMenu li a {
  font-size: 12px;
  color: #363636;
  text-decoration: none;
  line-height: 13px;
}
.player ul#playerMenu li a:hover {
  text-decoration: underline;
}
.player ul#playerMenu li {
  padding-left: 14px;
}
.player ul#playerMenu li a {
  padding-left: 12px;
  display: block;
}
.player ul#playerMenu li.folder a.open {
  padding-left: 16px;
  display: block;
  background: url(../images/sch1-player-ico-listOpen.png) no-repeat 0px 2px;
}
.player ul#playerMenu li.folder a.closed {
  padding-left: 16px;
  display: block;
  background: url(../images/sch1-player-ico-listClosed.png) no-repeat 0px 2px;
}
.player ul#playerMenu li.done .itemHugga {
  padding-right: 17px;
  background: url(../images/sch1-player-ico-done.png) top right no-repeat;
}

/* rules + filtres */

.addedRules {
  padding: 0 15px;
}

.rulesRow {
  background: #ffffff;
  padding: 4px 10px 4px 0;
  height: 35px;
}
.rulesRow.first {
  border-top: 1px solid #b5b5b5;
  padding-top: 10px;
}
.rulesRow.last {
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 10px;
}

.rulesRow label,
.rulesRow .fieldCol1,
.rulesRow .fieldCol2 {
  float: left;
}
.rulesRow label {
  width: 146px;
  padding: 5px 12px 0 12px;
  font-size: 14px;
  color: #383838;
}
.rulesRow .fieldCol1 {
  width: 100px;
  padding: 0;
}
.rulesRow .fieldCol2 {
  width: 500px;
  padding: 0;
}
.rulesRow .fieldCol1 select {
  width: 95px;
}
.rulesRow .ico.delete {
  width: 20px;
  height: 20px;
  display: block;
  background: url("../images/sch1-ico-filter-remove.png") no-repeat center
    center;
}
.rulesRow .ico span {
  display: none;
}
.rulesRow input,
.rulesRow select {
  margin: 0;
}

.rulesRow .checkBoxes {
  float: left;
  width: 200px;
  font-size: 12px;
  color: #505050;
  padding: 6px 3px 3px 3px;
}
.rulesRow .checkBoxes input {
  float: left;
  width: 20px;
  padding: 0 2px;
  margin: 2px 0 0 0;
}
.rulesRow .checkBoxes .checkBoxLabel {
  float: left;
  width: 170px;
  padding-top: 0px;
}

.rules .formRow {
  padding: 10px 15px;
}
.rules .formRow label {
  color: black;
  width: 116px;
  padding: 1px 12px 0 0px;
  font-size: 14px;
}
.rules .formRow .field input {
  margin: 0;
}
.rules .formRow .rulerSelect {
  width: 100%;
}
.rules h4 {
  margin: 5px 0 0 0;
  padding: 0 15px;
  color: #000000;
  font-weight: normal;
  font-size: 14px;
}

.rulesRow .fieldCol3 {
  padding: 0 5px 0 5px;
  float: left;
  width: 160px;
}
.rulesRow .fieldCol3 input {
  color: gray;
  width: 140px;
}
.rulesRow .fieldCol4 {
  padding: 0 12px 0 10px;
  float: left;
  width: 720px;
  font-size: 14px;
}

a.inTextIco {
  width: 10px;
  height: 10px;
  display: inline-block;
}
a.inTextIco span {
  display: none;
}
a.inTextIco.delete {
  background: url("../images/sch1-nimiico-filter-remove.png") no-repeat center
    center;
}
.rules .btn {
  padding: 20px 0 10px 0;
}

.content .structuredTable.rules.tableFilter .inner {
  padding: 20px 0px;
}
.rules.tableFilter .inner .innerInner {
  position: relative;
}

.rules.tableFilter .filterRow label {
  padding-left: 15px;
  font-size: 14px;
  padding-top: 3px;
}
.rules select {
  height: 29px;
  border: 1px solid #d2d2d2;
  color: #000000;
  font-size: 14px;
}
.rules input.txt {
  background: url("../images/inputBg.png") repeat-x top left;
  height: 25px;
  border: 1px solid #d2d2d2;
  color: #ababab;
  font-size: 14px;
}
.rules .w1 {
  width: 300px;
}

.rules a.hide {
  text-decoration: none;
  font-size: 12px;
  display: block;
  padding-right: 20px;
}

/* upravy 14.11. */
.shadow.info {
  border-left: 3px solid #c9a059;
}
.shadow.info .inner {
  padding: 18px 25px 15px 65px;
  background: white url("../images/ico-info-big.png") no-repeat 17px 14px;
}

.shadow.warning {
  border-left: 3px solid #c9a059;
}
.shadow.warning .inner {
  padding: 18px 25px 15px 65px;
  background: white url("../images/ico-warning-big.png") no-repeat 17px 12px;
}
.editBox.infoValues .formRow {
  padding: 0;
}
.editBox.infoValues .formRow label {
  float: left;
  padding: 3px 5px;
  color: black;
  font-size: 14px;
  font-weight: 600;
}
.editBox.infoValues .formRow .fieldNE {
  float: left;
  padding: 3px 5px;
  color: #555555;
  font-size: 14px;
  width: 365px;
}
.editBox.infoValues .formRow .fieldNES {
  float: left;
  padding: 3px 5px;
  color: #555555;
  font-size: 14px;
  width: 225px;
}
.editBox.infoValues .formRow.odd {
}

.pBar {
  display: block;
  float: left;
  width: 80px;
  height: 10px;
  border: 1px solid #c0c0c0;
  background: #f0f0f0;
  overflow: hidden;
  margin: 3px 0 0 0;
  padding: 0;
}
.pBar .prgrss {
  background: #aaaaaa;
  height: 10px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.pBarLabel {
  font-size: 10px;
  float: left;
  padding: 0 0 0px 3px;
}

/* masnikoviny */
div.iww_main {
  position: fixed;
  top: 30px;
  left: 30px;
  /*background-image: url(../images/sch1-seda_pruhledna.png);*/
  background-color: black;
  z-index: 2000;
  visibility: hidden;
}

div.iww_area {
  margin: 1px;
  background-color: white;
  border: 0px solid #0061a1;
}

div.iww_head {
  background-color: #aecfe6;
  color: #000;
  padding: 7px;
  background-color: #0061a1;
}

span.iww_head_name {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}

a {
  color: gray;
  text-decoration: none;
}

a.button {
  border: 1px solid #d2d2d2;
  background: #d9d8d4;
  font-size: 14px;
  color: #383838;
  padding: 4px 30px 4px 30px;
}

span.c_finished {
  color: green;
}

span.c_failed {
  color: red;
}

/**
 * Naseptavac novy pro formulare
 */

div.sbox2_main {
  background-color: #fff;
  width: 310px;
  border-left: 1px solid #d3d2cf;
  border-right: 1px solid #d3d2cf;
  border-bottom: 1px solid #d3d2cf;
  border-top: 1px solid #d3d2cf;
  height: 140px;
  position: absolute;
  z-index: 1100;
  left: 0px;
  top: 30px;
}

div.sbox2_list {
  width: 309px;
  height: 138px;
  overflow: auto;
}
div.sbox2_bottom {
  width: 290px;
  height: 13px;
  border-top: 1px solid #d3d2cf;
  font-size: 9px;
  padding: 2px;
  text-align: right;
}

div.sbox2_bottom a {
  color: #000;
  font-size: 9px;
  margin: 0px;
  padding: 0px;
}

div.sbox2_bottom a:hover {
  text-decoration: none;
}

div.sbox2_item {
  font-size: 13px;
  margin: 1px;
  padding: 3px;
  text-align: left;
  color: black;
  cursor: pointer;
  font-family: arial;
}

div.sbox2_item:hover {
  background-color: #f5f9fc;
  cursor: pointer;
}

/* Bokvikoviny testoviny */
.contentTable.test h2 {
  font-size: 24px;
  font-weight: 400;
  border-bottom: 2px solid #e0e0e0;
  padding: 0;
  margin: 30px 0 20px 0px;
}
.contentTable.test h3 {
  font-size: 16px;
  padding: 0px 0 5px 10px;
  margin: 0 0 0 0;
  font-weight: 400;
  color: #222222;
  font-style: italic;
}
.contentTable.test .answerBlock {
  padding: 0 0 30px 20px;
  color: #aaaaaa;
}
.contentTable.test .wrongAnswer {
  text-decoration: line-through;
  color: #aa0000;
}
.contentTable.test .answerBlock .goodAnswer {
  color: green;
  font-weight: 600;
}

.contentTable.test h2.first {
  margin-top: 0;
}
.contentTable.test p {
  padding: 0 0 3px 0;
  margin: 0;
}

.contentTable.test {
  font-size: 14px;
}
.contentTable.test input {
  position: relative;
  top: 1px;
}

.resultTable {
  background: #cccccc;
  display: inline-block;
  margin: 0px 0 0 0;
}
.resultTable table td,
.resultTable table th {
  background: white;
  padding: 2px 5px;
}
.resultTable table th {
  color: black;
  font-weight: normal;
}
.resultTable table td {
  color: 555555;
  font-size: 14px;
}

/*
*******************************************************************************************
************************************* kalendar ********************************************
*******************************************************************************************
*/

a.ico_dummy {
  padding: 3px 0 3px 21px;
  display: block;
  color: #3a3a3a;
  text-decoration: none;
  line-height: 13px;
  background: url("../images/sch1-dummy.png") no-repeat 1px 4px;
}

.content.calWeek {
  padding-right: 0;
}
.content.calWeek .leftBar {
  width: 280px;
}
.content.calWeek .leftBar .inner {
  padding: 14px 30px 14px 30px;
}
.content.calWeek .rightBar {
  width: 860px;
  margin-left: 280px;
}
.content.calWeek .rightBar .inner .innerInner {
  position: relative;
}

.content.calWeek .leftBar .inner .menuItem {
  border-top: 1px solid #cfcfcf;
  background: url("../images/weekNext.png") 186px center no-repeat;
}
.content.calWeek .leftBar .inner .menuItem.active {
  background: url("../images/sch1-arGreen.png") center right no-repeat;
}
.content.calWeek .leftBar .inner .menuItem.first {
  border-top: 0px;
}
.content.calWeek .leftBar .inner .menuItem a {
  display: block;
  padding: 10px 22px 10px 0;
  color: #383838;
  text-decoration: none;
}
.content.calWeek .leftBar .inner .menuItem a.ico {
  padding-left: 28px;
}

/* iconky do leveho menu */
.content.calWeek .leftBar .inner .menuItem a.ico.ukoly {
  background: url("../images/calendarIcoMeeting.png") no-repeat center left;
}
.content.calWeek .leftBar .inner .menuItem a.ico.schuzky {
  background: url("../images/calendarIcoMeeting.png") no-repeat center left;
}
.content.calWeek .leftBar .inner .menuItem a.ico.upozorneni {
  background: url("../images/calendarIcoMeeting.png") no-repeat center left;
}
/**/

.content.calWeek .rightBar h2 {
  font-size: 20px;
  color: #c9a059;
  position: absolute;
  width: 470px;
  text-align: center;
  top: 35px;
  left: 167px;
}
.content.calWeek .rightBar h2 a {
  display: inline-block;
}
.content.calWeek .rightBar h2 a span {
  display: none;
}

.content.calWeek .rightBar h2 a.ico {
  width: 10px;
  height: 10px;
  position: relative;
  top: -3px;
}
.content.calWeek .rightBar h2 a.ico.prev {
  background: url("../images/weekPrev.png") no-repeat;
}
.content.calWeek .rightBar h2 a.ico.next {
  background: url("../images/weekNext.png") no-repeat;
}

.content.calWeek .rightBar .header {
  height: 74px;
  position: relative;
}

.calendarWeekView {
  padding: 0px 22px 22px 22px;
}

.grid {
  position: relative;
}

.calendarWeekView .hourUp {
  left: 25px;
  position: absolute;
  width: 11px;
  height: 10px;
  background: url("../images/upHours.png") no-repeat;
  text-decoration: none;
}
.calendarWeekView .hourUp span {
  display: none;
}

.calendarWeekView .hourDown {
  left: 28px;
  position: absolute;
  width: 11px;
  height: 10px;
  background: url("../images/downHours.png") no-repeat;
  text-decoration: none;
}
.calendarWeekView .hourDown span {
  display: none;
}

/* background:url('../images/dashLine.png') center left repeat-x; */
.calendarWeekView .hourLine {
  position: absolute;
  left: 18px;
  color: gray;
  font-size: 12px;
  color: #5b5b5b;
  width: 754px;
}
.calendarWeekView .hourLine span {
  background: white;
}

.ie7 .calendarWeekView {
  position: relative;
  top: 10px;
  left: 10px;
}
.ie8 .calendarWeekView {
  position: relative;
  top: 10px;
  left: 10px;
}

.ie7 .calendarMonthView {
  position: relative;
  top: 10px;
  left: 10px;
  margin-bottom: 20px;
  border: 1px solid white;
  padding: 0 0 10px 20px;
}
.ie8 .calendarMonthView {
  position: relative;
  top: 10px;
  left: 10px;
  margin-bottom: 20px;
  border: 1px solid white;
  padding: 0 0 10px 20px;
}

.calendarMonthView {
  padding-bottom: 10px;
}

#weekViewTable .dayOfWeek td,
#monthViewTable .dayOfWeek td {
  text-align: center;
  font-size: 14px;
}

/* sirka sloupcu dnu 106px */
#weekViewTable .date td {
  border-left: 1px solid #e5e5e5;
  border-bottom: 2px solid #cacaca;
  font-size: 11px;
  color: #707070;
  width: 106px;
  text-align: center;
}
#weekViewTable .date td.first {
  border-left: 0;
  width: 70px;
}

#weekViewTable .tasks td {
  padding: 5px 3px 5px 0px;
  border-left: 1px solid #e5e5e5;
  border-bottom: 2px solid #cacaca;
  font-size: 10px;
  background: #eeeeee;
  color: #3a3a3a;
}

#weekViewTable .tasks td a {
  display: block;
  text-decoration: none;
  color: #3a3a3a;
}
#weekViewTable .tasks td a.ico {
  padding-left: 20px;
  background-position: 3px 3px;
}
#weekViewTable .tasks td a.ico.dummy {
  background-image: url("../images/sch1-ico-dummy-white.png");
  background-repeat: no-repeat;
}

#weekViewTable .tasks td.first {
  border-left: 0;
}

#weekViewTable .events td {
  border-left: 1px solid #e5e5e5;
  font-size: 11px;
  vertical-align: top;
}
#weekViewTable .events td.first {
  border-left: 0;
}

#weekViewTable td {
}

#weekViewTable #mo {
  position: relative;
}
#weekViewTable #tu {
  position: relative;
}
#weekViewTable #we {
  position: relative;
}
#weekViewTable #th {
  position: relative;
}
#weekViewTable #fr {
  position: relative;
}
#weekViewTable #sa {
  position: relative;
}
#weekViewTable #su {
  position: relative;
}

#weekViewTable .lineAllDay.color1 {
  border-left: 2px solid #cb2d6c;
}
#weekViewTable .lineAllDay.color2 {
  border-left: 2px solid #0073cb;
}
#weekViewTable .event {
  position: absolute;
}

#weekViewTable .event .eventEnd {
  background-image: url("../images/sch1-EventLowerPart.png");
  background-position: top left;
  background-repeat: repeat-x;
  height: 28px;
  overflow: hidden;
}
#weekViewTable .event .eventEnd a {
  padding: 8px 3px 3px 3px;
  display: block;
  font-size: 12px;
  color: white;
  overflow: hidden;
  text-decoration: none;
}

#weekViewTable .event .eventStart {
  background-image: url("../images/sch1-EventUpperPart.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  height: 28px;
  overflow: hidden;
}
#weekViewTable .event .eventStart a {
  padding: 3px 3px 8px 3px;
  display: block;
  font-size: 12px;
  color: white;
  overflow: hidden;
  text-decoration: none;
}

#weekViewTable .event .tl {
  background: url("../images/whiteTl.png") no-repeat top left;
}
#weekViewTable .event .tr {
  background: url("../images/whiteTr.png") no-repeat top right;
}
#weekViewTable .event .bl {
  background: url("../images/whiteBl.png") no-repeat bottom left;
}
#weekViewTable .event .br {
  background: url("../images/whiteBr.png") no-repeat bottom right;
}
#weekViewTable .event a {
  padding: 3px 3px 3px 3px;
  display: block;
  font-size: 12px;
  color: white;
  overflow: hidden;
  text-decoration: none;
}

#weekViewTable .event a.ico {
  padding-left: 20px;
  background-position: 3px 3px;
}
#weekViewTable .event .eventEnd a.ico {
  background-position: 3px 11px;
}

#weekViewTable .event a.ico.dummy {
  background-image: url("../images/sch1-ico-dummy-white.png");
  background-repeat: no-repeat;
}

#plus {
  float: right;
  width: 50px;
}
#plus .r {
  width: 270px;
}
#plusOpener {
  float: right;
  position: relative;
  top: -2px;
  display: block;
  width: 30px;
  height: 43px;
  background: url("../images/sch1-plusSelected.png") top left no-repeat;
  text-decoration: none;
}

#plus .ico {
  display: block;
  float: left;
  font-size: 10px;
  color: #383838;
  background-position: 0 6px;
  background-repeat: no-repeat;
  padding-left: 18px;
  padding-right: 8px;
  padding-top: 7px;
}
#plus .ico.dummy {
  background-image: url("../images/dummyHear.png");
}

#plusMenu {
  position: absolute;
  top: 164px;
  left: 892px;
  background: white;
  border: 1px solid #bdbdbd;
  width: 276px;
  z-index: 15;
  padding-bottom: 18px;
  display: none;
}
#plusMenu .inner {
  position: relative;
}
#plusMenu .inner a#plusSelected {
  position: absolute;
  top: -30px;
  left: 247px;
  width: 30px;
  height: 43px;
  background: url("../images/sch1-plus.png") top left no-repeat;
  text-decoration: none;
}
#plusMenu .inner h3 {
  color: #c9a059;
  font-size: 14px;
  font-weight: 400;
  padding: 18px 15px 10px 15px;
  margin: 0;
}
#plusMenu .inner .l {
  width: 137px;
}
#plusMenu .inner .l a {
  display: block;
  height: 24px;
  padding: 0 0px 0 15px;
  font-size: 12px;
  color: #1d1d1d;
  text-decoration: none;
}
#plusMenu .inner .l a.ico.dummy {
  padding-left: 42px;
  background: url("../images/dummyPlusMenu.png") no-repeat 16px 0px;
}

#viewSwitcher {
  position: absolute;
  left: 695px;
  top: 32px;
}
#viewSwitcher a {
  width: 29px;
  height: 29px;
  display: block;
  float: left;
  margin-right: 3px;
}
#viewSwitcher a span {
  display: none;
}
#viewSwitcher a.month {
  background: url("../images/month.png") no-repeat top left;
}
#viewSwitcher a.week {
  background: url("../images/week.png") no-repeat top left;
}
#viewSwitcher a.day {
  background: url("../images/day.png") no-repeat top left;
}
#viewSwitcher a.today {
  background: url("../images/today.png") no-repeat top left;
}

#viewSwitcher a.month:hover,
#viewSwitcher a.month.selected {
  background: url("../images/monthSelected.png") no-repeat top left;
}
#viewSwitcher a.week:hover,
#viewSwitcher a.week.selected {
  background: url("../images/weekSelected.png") no-repeat top left;
}
#viewSwitcher a.day:hover,
#viewSwitcher a.day.selected {
  background: url("../images/daySelected.png") no-repeat top left;
}
#viewSwitcher a.today:hover,
#viewSwitcher a.today.selected {
  background: url("../images/todaySelected.png") no-repeat top left;
}

div.eventOver {
  border: 1px solid #bbbbbb;
  width: 230px;
  background-color: white;
  position: absolute;
  display: none;
  z-index: 100;
  padding: 3px 0 10px;
}
div.eventOver h2 {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  padding: 0 28px 12px 28px;
  margin: 0;
}
div.eventOver h2.dummy {
  background: url("../images/sch1-dummy.png") 6px 3px no-repeat;
}
div.eventOver .fromTo {
  font-size: 12px;
  font-weight: 400;
  color: #4d4d4d;
  padding: 0 28px 5px 28px;
}
div.eventOver .name {
  font-size: 12px;
  font-weight: 400;
  color: #1a1a1a;
  padding: 0 28px 0 28px;
}

#monthViewTable {
  width: 805px;
  margin: 22px 0 22px 18px;
}
#monthViewTable td {
  width: 115px;
}
#monthViewTable .dayOfWeek td,
#monthViewTable .days td,
#monthViewTable .floor td {
  border-left: 1px solid #e5e5e5;
}

#monthViewTable .days td {
  border-top: 1px solid #cfcfcf;
}
#monthViewTable .floor td {
  border-top: 1px solid #cfcfcf;
}

#monthViewTable .dayOfWeek td.first,
#monthViewTable .days td.first,
#monthViewTable .floor td.first {
  border-left: 0;
}
#monthViewTable .days td {
  position: relative;
  vertical-align: top;
}
#monthViewTable .days td .day {
  position: absolute;
  font-size: 50px;
  color: #f3f2ee;
  top: 0px;
  left: 5px;
  line-height: 50px;
  z-index: 1;
}
#monthViewTable .days td .anni {
  position: absolute;
  font-size: 12px;
  color: #c3c3c3;
  top: 0px;
  left: 0px;
  width: 109px;
  text-align: right;
  z-index: 1;
}

#monthViewTable .days td .events {
  font-size: 11px;
  color: #3a3a3a;
  z-index: 10;
  position: relative;
  padding: 5px 1px 1px 1px;
  overflow: auto;
  z-index: 2;
  min-height: 69px;
}
#monthViewTable .days td .events a.ico {
  padding: 0 0 3px 21px;
  display: block;
  color: #3a3a3a;
  text-decoration: none;
  line-height: 13px;
}
#monthViewTable .days td .events a.ico.dummy {
  background: url("../images/sch1-dummy.png") no-repeat 1px -1px;
}

#monthViewTable .days td a.more {
  position: absolute;
  top: 78px;
  left: 1px;
  display: block;
  width: 112px;
  height: 11px;
  background: #e2e2e2 url("../images/sch1-open.png") no-repeat center center;
  z-index: 100;
}

#monthViewTable .days td a.less {
  display: block;
  width: 112px;
  height: 11px;
  background: #e2e2e2 url("../images/sch1-close.png") no-repeat center center;
  z-index: 100;
}

#monthViewTable .days td a.more span,
#monthViewTable .days td a.less span {
  display: none;
}

#monthViewTable td.nullCol {
  width: 1px;
  border: 0;
}
#monthViewTable tr.days td.nullCol .allDayEvents {
  position: relative;
}
#monthViewTable tr.days td.nullCol .line {
  position: absolute;
}

/*           allday           */

#dayInfo {
  width: 390px;
  min-height: 460px;
  border-right: 1px solid #e5e5e5;
  float: left;
}
/*#weekViewTable #allDay      { position:relative; float:left}*/

#weekViewTable.allDay {
  width: 390px;
}
#weekViewTable.allDay td.first .hourLine {
  width: 370px;
}

#weekViewTable.allDay td.first {
  width: 60px;
}
#weekViewTable.allDay .events td.allDay {
  border-left: 0px;
}

#monthGrid th {
  color: #a5a5a5;
  font-size: 12px;
  height: 28px;
  vertical-align: center;
}

#monthGrid td {
  border-top: 1px solid #dfdfdf;
  width: 28px;
  height: 28px;
}
#monthGrid td,
#monthGrid th {
  border-left: 1px solid #dfdfdf;
}
#monthGrid td.first,
#monthGrid th.first {
  border-left: 0px;
}
#monthGrid td.grayed {
  background-color: #ebebeb;
}

#monthGrid td a {
  width: 28px;
  height: 28px;
  overflow: hidden;
  text-align: center;
  color: #535353;
  text-decoration: none;
  font-size: 14px;
  display: block;
  text-align: center;
  line-height: 26px;
}
#monthGrid td.grayed a {
  color: #afafaf;
}

#monthGrid td.today {
  background-image: url(../images/sch1-todayGrid.png);
}

#monthGrid a.oneDot {
  background-image: url(../images/oneDot.png);
  background-position: top right;
}
#monthGrid a.twoDots {
  background-image: url(../images/twoDots.png);
  background-position: top right;
}
#monthGrid a.threeDots {
  background-image: url(../images/threeDots.png);
  background-position: top right;
}

#dayInfo #day {
  float: left;
  width: 155px;
  padding: 12px 0 0 12px;
}
#dayInfo .monthTable {
  float: left;
  width: 220px;
  padding: 12px 0 40px 0;
}

#day .dayNumber {
  font-size: 74px;
  color: #d3d2cf;
  height: 74px;
  line-height: 60px;
  overflow: hidden;
}
#day .dayOfWeek {
  font-size: 14px;
  color: #313131;
  font-weight: 400;
}
#day .monthYear {
  font-size: 12px;
  color: #313131;
}
#day .anniversary {
  font-size: 12px;
  color: #7d7d7d;
  font-weight: bold;
  padding-top: 70px;
}

#allDayEvents {
  background: #ebebeb;
  padding: 0 14px 14px 14px;
  margin: 0px 20px 0 10px;
  clear: both;
  min-height: 190px;
}
#allDayEvents a.ico {
  display: block;
  font-size: 12px;
  color: #3a3a3a;
  padding-left: 22px;
  text-decoration: none;
  margin-top: 5px;
  background-repeat: no-repeat;
}
#allDayEvents a.ico.dummy {
  background: url("../images/sch1-dummy.png") no-repeat 0px 5px;
}
#allDayEvents h3 {
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 14px 0 2px 0;
  color: #313131;
  font-size: 14px;
  border-bottom: 1px solid #bfbfbf;
}

.cal {
  padding-top: 20px;
  padding-bottom: 20px;
}
.leftBar .user {
  padding-top: 20px;
  padding-bottom: 20px;
}
.leftBar .user img {
  float: left;
  padding-right: 10px;
}
.leftBar .user .userName {
  color: #c9a059;
  font-size: 20px;
}
.leftBar .user .dayAnn {
  font-size: 10px;
  color: #383838;
  margin-top: 16px;
}

.leftBar .user .formRow {
  clear: both;
  padding-top: 20px;
}

.leftBar .user .label {
  width: 60px;
  float: left;
  font-size: 14px;
  color: #383838;
  padding-top: 5px;
}
.leftBar .user .field {
  width: 140px;
  float: left;
}
.leftBar .user .field select {
  width: 140px;
  height: 28px;
  border: 1px solid #c3c5cc;
}

.ie7 .content.calWeek .triDiv .shadow {
  margin-right: 20px;
}

.content.calWeek .triDiv {
  width: 33%;
  float: left;
  font-size: 14px;
  color: #383838;
}
.content.calWeek .triDiv .innerInner {
  padding: 20px;
}
.content.calWeek .rightBar .triDiv h2 {
  position: relative;
  width: 100%;
  top: 7px;
  left: 0;
  text-align: left;
}

.eventInline {
  padding: 0 0 0 0;
  border-top: 1px solid #e5e5e5;
  font-size: 12px;
}
.eventInline.first {
  border-top: 0px;
}

.eventInline .date {
  float: left;
  width: 60px;
  padding: 4px 0 4px 4px;
}
.eventInline .date.ico {
  background-repeat: no-repeat;
  background-position: 5px 7px;
  padding-left: 32px;
}
.eventInline .date.watch {
  background: url("../images/watch.png") no-repeat 17px 7px;
}
.eventInline .date.warning {
  background: url("../images/warning.png") no-repeat 11px 6px;
}
.eventInline a.eventLink {
  float: left;
  width: 105px;
  padding: 4px 0 4px 5px;
  color: #206284;
  text-decoration: none;
  display: block;
}
.eventInline a.eventLink.ico {
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 24px;
}

.overDue .eventInline a.eventLink {
  width: 90px;
}
.eventInline a.hideShow {
  float: left;
  width: 29px;
  text-decoration: none;
  display: block;
}
.eventInline a.hideShow.off {
  background: url("../images/eyeOff.png") no-repeat 10px 8px;
}

/* doplnujici blbiny */

.content .leftBar.leftMenu h3 {
  border-bottom: 1px solid #c9a059;
  display: block;
  padding: 25px 0 9px 0;
  font-size: 16px;
  color: #c9a059;
  margin: 0 0 0 0;
}
.content .leftBar.leftMenu h3.first {
  padding-top: 12px;
}

.content .leftBar.leftMenu .level1 {
  padding-left: 10px;
}
.content .leftBar.leftMenu .level1 a {
  font-size: 14px;
}
.content .leftBar.leftMenu a.ico {
  padding-left: 17px;
}
.content .leftBar.leftMenu a.ico.wheel {
  background: url(../images/sch1-ico-settingsSmall.png) no-repeat 0px 12px;
}
#logo div.reg {
  position: relative;
  top: -10px;
  left: 2px;
  font-size: 14px;
  display: inline-block;
}

div.button_bar {
  clear: both;
  margin-top: 10px;
  padding: 20px 20px 20px 10px;
  text-align: left;
}

div.button_bar_2 {
  float: left;
  margin-top: 10px;
  padding: 25px 20px 20px 15px;
  text-align: left;
  width: 900px;
}

div.tabswithmenu {
  /* float:left; */
  margin-right: auto;
  /* width:950px; */
}

.content div.tabswithmenu .leftBar {
  width: 458px;
  padding: 0 0 0 0px;
}

.content div.tabswithmenu .rightBar {
  width: 458px;
  padding: 0 10px 0 10px;
  float: left;
  margin-left: 0px;
}

.content div.tabswithmenu .editBox .fieldNE {
  width: 220px;
}
.content div.tabswithmenu .editBox .field label.radio_short {
  width: 50px;
}
.editBox .formRow.last {
  padding-bottom: 0px;
}
.content div.tabswithmenu .editBox .field select {
  width: 220px;
}

.editBox td {
  font-size: 14px;
  padding: 10px 5px 10px 5px;
}

#popup {
  width: 340px;
  min-height: 50px;
  background-color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  border-top: 1px solid #929292;
  border-right: 1px solid #929292;
  border-bottom: 1px solid #929292;
  border-left: 5px solid #b78e47;
  visibility: hidden;
}

#popup_content {
  padding: 6px 12px 6px 12px;
  font-size: 13px;
}

h1.mainHeadline {
  font-size: 26px;
  color: #c9a059;
  font-weight: 600;
  text-align: left;
  margin-top: 0px;
  padding-left: 7px;
}
h1.mainHeadline span {
  float: right;
  font-weight: 300;
  padding-right: 18px;
}

a.icomaint {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin-right: 0px;
}

a.icomaint.naplanuj {
  background: url(../images/ikonkoj_06-03.png) no-repeat 0px 0px;
}
a.icomaint.preskoc {
  background: url(../images/ikonkoj_06.png) no-repeat 0px 0px;
}
a.icomaint.odloz {
  background: url(../images/ikonkoj_06-02.png) no-repeat 0px 0px;
}

a.icomaint.naplanuj:hover {
  background: url(../images/ikonkoj_06-09.png) no-repeat 0px 0px;
}
a.icomaint.preskoc:hover {
  background: url(../images/ikonkoj_06-07.png) no-repeat 0px 0px;
}
a.icomaint.odloz:hover {
  background: url(../images/ikonkoj_06-08.png) no-repeat 0px 0px;
}

/* septadla novy */
div.septy_main {
  position: absolute;
  width: 300px;
  height: 138px;
  visibility: hidden;
  background-color: white;
  top: 30px;
  border: 1px solid gray;
  left: 100px;
  overflow: auto;
  z-index: 1000;
}

div.septy_item {
  margin: 3px;
  padding: 3px;
  font-size: 13px;
  cursor: pointer;
}

div.septy_item_sel {
  margin: 3px;
  padding: 3px;
  font-size: 13px;
  background-color: #eeeeee;
  cursor: pointer;
}

select {
  font-size: 14px;
}

div.please_sel_over {
  position: absolute;
  top: 5px;
  left: 100px;
  font-size: 14px;
  color: gray;
  width: 300px;
  text-align: left;
  padding-left: 10px;
  border: 0px solid black;
}

a.ozubkol {
  width: 29px;
  height: 29px;
  background-image: url(../images/sch1-ico-filter-settings-gray.png);
  display: block;
}

a.ozubkol:hover {
  background-image: url(../images/sch1-ico-filter-settings.png);
}

a.ozubkol.selected {
  background-image: url(../images/sch1-ico-filter-settings.png);
}
a.ozubkol.selected:hover {
  background-image: url(../images/sch1-ico-filter-settings-gray.png);
}

#help {
  background-color: #eeede9;
  padding: 20px;
  margin: 30px 9px 9px 9px;
  border: 1px solid #d7d6d2;
  font-size: 13px;
  clear: both;
}

#sidebarOpenA.opened {
  position: absolute;
  top: 70px;
  left: 10px;
  background-image: url(../images/sidebarOpened2.png);
  width: 173px;
  height: 21px;
}

#sidebarOpenA.closed {
  position: absolute;
  top: 70px;
  left: 10px;
  background-image: url(../images/sidebarClosed.png);
  width: 21px;
  height: 173px;
}

select {
  height: 28px;
  border: 1px solid #c3c5cc;
}
select.fill {
  width: 100%;
  box-sizing: border-box;
  height: 29px;
}
.simpleTable tr.nodata td {
  padding: 50px;
  border-left: 0px;
  text-align: center;
}

.wide .hugger1.w {
  margin: 0 45px 0 30px;
  width: auto;
}
.hugger2 {
  margin: 0 auto;
  width: 1170px;
}

.hugger1.w .content .leftBar {
  height: 100%;
  width: 168px;
  position: absolute;
  float: none;
}
.hugger1.w .content .rightBar {
  height: 100%;
  width: auto;
  margin: 0 0 0 200px;
  float: none;
}
tr.dashedLight td {
  border-top: 1px dashed #d3d3d3;
}
tr.dashedDark td {
  border-top: 1px dashed #c6c5c3;
}
.rowed td {
  border-top: 1px solid #929292;
  padding: 4px 10px;
}
.monthGrid .header {
  height: 74px;
}
.monthGrid h2 {
  font-size: 20px;
  color: #c9a059;
  margin: 0 auto;
  padding: 20px 0 0 0;
  width: 470px;
  text-align: center;
}
.monthGrid h2 a {
  display: inline-block;
}
.monthGrid h2 a span {
  display: none;
}
.monthGrid h2 a.ico {
  width: 10px;
  height: 10px;
  position: relative;
  top: -3px;
}
.monthGrid h2 a.ico.prev {
  background: url("../images/weekPrev.png") no-repeat;
}
.monthGrid h2 a.ico.next {
  background: url("../images/weekNext.png") no-repeat;
}
.monthGrid #viewSwitcher {
  position: static;
  float: right;
  margin: 20px 20px 0 0;
}
.monthGrid {
  overflow: hidden;
}
.requestsWeeks {
  width: 100%;
  margin: 0;
}
.simpleTable.monthGrid td,
.simpleTable.monthGrid th {
  padding: 0;
  height: auto;
}
.simpleTable.monthGrid th {
  font-size: 14px;
  color: #313131;
  font-weight: 600;
  padding: 5px 10px 5px 10px;
}
.simpleTable.monthGrid th.sb {
  font-size: 12px;
  font-weight: 600;
  background: #eeeeee;
  padding: 2px 1px;
}
.simpleTable.monthGrid td.first {
  font-size: 11px;
  text-transform: uppercase;
  padding-left: 10px;
  width: auto;
}
.simpleTable.monthGrid td {
  min-width: 35px;
}
.simpleTable.monthGrid .tableHugga {
  padding-top: 0px;
}

.maint-cell {
  cursor: pointer;
}
.ui-draggable-dragging {
  box-shadow: 3px 3px 2px #000;
}
.calendar-legend-container {
  width: 270px;
  display: inline-block;
}
.calendar-legend-color {
  display: inline-block;
  height: 22px;
  width: 49px;
  margin-top: 6px;
}
.calendar-legend-text {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  margin-top: 6px;
  height: 22px;
}
.calendar-thead {
  background-color: white;
}
.mVizTable-thead {
  background-color: white;
}
.wrong {
  background-color: palevioletred !important;
  border-color: palevioletred !important;
}
.very-wrong {
  background-color: darkred !important;
  border-color: darkred !important;
}

div.field {
  font-size: 14px;
}
span.septy_item_sub {
  font-size: 10px;
  color: #555;
}

h2.dayord {
  margin-bottom: 20px;
  width: 370px;
  text-align: center;
  position: relative;
}
h2.dayord a.sipL {
  background: url("../images/sch1-player-ico-left.png");
  width: 35px;
  height: 35px;
  display: inline-block;
  position: absolute;
  top: -4px;
  left: 0px;
}
h2.dayord a.sipR {
  background: url("../images/sch1-player-ico-right.png");
  width: 35px;
  height: 35px;
  display: inline-block;
  position: absolute;
  top: -4px;
  right: 0px;
}
.simpleTable tr.editable {
  cursor: pointer;
}

.simpleTable th a {
  color: #383838;
}

table.dispecink tr th {
  background-color: white;
  top: 0;
  position: sticky;
}

table.dispecink tr td {
  height: 28px !important;
  vertical-align: middle !important;
}
table.dispecink tr td,
table.dispecink tr th {
  min-width: 125px;
}
table.dispecink tr td:nth-child(1),
table.dispecink tr th:nth-child(1) {
  min-width: 80px;
}
table.dispecink tr td:nth-child(2),
table.dispecink tr th:nth-child(2) {
  min-width: 110px;
}
table.dispecink tr td:nth-child(3),
table.dispecink tr th:nth-child(3) {
  min-width: 145px;
}
table.dispecink tr td:nth-child(4),
table.dispecink tr th:nth-child(4) {
  min-width: 145px;
}
table.dispecink tr td:nth-child(6),
table.dispecink tr th:nth-child(6) {
  min-width: 85px;
} /* telefon */
table.dispecink tr td:nth-child(7),
table.dispecink tr th:nth-child(7) {
  min-width: 100px;
}
table.dispecink tr td:nth-child(8),
table.dispecink tr th:nth-child(8) {
  min-width: 100px;
}
table.dispecink tr td:nth-child(9),
table.dispecink tr th:nth-child(9) {
  min-width: 50px;
}
table.dispecink tr td:nth-child(10),
table.dispecink tr th:nth-child(10) {
  min-width: 50px;
}
table.dispecink tr td:nth-child(11),
table.dispecink tr th:nth-child(11) {
  min-width: 100px;
} /* vozidlo */
table.dispecink tr td:nth-child(13),
table.dispecink tr th:nth-child(13) {
  min-width: 50px;
}
table.dispecink tr td:nth-child(14),
table.dispecink tr th:nth-child(14) {
  min-width: 70px;
} /* misto vyuziti odpadu */
table.dispecink tr td:nth-child(15),
table.dispecink tr th:nth-child(15) {
  min-width: 120px;
}
table.dispecink tr td:nth-child(16),
table.dispecink tr th:nth-child(16) {
  min-width: 160px;
}
table.dispecink tr td:nth-child(17),
table.dispecink tr th:nth-child(17) {
  min-width: 28px;
  text-align: center;
}
table.dispecink tr td:nth-child(18),
table.dispecink tr th:nth-child(18) {
  min-width: 28px;
  text-align: center;
}
table.dispecink tr td select {
  font-size: 12px;
  height: 25px;
}
table.dispecink tr td input {
  font-size: 12px;
  height: 21px;
}
table.dispecink tr td input.submit {
  font-size: 12px;
  height: 25px;
}
table.dispecink tr.state1 td {
  background-color: #ffffff;
}
table.dispecink tr.state1:hover td {
  background-color: #e5e5e5;
}
table.dispecink tr.state2 td {
  background-color: #deebf4;
}
table.dispecink tr.state2:hover td {
  background-color: #c8d3db;
}
table.dispecink tr.state3 td {
  background-color: #d1f9bd;
}
table.dispecink tr.state3:hover td {
  background-color: #bde0ab;
}
table.dispecink tr.state4 td {
  background-color: #ffded6;
}
table.dispecink tr.state4:hover td {
  background-color: #e5c8c1;
}
table.dispecink tr.state5 td {
  background-color: #fffdd8;
}
table.dispecink tr.state5:hover td {
  background-color: #e5e4c3;
}
table.dispecink tr td.noclick {
  cursor: default !important;
}

div.stateleg span {
  display: inline-block;
  background-color: #ffffff;
  width: 11px;
  height: 11px;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  margin-right: 8px;
  margin-top: 2px;
}
div.stateleg span.s1 {
  background-color: #ffffff;
}
div.stateleg span.s2 {
  background-color: #deebf4;
}
div.stateleg span.s3 {
  background-color: #d1f9bd;
}
div.stateleg span.s4 {
  background-color: #ffded6;
}
div.stateleg span.s5 {
  background-color: #fffdd8;
}

table.dispecink.deponie {
  width: auto;
}
table.dispecink.deponie tr td,
table.dispecink.deponie tr th {
  min-width: 125px;
}
table.dispecink.deponie tr td:nth-child(1),
table.dispecink.deponie tr th:nth-child(1) {
  min-width: 24px;
  text-align: center;
}
table.dispecink.deponie tr td:nth-child(2),
table.dispecink.deponie tr th:nth-child(2) {
  min-width: 70px;
}
table.dispecink.deponie tr td:nth-child(3),
table.dispecink.deponie tr th:nth-child(3) {
  min-width: 90px;
}
table.dispecink.deponie tr td:nth-child(4),
table.dispecink.deponie tr th:nth-child(4) {
  min-width: 90px;
}
table.dispecink.deponie tr td:nth-child(5),
table.dispecink.deponie tr th:nth-child(5) {
  min-width: 70px;
}
table.dispecink.deponie tr td:nth-child(6),
table.dispecink.deponie tr th:nth-child(6) {
  min-width: 60px;
}
table.dispecink.deponie tr td:nth-child(7),
table.dispecink.deponie tr th:nth-child(7) {
  min-width: 60px;
}
table.dispecink.deponie tr td:nth-child(8),
table.dispecink.deponie tr th:nth-child(8) {
  min-width: 50px;
}
table.dispecink.deponie tr td:nth-child(9),
table.dispecink.deponie tr th:nth-child(9) {
  min-width: 40px;
}
table.dispecink.deponie tr td:nth-child(10),
table.dispecink.deponie tr th:nth-child(10) {
  min-width: 20px;
  text-align: center;
}
table.dispecink.deponie tr td:nth-child(11),
table.dispecink.deponie tr th:nth-child(11) {
  min-width: 20px;
  text-align: center;
}
table.dispecink.deponie tr td:nth-child(12),
table.dispecink.deponie tr th:nth-child(12) {
  min-width: 20px;
  text-align: center;
}
table.dispecink.deponie tr td:nth-child(13),
table.dispecink.deponie tr th:nth-child(13) {
  min-width: 55px;
}
table.dispecink.deponie tr td:nth-child(14),
table.dispecink.deponie tr th:nth-child(14) {
  min-width: 140px;
}

table.dispecink a.contcom {
  display: block;
  color: black;
}
table.dispecink a.contcom:hover {
  background: url("../images/edit-12-16-gray.png") no-repeat top right;
}
table.dispecink a.contcom.havecom {
  background: url("../images/edit-12-16.png") no-repeat top right;
}
table.dispecink a.contcom.havecom:hover {
  background: url("../images/edit-12-16.png") no-repeat top right;
}

.formRow h3 {
  color: #1e5b7b;
  margin: 5px 0 0 0;
  padding: 0;
  font-weight: 300;
  border-bottom: 3px solid #efefef;
}
.formRow h3.first {
  margin-top: 0px;
}

div.h2filt {
  float: right;
  margin-top: 4px;
  margin-right: 5px;
}
div.h2filt a {
  display: inline-block;
  background-color: #ffffff;
  padding: 2px 10px 2px 10px;
  margin: 4px;
  border-radius: 6px;
  font-size: 14px;
  opacity: 0.8;
}
div.h2filt a.active {
  background-color: #1e5b7b;
  color: #ffffff;
}

#driver_list .inner {
  padding: 5px 20px 15px 20px;
}
#driver_list .editBox {
  width: 270px;
  float: left;
}
#driver_list h1 {
  color: #1e5b7b;
  font-size: 15px;
}
#driver_list div {
  font-size: 13px;
}
#driver_list div.addr {
  font-size: 10px;
  color: gray;
}
#driver_list span.state {
  display: block;
  float: right;
  font-size: 11px;
  margin-top: 2px;
}

#modal_content h3 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: 300;
  color: gray;
  border-bottom: 3px solid #f5f5f5;
  clear: both;
}

input.dropfile {
  border: 5px lightgray dashed;
  width: 720px;
  height: 100px;
  background-color: white;
}
input.dropfile.over {
  border: 5px #1e5b7b dashed;
}
#dropfile_progress {
  border: 5px lightgray dashed;
  width: 720px;
  height: 60px;
  background-color: white;
  text-align: center;
  color: lightgray;
  padding-top: 40px;
  background: url("../images/loading.gif") no-repeat 10px 0px;
  background-size: 100px 100px;
  display: none;
}

a.savelg {
  width: 16px;
  height: 16px;
  display: block;
  float: right;
  background: url("../images/save-16-lg.png") no-repeat 0px 0px;
  margin-left: 3px;
  margin-top: 2px;
}
a.savedg {
  width: 16px;
  height: 16px;
  display: block;
  float: right;
  background: url("../images/save-16-rd.png") no-repeat 0px 0px;
  margin-left: 3px;
  margin-top: 2px;
}

span.tmwarning {
  display: block;
  width: 16px;
  height: 16px;
  background-color: #f0f0f0;
  float: right;
  border-radius: 4px;
}
span.tmwarning.active {
  background-color: #c20037;
}

.simpleTable.short {
  min-width: 700px;
}

.nopad {
  padding: 0px !important;
}

span.changeico {
  display: inline-block;
  background-color: #ff0000;
  width: 9px;
  height: 9px;
  border: 2px solid #ee0000;
  border-radius: 3px;
}

.modalInner.mTableFilter {
  width: 550px;
}
.modalInner.mTableFilter .txt {
  width: 355px;
}

#autoreloadinfo {
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding-top: 10px;
}
#driver_list #autoreloadinfo {
  font-size: 11px;
  color: #ffffff;
  float: left;
  font-weight: normal;
  display: block;
  padding-left: 20px;
  padding-top: 5px;
}

#kontsept p {
  padding: 2px;
  margin: 0px;
}
#kontsept .fl {
  height: 17px;
}
#kontsept .fl .kontkat {
  float: right;
  font-size: 11px;
  color: #999;
  margin-top: 2px;
}
#kontsept .fl .loc {
  float: left;
  display: block;
  font-size: 11px;
  margin-top: 2px;
}
#kontsept .fl b {
  float: left;
  display: block;
  width: 40px;
}
#kontsept .fl .punt {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  background-color: #eee;
  margin-top: 5px;
  margin-right: 8px;
  border-radius: 3px;
}
#kontsept .sl {
  font-size: 10px;
  color: #aaa;
  margin-left: 18px;
}
#kontsept .fl .punt.r {
  background-color: red;
}
#kontsept .fl .punt.g {
  background-color: green;
}

@media print {
  body {
    background: #ffffff !important;
  }
  #row1 {
    display: none;
  }
  #row2 {
    display: none;
  }
  #plus {
    display: none;
  }
  #breadCrumbs {
    display: none;
  }
  h2 {
    color: black !important;
    font-weight: bold !important;
  }
  #menu {
    display: none;
  }
  #sidebarOpenA {
    display: none;
  }
  .rightBar {
    margin-left: 0px !important;
  }
  div.tableHugga {
    width: 20cm !important;
    padding: 0px !important;
  }
  .txtL {
    width: auto !important;
    min-width: auto !important;
    max-width: 5000px !important;
  }
  tr.odd td {
    width: auto !important;
    min-width: auto !important;
    max-width: 5000px !important;
  }
  tr.even td {
    width: auto !important;
    min-width: auto !important;
    max-width: 5000px !important;
  }
  .simpleTable {
    min-width: auto !important;
  }
  .headline {
    display: none;
  }
  .shadow {
    box-shadow: none;
    -moz-box-shadow: none;
  }
}

table.stickyHead tr th {
  background-color: white;
  top: 0;
  position: sticky;
}

.button_bar span.info {
  font-size: 12px;
  color: #eee;
}
h2 span.info {
  font-size: 12px;
  color: #eee;
  padding-left: 30px;
}
.tabs a span.num {
  font-size: 10px;
  font-weight: bold;
}

/* vylepseni... */

#menu {
  position: absolute;
  left: 0px;
  top: 78px;
}

.content div.left {
  width: 895px;
  float: left;
}
.content div.right {
  width: 895px;
  float: right;
  margin-right: 0;
}
.content div.center {
  clear: both;
}

.content.menu {
  padding-left: 220px;
}
.content.menu div.left {
  width: 835px;
}
.content.menu div.right {
  width: 835px;
}

.boxRow {
  border: 0px;
  clear: both;
  position: relative;
  min-height: 50px;
}
.boxRow label {
  padding: 10px 0 14px 0px;
  width: 200px;
  font-size: 14px;
  float: left;
}
.boxRow div {
  font-size: 14px;
  color: #555555;
  padding-top: 10px;
  padding-bottom: 11px;
  font-weight: bold;
  margin-left: 160px;
  min-height: 20px;
}
.boxRow div .txt {
  width: 510px;
  position: relative;
  top: -4px;
}
.boxRow div .txt.short {
  width: 200px;
  position: relative;
  top: -4px;
}
.boxRow div input.radio {
  float: left;
  margin: 3px 10px 0px 0px;
}
.boxRow div label.radio_short {
  float: left;
  padding: 0px;
  width: 70px;
}
.boxRow div label.radio_long {
  float: left;
  padding: 0px;
  width: 120px;
}
.boxRow div label.radio_longer {
  float: left;
  padding: 0px;
  width: 180px;
}
.boxRow div.radio_flex_container input[type="radio"] {
  margin: -4px 10px 0 30px;
  height: auto;
}
.boxRow div.radio_flex_container.left input[type="radio"]:first-child {
  margin: -4px 10px 0 0;
  height: auto;
}
.boxRow div label.radio_flex {
  float: left;
  width: auto;
  padding: 0;
}
.boxRow div.radio_flex_container {
  display: flex;
  justify-content: end;
  margin-right: 15px;
}
.boxRow div.radio_flex_container.left {
  display: flex;
  justify-content: start;
  margin-right: 15px;
}
.boxRow div select {
  width: 520px;
}
.boxRow div.text {
  float: right;
  padding-right: 30px;
}

.boxRow.last label {
  padding-bottom: 5px;
}
.boxRow.last div {
  padding-bottom: 5px;
}

.boxRow.Tab {
  min-height: 30px;
}
.boxRow.Tab label {
  padding: 5px 0px 8px 8px;
  font-weight: bold;
}
.boxRow.Tab div {
  padding: 5px 0px 8px 0px;
  font-weight: normal;
}
.boxRow.Tab.A {
}
.boxRow.Tab.B {
  background-color: #eeeeee;
}

.tabs .scroll {
  float: right;
}

/* konkretni veci benu */
select.smlsel {
  font-size: 12px;
  width: 45px;
  padding: 0px;
  height: 20px;
}
select.affsel {
  font-size: 12px;
  width: 115px;
  padding: 0px;
  height: 20px;
  background-color: white;
}
input.tmedit {
  width: 35px;
  border: 1px solid lightgray;
  padding: 2px;
  margin: 1px;
  font-size: 12px;
}
td.workedittd {
  cursor: pointer;
}
td.workedittd:hover {
  background: url("../images/edit-3-16.png") 110px center no-repeat;
  background-color: #d8f4d7;
}
td.workedittd.sippr:hover {
  background: url("../images/edit-3-16.png") 230px center no-repeat;
  background-color: #d8f4d7;
}

div.realwork_dash_info {
  float: right;
  font-weight: bold;
  width: 400px;
  padding-top: 4px;
}

div.wbarbox {
  border: 1px solid gray;
  border-radius: 10px;
  padding: 0px;
  margin: 0px;
  height: 25px;
  top: -3px;
  position: relative;
  min-height: auto;
}
div.wbarboxin {
  width: 160px;
  border-radius: 9px;
  color: black;
  background-color: #4fbf4a;
  height: 23px;
  left: 15px;
  top: 1px;
  min-height: auto;
  padding: 0px;
  margin: 0px;
  position: absolute;
  overflow: hidden;
  font-size: 11px;
}
div.wbarboxin span.l {
  width: 30px;
  display: block;
  padding-left: 8px;
  float: left;
  font-weight: normal;
  padding-top: 4px;
}
div.wbarboxin span.r {
  width: 30px;
  display: block;
  padding-right: 8px;
  float: right;
  text-align: right;
  font-weight: normal;
  padding-top: 4px;
}

div.wbarboxh {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}
div.wbarboxh span {
  float: right;
}

div.affsel a {
  background-color: #ffffff;
  float: left;
  padding: 0px;
  width: 150px;
  height: 170px;
  margin: 10px;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
div.affsel a div.l1 {
  color: black;
  padding: 5px 10px 5px 10px;
  margin: 0px;
  font-size: 23px;
  font-weight: bold;
  background: url("../images/ctver-sip.png") 117px 5px no-repeat;
}
div.affsel a div.l2 {
  color: black;
  padding: 5px 10px 5px 10px;
  height: 75px;
  margin: 0px;
  font-size: 18px;
  background-color: #e6e6e6;
  font-weight: 300;
}
div.affsel a div.l3 {
  color: black;
  padding: 5px 10px 5px 10px;
  margin: 0px;
  font-size: 11px;
  font-weight: normal;
}
div.affsel a div.l1app {
  color: black;
  padding: 5px 10px 5px 10px;
  margin: 0px;
  font-size: 23px;
  font-weight: bold;
}
div.affsel a div.l2app {
  color: black;
  padding: 5px 10px 5px 10px;
  height: 75px;
  margin: 0px;
  font-size: 11px;
  background-color: #e6e6e6;
}

div.approveover a {
  background-color: #ffffff;
  float: left;
  padding: 0px;
  width: 150px;
  height: 74px;
  margin: 10px;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
div.approveover a div.l1app {
  color: black;
  padding: 4px 10px 4px 10px;
  margin: 0px;
  font-size: 20px;
  font-weight: bold;
}
div.approveover a div.l2app {
  color: black;
  padding: 5px 10px 5px 10px;
  height: 23px;
  margin: 0px;
  font-size: 11px;
  background-color: #e6e6e6;
}
div.approveover a div.l2app div.stepdot {
  width: 20px;
  height: 20px;
  float: left;
  background-color: #aaa;
  border-radius: 3px;
  margin-right: 3px;
  margin-top: 2px;
}
div.approveover a div.l2app div.stepdot.finished {
  background-color: #008000;
}

td.plancell {
  cursor: pointer;
  padding: 0px;
}
td.plancell div {
  height: 19px;
  padding-top: 3px;
  border-radius: 4px;
  margin: 2px;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}
td.plancell div.othercont {
  height: 8px;
  background-color: #a0a0a0;
  font-size: 7px;
  padding: 0px;
}
td.plancell div.half {
  width: 12px;
  float: left;
}

table.plan .sat {
  background-color: #f0f0f0;
}
table.plan .sun {
  background-color: #e2e2e2;
}
table.plan .hol {
  background-color: #f0e8e8;
}
table.plan th {
  border-top: 3px solid white;
}
table.plan th.today {
  border-top: 3px solid #bc0b20;
}

table.plan span.vypomoc,
table.approveTab span.vypomoc {
  float: right;
  font-size: 8px;
  background-color: lightgray;
  border-radius: 2px;
  padding: 3px 5px 3px 5px;
  display: block;
  color: white;
  cursor: pointer;
}
table.approveTab tr.affdet td {
  font-size: 11px !important;
}
table.approveTab tr.emplline:hover {
  background-color: #e9e9e9;
}

table.work .sat,
table.planoverview .sat {
  background-color: #f0f0f0;
}
table.work .sun,
table.planoverview .sun {
  background-color: #e2e2e2;
}
table.work .hol,
table.planoverview .hol {
  background-color: #f0e8e8 !important;
}

#modal_content .boxRow {
  min-height: 35px;
}
#modal_content .boxRow label {
  padding: 5px 0 9px 0px;
  width: 150px;
}
#modal_content .boxRow label.radio_flex {
  width: auto;
}
#modal_content .boxRow div {
  padding-top: 5px;
  min-height: 15px;
}

.simpleTable .headline {
  font-weight: 600;
  line-height: 35px;
}

a.btntable {
  border-radius: 3px;
  padding: 2px 10px 2px 10px;
  font-size: 11px;
}
a.btntable.active {
  color: #fff;
  background-color: #888;
}
a.btntable.inactive {
  color: #444;
  background-color: #e0e0e0;
}

div.user_login_block {
  float: left;
  width: 350px;
  height: 110px;
  margin: 5px;
  cursor: pointer;
  background-color: white;
  border-radius: 10px;
}
div.user_login_block:hover {
  background-color: #f0f0f0;
}
div.user_login_block img {
  float: left;
  width: 67px;
  height: 87px;
  margin-right: 10px;
  margin-top: 10px;
  margin-left: 10px;
  border: 1px solid gray;
}
div.user_login_block div.name {
  font-weight: bold;
  font-size: 22px;
  margin-top: 5px;
}

.intro_float_col_top {
  width: 600px;
  float: left;
}
.intro_float_col_top div.inner {
  height: 330px;
}

.intro_float_col_sml {
  width: 600px;
  float: left;
  font-size: 15px;
}
.intro_float_col_sml div.inner {
  min-height: 300px;
  position: relative;
}
.intro_float_col_sml h3 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
.intro_float_col_sml h4 {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
.intro_float_col_sml table {
  border-spacing: 0px;
  border-collapse: separate;
}
.intro_float_col_sml table td {
  padding: 3px 10px 3px 10px;
  font-size: 15px;
}
.intro_float_col_sml table td:nth-child(1) {
  width: 70px;
  text-align: center;
}
.intro_float_col_sml table td:nth-child(2) {
  width: 10px;
  text-align: center;
}
.intro_float_col_sml table td:nth-child(3) {
  width: 70px;
  text-align: center;
}
.intro_float_col_sml table td:nth-child(4) {
  width: 230px;
}
.intro_float_col_sml table td.gb {
  border-left: 8px solid #e0e0e0;
}
.intro_float_col_sml table td.zb {
  border-left: 8px solid #4fbf4a;
}
.intro_float_col_sml input.submit {
  margin-left: 0px !important;
  margin-right: 10px;
}
.intro_float_col_sml div.btns {
  position: absolute;
  bottom: 24px;
}
.intro_float_col_sml .home {
  color: lightgray;
}

.intro_cal_box table {
  margin-left: auto;
  margin-right: auto;
  border-spacing: 10px;
  border-collapse: separate;
}
.intro_cal_box table th {
  font-size: 14px;
}
.intro_cal_box table td {
  font-size: 14px;
  background-color: #f1f1f1;
  text-align: center;
  padding: 7px 12px 7px 12px;
  border: 2px solid transparent;
}
.intro_cal_box table td.today {
  border: 2px solid #f10000;
}
.intro_cal_box table td.other {
  background-color: #f8f8f8;
  color: #ccc;
}

.content .leftBar.leftMenu a.inactive {
  text-decoration: line-through;
}

div.colboxmal {
  color: white;
  float: left;
  width: 18px;
  margin-right: 8px;
  border-radius: 3px;
  font-size: 9px;
  text-align: center;
  padding: 2px 0px 2px 0px;
  font-weight: bold;
}

table.planoverview div.tdline {
  height: 22px;
}
table.planoverview tr td:nth-child(1) {
  min-width: 40px;
  max-width: 40px;
}
table.planoverview tr td:nth-child(2) {
  min-width: 40px;
  max-width: 40px;
}
table.planoverview tr td:nth-child(n + 3) {
  min-width: 200px;
  max-width: 200px;
}

div.bigsmlouvasq {
  float: left;
  width: 20px;
  height: 20px;
  border: 1px solid gray;
  border-radius: 4px;
  margin-right: 10px;
  margin-top: 5px;
}

div.contract_sel {
  cursor: pointer;
  float: left;
  width: 8px;
  height: 8px;
  border: 1px solid gray;
  border-radius: 3px;
  margin-right: 4px;
  margin-top: 6px;
}
div.contract_view {
  float: left;
  width: 8px;
  height: 8px;
  border: 1px solid gray;
  border-radius: 3px;
  margin-right: 4px;
  margin-top: 3px;
}

#menu div.vypomoc {
  float: right;
  width: 12px;
  height: 12px;
  background-color: white;
  color: #4fbf4a;
  border-radius: 3px;
  font-weight: bold;
  padding: 0px;
  font-size: 12px;
  text-align: center;
  line-height: 12px;
  margin: 3px 3px 0px 0px;
  opacity: 0.6;
}

div.approve_info {
  color: white;
  font-size: 13px;
  margin: 5px 0px 10px 10px;
}

table.approveTab th.valCol {
  min-width: 90px;
  max-width: 90px;
  width: 90px;
}
table.approveTab td select {
  background-color: white;
  height: 18px;
  font-size: 13px;
}

div.aprsedpruh {
  background-color: #eaeaea;
  margin-top: 10px;
  height: 38px;
}
div.aprsedpruh div.txtl {
  float: left;
  padding: 9px;
  font-size: 14px;
}
div.aprsedpruh div.txtr {
  float: right;
  padding: 9px;
  font-size: 14px;
}
div.aprsedpruh input.submit {
  margin: 5px !important;
  float: right;
  margin-left: 30px;
}

div.leftMenu a span.pend {
  background-color: red;
  color: white;
  float: right;
  font-size: 10px;
  font-weight: bold;
  border-radius: 3px;
  padding: 1px 5px 1px 5px;
  display: block;
  margin-right: 4px;
}
div.leftMenu a:hover span.pend {
  color: white;
}

#mainMenu div {
  position: relative;
}
#mainMenu a span.pend {
  color: white;
  background-color: red;
  top: 13px;
  right: 3px;
  position: absolute;
  font-size: 10px;
  font-weight: bold;
  border-radius: 3px;
  padding: 1px 5px 1px 5px;
  display: block;
  margin-right: 4px;
}

#plan_copy_paste_info {
  margin-right: 15px;
  position: relative;
  top: -7px;
}
#plan_copy_paste_ico {
  margin-top: 5px;
  cursor: pointer;
  margin-right: 5px;
}
#plan_trash_ico {
  margin-top: 5px;
  cursor: pointer;
}

#plan_div {
  position: relative;
}
#plan_rect {
  position: absolute;
  top: 50px;
  left: 200px;
  width: 200px;
  height: 24px;
  border: 3px solid red;
  border-radius: 5px;
  display: none;
  pointer-events: none;
}
#plan_rect_to {
  position: absolute;
  top: 50px;
  left: 200px;
  width: 200px;
  height: 24px;
  border: 3px solid darkorange;
  border-radius: 5px;
  display: none;
  pointer-events: none;
}

div.errlistitem-img {
  padding-left: 27px;
  background: url("../images/warning-4-16.png") 0px 3px no-repeat;
  margin-bottom: 5px;
}
div.errlistitem {
  padding-left: 27px;
  margin-bottom: 5px;
  position: relative;
}

span.maxsev {
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  text-align: center;
  font-weight: bold;
  color: white;
  border: 1px solid #aaa;
  font-size: 10px;
}
.approveTab span.maxsev {
  float: right;
  margin-top: 1px;
}
div.errlistitem span.maxsev {
  position: absolute;
  top: 3px;
  left: 0px;
}

.approveTab tr.tt_bot td {
  border-bottom: 1px solid #929292;
}
.approveTab tr.tt_top td {
  border-top: 2px solid #929292;
}
.approveTab input.money {
  border: 1px solid lightgray;
  text-align: right;
  padding: 2px;
  width: 115px;
}
.approveTab input.text {
  border: 1px solid lightgray;
  padding: 2px;
  width: 345px;
}

div.boxRow.comment {
  font-style: italic;
  font-size: 12px;
  color: gray;
}

div.modalWarn {
  background: white url("../images/ico-warning-big-trans.png") no-repeat 5px 3px;
  padding: 10px 0px 0px 50px;
  height: 30px;
  background-color: #f0f0f0;
  border-radius: 5px;
  font-size: 13px;
  color: #666;
  margin-bottom: 10px;
}

span.subtext {
  font-weight: normal;
  font-size: 11px;
  display: block;
}

td.probval {
  background-color: #ffb7b7;
}

div.barbox {
  height: 17px;
  width: 20px;
  border-radius: 4px;
  margin: 2px;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}

table.problemTypeTab td {
  padding: 6px;
  vertical-align: middle !important;
}

#notifdasharea {
  overflow: auto;
  max-height: 330px;
  height: 330px;
  position: relative;
}
div.notifmore {
  font-size: 14px;
  text-align: right;
  color: gray;
  position: absolute;
  bottom: 0px;
  width: 510px;
}
table.notifdash {
  margin-bottom: 20px;
  border-spacing: 10px;
  border-collapse: separate;
}
table.notifdash td {
  padding: 4px;
}
table.notifdash .date {
  width: 55px;
  border-right: 9px solid #e0e0e0;
  font-weight: bold;
  vertical-align: top;
}
table.notifdash .text {
  width: 330px;
  margin-left: 15px;
  vertical-align: top;
}
table.notifdash .btn {
  width: 64px;
  text-align: right;
  vertical-align: top;
}
table.notifdash .btn a {
  font-size: 11px;
  color: white;
  display: inline-block;
  width: 28px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 28px 18px;
}
table.notifdash .btn a.ok {
  background-image: url("../images/vocicko.png");
}
table.notifdash .btn a.lnk {
  background-image: url("../images/link.png");
}
table.notifdash tr.new .date {
  border-right: 9px solid #4fbf4a;
}
table.notifdash tr.rdd a.ok {
  visibility: hidden;
}
table.notifdash tr.rdd .text {
  color: #888;
}

#bottomsunlogo {
  width: 250px;
  height: 80px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  background-image: url("../images/logo-sunware.png");
  background-repeat: no-repeat;
  background-position: 95px 28px;
}

/* cudliky reseni omluvenek */
a.a_btn_red {
  display: inline-block;
  background-color: #dd6e6e;
  float: left;
  color: white;
  font-size: 11px;
  border-radius: 3px;
  padding: 2px 10px 2px 10px;
  width: 100px;
  text-align: center;
}
a.a_btn_green {
  display: inline-block;
  background-color: #4fbf4a;
  float: right;
  color: white;
  font-size: 11px;
  border-radius: 3px;
  padding: 2px 10px 2px 10px;
  width: 100px;
  text-align: center;
}
div.req-btn-div {
  height: 25px;
  margin-top: 3px;
}
div.req-info-div {
  color: gray;
  font-size: 11px;
}

/* tabulka-cudliky.html */
#approvingTable {
  width: 1514px;
}
#approvingTable .cudlik {
  display: inline-block;
  height: 30px;
  padding: 12px 13px 4px 13px;
  font-size: 16px;
  color: black;
}
#approvingTable .cudlik:first-child {
  padding-left: 25px;
}
#approvingTable .cudlik.active {
  background-color: #e5e5e5;
  font-weight: bold;
}
#approvingTable .roundedCircle {
  float: left;
  margin: 1px 6px 6px 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
}
#approvingTable .roundedCircle.blue {
  background-color: #6885c8;
}
#approvingTable .roundedCircle.green {
  background-color: #1b903e;
}
#approvingTable .roundedCircle.orange {
  background-color: #d69426;
}
#approvingTable .roundedCircle.dummy {
  background-color: #cecece;
}
#approvingTable div.appTableData {
  background-color: #e5e5e5;
  padding: 10px;
}
#approvingTable table.appTableData {
  background-color: #e5e5e5;
  padding: 10px;
  width: 100%;
}
#approvingTable .appTableData td {
  padding: 5px;
}

#infoRow {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  margin: 0 5px;
  padding: 5px 0;
  text-align: left;
}
span.infoInlineIcon {
  background: url("../images/infoInline.png");
  display: inline-block;
  height: 18px;
  width: 18px;
  background-size: 18px 18px;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
span.warningInlineIcon {
  background: url("../images/warningInline.png");
  display: inline-block;
  height: 18px;
  width: 18px;
  background-size: 18px 18px;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
#approvingTable .additionalInfo {
  text-align: center;
  padding: 10px 0 0px 0;
  font-style: italic;
  font-weight: bold;
}

/* cudklikogroups.html */
.cudlikenHive .cudlikenItem {
  display: inline-block;
  width: 280px;
  background-color: #e5e5e5;
}
.cudlikenHive .ciLabel {
  width: 80px;
  float: left;
  overflow: hidden;
  color: black;
  font-size: 18px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  padding-left: 10px;
  font-weight: 600;
}
.cudlikenHive .ciCudliken {
  width: 180px;
  height: 30px;
  overflow: hidden;
  background-color: #fff;
  padding: 0 0 0 10px;
}
.cudlikenHive .ciCudliken span {
  display: inline-block;
  font-size: 13px;
  padding-top: 6px;
}
.cudlikenHive .leCudlik {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  display: inline-block;
  margin: 5px 2px 5px 3px;
}
.cudlikenHive .leCudlik.blue {
  background-color: #6885c8;
}
.cudlikenHive .leCudlik.green {
  background-color: #1b903e;
}
.cudlikenHive .leCudlik.orange {
  background-color: #d69426;
}
.cudlikenHive .leCudlik.dummy {
  background-color: #cecece;
}

a.affselhomeico {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/home-7-16-gray.png");
  background-repeat: no-repeat;
  background-position: center;
}

input.txt:disabled {
  background: #f5f5f5;
  color: #999;
}

.wide.loginPage .hugger1 {
  max-width: 1900px;
  width: inherit;
}

.mobile-content {
  margin-top: 45px;
}
.mobile-content input {
  width: 100%;
}
.mobile-content a.aff {
  font-size: 22px;
  width: 300px;
  padding: 17px;
  float: left;
  display: block;
  background-color: #f0f0f0;
  margin: 5px;
}
.mobile-content input.pinnum {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  border-radius: 5px;
  font-size: 30px;
  font-weight: bold;
}
.mobile-content div.pin {
  width: 40px;
  height: 30px;
  border: 1px solid gray;
  border-radius: 4px;
  margin-right: 10px;
  float: left;
  text-align: center;
  padding-top: 10px;
}
.mobile-content input.bb {
  font-size: 20px;
  font-weight: bold;
  height: 45px;
}

input.submit.intab {
  width: 100px;
  margin: 0px 10px 0px 10px !important;
  padding: 4px 10px 4px 10px !important;
  height: auto !important;
}

img.floatloader {
  width: 27px;
  height: 27px;
  float: right;
  margin-right: 8px;
  visibility: hidden;
}

div.loader-div {
  color: gray;
  display: inline-block;
  margin-left: 30px;
  font-size: 13px;
  height: 27px;
  visibility: hidden;
}
div.loader-div img {
  width: 27px;
  height: 27px;
  margin-right: 10px;
  float: left;
}
div.loader-div span {
  float: left;
  padding-top: 5px;
}
.content div.center div.loader-div {
  position: relative;
  top: 7px;
}
#modal_cls div.loader-div {
  position: relative;
  top: 7px;
}

div.cnt_box {
  width: 280px;
  float: left;
}
div.cnt_box span {
  font-size: 40px;
  font-weight: bold;
  color: gray;
  display: block;
}
div.cnt_box label {
  display: block;
  width: 270px;
  padding: 0px;
}

.cb {
  clear: both;
}

img.cpipimg {
  float: right;
  width: 28px;
  height: auto;
  margin-right: 0px;
  cursor: pointer;
}

table.plan_vs_real div.plh div.aff {
  float: right;
}
table.plan_vs_real div.now {
  font-weight: bold;
  color: darkgreen;
}
table.plan_vs_real td.nodata {
  border-left: 0px;
  padding: 30px;
  text-align: center;
}
table.plan_vs_real div.state {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 6px;
  background-color: #f0f0f0;
}
table.plan_vs_real div.state.st1 {
  background-color: green;
}
table.plan_vs_real div.state.st2 {
  background-color: red;
}
table.plan_vs_real div.state.st3 {
  background-color: orange;
}
table.plan_vs_real div.state.st4 {
  background-color: #b9eab9;
}
table.plan_vs_real div.state.st5 {
  background-color: #dbadad;
}
table.plan_vs_real img.wico {
  width: 17px;
  height: 17px;
}
table.plan_vs_real td {
  border: 0px;
}
table.plan_vs_real td a {
  color: black;
  display: block;
}
div.plan_vs_real_cols {
  /* column-width:380px; max-width:1180px; */
}
div.plan_vs_real_col {
  /* -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; */
  float: left;
  max-width: 370px;
  min-width: 370px;
  width: 370px;
}

#modal_content .boxRow {
  min-height: 35px;
}
#modal_content .boxRow label {
  padding: 5px 0 9px 0px;
}
#modal_content .boxRow div {
  padding-top: 5px;
  min-height: 15px;
}
#modal_content .boxRow input.txt {
  width: 470px;
}
#modal_content .boxRow select {
  width: 482px;
  position: relative;
  top: -5px;
}
#modal_content .boxRow textarea {
  width: 470px;
  height: 60px;
}

.lecture {
  cursor: pointer;
}
.lecture,
.lecture_sel {
  padding: 13px 25px 13px 25px;
}
.lecture_sel {
  background-color: #c7e1ed !important;
}
.lectbox .inner {
  padding: 0px;
}

.block_add_area {
  background-color: #ffffff;
  height: 8px;
  cursor: none;
}
.block_add_area_act {
  background-color: #c7e1ed;
  height: 8px;
  cursor: pointer;
}

.confintro {
  float: left;
  color: #555;
}
.confintro .inner {
  width: 800px;
}
.confintro .inner h1 {
  font-size: 20px;
  margin: 0px;
}
.confintro .inner h1 span {
  float: right;
  color: #aaa;
}
.confintro .inner div.descr {
  margin-top: 10px;
}

/*
.pause { text-align:center; font-size:13px; color: #aaa; }
.warning { text-align:center; font-size:13px; color: red; font-weight:bold; }
*/

span.lecdayi {
  background-color: #005a8d;
  display: block;
  float: right;
  color: white;
  font-size: 9px;
  border-radius: 5px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 5px;
  right: 10px;
  font-weight: bold;
}

/* Sunware framework - neupravovat! */

/* XML tabulka */
a.filterset {
  float: left;
  background: url("../images/ico-filter.png") left -4px no-repeat;
  padding-left: 25px;
  padding-top: 0px;
  height: 25px;
  display: inline-block;
  line-height: 15px;
  margin-top: 10px;
  margin-right: 10px;
}
a.colsel {
  float: left;
  background: url("../images/column-view-16.png") no-repeat;
  padding-left: 25px;
  padding-top: 0px;
  height: 25px;
  display: inline-block;
  line-height: 15px;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
}
.modalInner.mTableFilter {
  width: 550px;
}
.modalInner.mTableFilter .txt {
  width: 355px;
}
.simpleTable div.inner {
  background-color: white;
}
#mtable_edit_page_scroll {
  border: 0px;
  width: 90px;
  height: 30px;
  display: inline-block;
  text-align: center;
}
#mtable_edit_page_scroll a {
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
#mtable_edit_page_scroll span.fspace {
  width: 24px;
  height: 24px;
  display: inline-block;
}
#mtable_edit_page_scroll a.arrow_left {
  background: url("../images/mt_left_white.png") left top no-repeat;
}
#mtable_edit_page_scroll a.table {
  background: url("../images/mt_table_white.png") left top no-repeat;
  margin-left: 5px;
  margin-right: 5px;
}
#mtable_edit_page_scroll a.arrow_right {
  background: url("../images/mt_right_white.png") left top no-repeat;
}

div.mTable table {
  table-layout: fixed;
}
div.mTable table td {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

div.mTable select.perpage {
  width: 55px;
  background-color: #f9f9f9;
  font-size: 14px;
  border: 0px;
  color: #747474;
  font-weight: bold;
}
div.mTable tr.odd td {
  background-color: #e8e7e3;
}
div.mTable tr.even td {
  background-color: #ffffff;
}
div.mTable tr.odd:hover td,
div.mTable tr.even:hover td {
  background-color: #d8d7d4;
}

/* GFX */
select {
  height: 28px;
  border: 1px solid #c3c5cc;
  font-size: 14px;
}

/* Septadlo */
div.dyn_search_result {
  background-color: white;
  z-index: 100;
  border-right: 1px solid gray;
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  margin: 0px;
  position: absolute;
  height: 200px;
  top: 35px;
  padding: 2px;
  display: none;
  overflow: auto;
}
div.dyn_search_result div.item {
  padding: 3px;
  margin: 0px;
  cursor: pointer;
  font-size: 14px;
  color: #555555;
  min-height: 20px;
  font-weight: bold;
  line-height: normal;
}
div.dyn_search_result div.item.sel {
  background-color: #f0f0f0;
}

.imageModal {
  width: calc(100vw - 100px);
  & .editBox {
    max-height: calc(100vh - 200px);
    overflow-y: scroll;
  }
  & .documentImage {
    max-width: calc(100vw - 80px);
  }
}
.imageEdit {
  max-width: calc(100vw - 100px);
  min-width: 200px;
  height: max-content;
  width: max-content;

  .editBox {
    max-height: calc(100vh - 220px);
    height: max-content;
    width: max-content;
  }
  .editBox .inner {
    height: max-content;
    width: max-content;
    box-sizing: border-box;
  }
  .buttons {
    padding-top: 20px;
    width: 100%;
    height: 30px;
  }
  .artImage {
    max-height: calc(100vh - 358px);
    max-width: calc(100vw - 180px);
    width: 100%;
    object-fit: contain;
  }
}
.photoList {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  width: 1520px;
  margin: 0 auto;
  min-height: 150px;
}
.photoList .noPhotos {
  width: 1520px;
  color: #a0a0a0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  user-select: none;
}
.photoList .thumb.record {
  outline-color: #9fc5f8;
  outline-width: 4px;
  outline-style: solid;
  outline-offset: -2px;
}
.thumb {
  width: 200px;
  height: 150px;
  position: relative;
}
.photoList .thumb .markContainer .presentation {
  height: 15px;
  width: 15px;
  background-color: #4fbf4a;
  opacity: 0.75;
  border: 2px solid #cacaca;
  border-radius: 5px;
}
#record_enable,
#record_disable {
  background-color: #9fc5f8;
  color: #1a1a1a;
}
#record_enable:hover,
#record_disable:hover {
  background-color: #6f8aad;
}
#presentation_enable:hover,
#presentation_disable:hover {
  background-color: #46a441;
}
#presentation_enable,
#presentation_disable {
  background-color: #4fbf4a;
  color: #1a1a1a;
}
.photoList .thumb .markContainer {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  height: 15px;
  overflow: visible;
  top: 5px;
  right: 5px;
  position: absolute;
  gap: 2px;
}
.photoList .thumb .markContainer .main {
  height: 15px;
  width: 15px;
  background-color: #ff6860;
  border: 2px solid #f0f0f0;
  opacity: 0.75;
  border-radius: 5px;
}
#main_enable,
#main_disable {
  background-color: #c96258;
  color: #1a1a1a;
}
#main_enable:hover,
#main_disable:hover {
  background-color: #a04840;
}
/* form.art { */
/*   padding-left: 10px; */
/*   padding-right: 10px; */
/* } */
.formGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 20px;
  margin: 20px 10px;
  .wide {
    grid-column: 1 / -1;
    .txt {
      width: calc(100% - 118px);
    }
  }
  .tall {
    grid-row: span 3;
  }
  .taller {
    grid-row: span 4;
  }
  .boxRow div.text {
    padding-right: 120px;
  }
  .boxRow div.radio_flex_container {
    margin-right: 120px;
  }
}
.boxRow div.split {
  display: flex;
  width: 522px;
  justify-content: stretch;
  gap: 0 20px;
}
.wideNew #modal_content .editBox div.inner.formGrid:nth-last-child(3) {
  padding-bottom: 0;
  margin-bottom: 0;
}
.wideNew {
  width: 1150px;
}

.wideNew #modal_content .inner {
  padding: 15px;
}

.wideNew #modal_content .formGrid .taller .txt,
.wideNew #modal_content .boxRow input.txt {
  width: 363px;
}

.wideNew #modal_content .formGrid .wide .txt {
  width: calc(100% - 12px);
}

.wideNew #modal_content .boxRow select,
.wideNew #modal_content .boxRow div.split {
  width: 375px;
}
.wideNew #modal_content .boxRow div label.radio_short {
  padding: 0;
}

.wideNew #modal_content .boxRow div.split input.txt {
  width: 166px !important;
}
.editBox .singleRow {
  padding: 8px 30px 0;
}
.clientName {
  font-size: 24px;
}
.clientAddress {
  font-size: 14px;
}
.boxRow.reverseInputRatio div {
  margin-left: 580px;
}
.boxRow.reverseInputRatio div select {
  width: 160px;
}
.boxRow.reverseInputRatio div .txt {
  width: 150px;
}
.boxRow.reverseInputRatio label {
  width: 550px;
}
.boxRow.reverseInputRatio div.text {
  float: right;
  padding-right: 15px;
  margin-left: 0;
}
.backlink:before {
  content: "\00AB";
  height: 30px;
  font-size: 30px;
  display: block;
  position: absolute;
  left: -18px;
  top: -5px;
  color: var(--mainColor1);
}
.backlink {
  position: relative;
}

.inlineForm {
  display: flex;
  flex-direction: row;
  align-items: top;
  column-gap: 10px;
}
.content div .mTable td .submit {
  margin-top: 0;
  margin-left: 0;
  height: 25px;
}
.shortModal {
  width: 520px;
}
.shortModal #modal_content .boxRow input.txt {
  width: 240px;
}
.shortModal #modal_content .boxRow select {
  width: 252px;
}
.strikethrough {
  text-decoration: line-through;
  text-decoration-color: rgba(0, 0, 0, 0.4);
}
.state_completed {
  opacity: 0.8;
}
span.gap {
  line-height: 0.1em;
  font-size: 3em;
}

.tagList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.tag_item {
  font-size: 16px;
  font-weight: 600px;
  color: #222222;
  user-select: none;
  cursor: pointer;
}
.tag_item label,
.tag_item input {
  cursor: pointer;
}
.tag_item input:checked + label {
  color: var(--mainColor2);
}

#modal_content .prompt div.question {
  width: 590px;
  float: left;
  padding-top: 8px;
  padding-left: 20px;
}
#modal_content .prompt div.buttons {
  margin-top: 15px;
  text-align: right;
}

#modal_content div.boxRow div {
  word-break: break-word;
}

div.indent > div.boxRow > label {
  padding-left: 25px !important;
}
div.indent.disabled label {
  opacity: 0.6;
}
input[type="radio"][name="assign_type"] + label {
  font-weight: bold;
  opacity: 0.6;
}
input[type="radio"][name="assign_type"]:checked + label {
  font-weight: bold;
  opacity: 1;
}

.belowTable {
  display: block;
  width: 100%;
  height: 0;
  position: relative;
}
.belowTable > * {
  display: flex;
  align-items: center;
  position: absolute;
  transform: translateY(-100%);
}
.belowTable.rside > * {
  right: 10px;
  flex-direction: row-reverse;
  justify-content: end;
}
.belowTable.lside > * {
  left: 10px;
  flex-direction: row;
  justify-content: start;
}

div.center .belowTable.lside > * {
  left: 0;
}
.clientGallery {
  font-size: 18px;
}
.clientText1 {
  font-size: 26px;
}
.clientText4 {
  font-size: 22px;
  color: #2b2b2b;
}
.clientText2 {
  font-size: 18px;
  color: var(--mainColor2);
}
.clientText3 {
  font-size: 14px;
}
input {
  font-family: "Open Sans", arial, sans-serif;
}
.rowIcon {
  width: 80px;
  height: 45px;
  position: relative;
}

.rowHover {
  display: block;
  position: absolute;
  height: 150px;
  width: 200px;
  transform: translate(-225px, -97.5px);
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.5s;
  transition-property: opacity;
  transition-timing-function: ease-out;
  box-shadow: 0 0 20px 4px #00000094;
}

.rowIcon:hover + .rowHover {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.2s;
}

.inlineIcon {
  display: inline-block;
  height: 1lh;
  width: 1em;
  background-size: 1cap;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
}
.inlineIcon.phone {
  background-image: url(../images/phone-16-3.png);
  vertical-align: text-bottom;
}
.inlineIcon.email {
  background-image: url(../images/email-16.png);
  vertical-align: text-bottom;
}
.inlineIcon.link-blue {
  background-image: url(../images/link-blue-24.png);
}
.inlineIcon.link-gray {
  background-image: url(../images/link-gray-24.png);
}
.inlineIcon.link-black {
  background-image: url(../images/link-black-24.png);
}
.inlineIcon.download {
  background-image: url(../images/download-16.png);
  vertical-align: text-bottom;
}
i.space {
  display: inline-block;
  width: 1em;
}
span.tabCount {
  background: #f2f2f0;
  color: #7b7b7a;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  padding: 0 6px;
  text-align: center;
  border-radius: 4px;
  height: 1lh;
  line-height: 2cap;
  vertical-align: middle;
}
.scrollBox {
  overflow-y: scroll;
  width: 100%;
  overflow-x: hidden;
}
.hidden {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}
.newPersonModal {
  margin: 100px auto 0 auto;
  width: 730px;
  padding: 20px;
  background: white;
}
#modal_content .prompt div.buttons input[type="submit"].submit {
  font-weight: bold;
}
.handoverList {
  max-height: 400px;
  min-height: 50px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 5px;
}
.handoverList > div {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.handoverList > div > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.handoverList > div label {
  display: flex;
  flex-grow: 1;
  padding: 0 10px 0 0;
  gap: 15px;
  justify-content: space-between;
}
.handoverList .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--mainColor2);
  font-weight: 600;
}
.handoverList .price {
  flex-shrink: 0;
  color: #777;
  text-align: right;
}
.handoverList .author {
  color: #555555;
  font-weight: bold;
  margin-left: 28px;
  font-size: 14px;
}
.reel {
  overflow-x: scroll;
  margin-top: 10px;
  position: relative;
  height: 65px;
  background: #e1e1e1;
  padding: 10px 20px;
}
.reel > div {
  gap: 10px;
  display: flex;
  position: absolute;
  flex-wrap: nowrap;
}
.reel .rowIcon.current {
  outline: 3px solid var(--mainColor1);
}

.reel .rowIcon {
  cursor: pointer;
}
.viewContainer {
  display: inline-block;
  max-width: calc(100vw - 100px);
  min-width: 500px;
  min-height: 400px;
}
.viewContainer .artImage {
  width: auto;
  height: auto;
  min-width: 500px;
}
.reelWrapper {
  display: inline-block;
}
.imageView.imageEdit .editBox {
  max-height: calc(100vh - 190px);
}
.iconWithLabel {
  display: inline-block;
}
.iconWithLabel > img {
  display: inline;
}
.iconWithLabel > span {
  vertical-align: top;
  padding-left: 6px;
  font-weight: 600;
}
#modal_content iframe.pdf {
  margin-top: 20px;
  width: 1600px;
  max-width: 80vw;
  height: calc(100vh - 200px);
}
.modalInner.pdfPreview {
  margin: 50px auto 50px auto;
  height: calc(100vh - 140px);
  width: fit-content;
  padding: 20px;
  background: white;
}

div.boxRow:has(:is(input,textarea,select):required) > label::after {
    content: '\ *';
    color: red;
}

.iconWithLabel.limit {
    width: 100%;
}
.iconWithLabel.limit img{
    float: left;
}