/* tagy */

body {min-height: 100VH;padding: 0; font-size: 14px; margin: 0 auto;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; color: #444; background: rgb(97,75,242);
ackground: -moz-linear-gradient(351deg, rgba(97,75,242,1) 0%, rgba(144,128,242,1) 100%);background: -webkit-linear-gradient(351deg, rgba(97,75,242,1) 0%, rgba(144,128,242,1) 100%);background: linear-gradient(351deg, rgba(97,75,242,1) 0%, rgba(144,128,242,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#614bf2",endColorstr="#9080f2",GradientType=1);}
a {font-size: 12px; color: <?php echo $scheme_link; ?>; text-decoration: none;}
a:hover {color: <?php echo $scheme_text; ?>; text-decoration: none;}
h1 {font-size: 28px;font-weight:400;margin-bottom:0;}
h2 {font-size: 24px;margin-top:0;}
h3 {font-size: 16px;}
p {padding: 0; margin: 2px 0 10px 0; line-height: 160%;}

form {margin: 0 0 8px 0;}
fieldset {margin: 25px 0; padding: 8px; background-color: <?php echo $scheme_smoke; ?>; border: 1px solid <?php echo $scheme_smoke_gray_dark; ?>;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
fieldset fieldset {background-color: <?php echo $scheme_white; ?>;}
legend {font-weight: bold; color: <?php echo $scheme_text; ?>;}
input, textarea {padding: 1px 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=reset], button, select {padding: 3px;}
label input {margin: 3px 4px 3px 1px; padding: 0;}
optgroup option {padding-left: 16px;}

img {border: 0;}
small {color: <?php echo $scheme_smoke_text; ?>;}
td {font-size: 12px; padding: 1px;}

.w10{width:10%!important;}
.w20{width:20%!important;}
.w25{width:25%!important;}
.w45{width:49!important;margin-right:1%;}
.w50{width:50%!important;}
.w33{width:33%!important;}
.w66{width:66%!important;}
.w75{width:75%!important;}
.w80{width:80%!important;}
.w90{width:90%!important;}
.w100{width:100%!important;}
.w10, .w20, .w25, .w33, .w50, .w45, .w66, .w80, .w90{float:left;}

a.butt{text-transform:uppercase;background:#30a8d9;margin:0px 10px 30px 0;padding:0 50px 0 10px;line-height:50px;display:block;position:relative;color:#FFF;text-decoration:none;font-weight:700;font-size:16px;}
a.butt span{float:right;background:#176faf;position:absolute;right:0;top:0;height:50px;width:50px;text-align:center;font-size:25px;}
a.butt:hover{background:#e05b49;}
a.butt:hover span{background:#a74436;}
a.reverse{background:#e05b49;}
a.reverse span{background:#a74436;}
a.reverse:hover{background:#30a8d9;}
a.reverse:hover span{background:#176faf;}
.bright{position:absolute;right:15px;top:5px;width:300px;}

/* layout */
#wrapper {width:100%; margin: 0 auto; }

/* hlavicka */
#header {font-size: 24px; background: #FFF; padding: 0; font-weight:300; height:60px;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);position: relative;z-index: 10}
#header .side{width:250px;float:left;padding-top:10px; text-align:center; height:55px;color:#614BF2;font-size:30px;font-weight:700;}
#header .side sub{font-size:12px;font-weight:300;}
#header .branding{float: left;padding-top: 10px;padding-left: 100px;width: 500px}
#header .branding td{cursor: pointer;width: 100px;color: #FFF;padding: 10px 24px;text-align: center;border-radius: 5px;font-size: 15px;margin-right: 10px}

#header ul#usermenu i{font-size:30px;margin:0 10px 5px 5px;vertical-align:middle;color:#614BF2}

#header ul{list-style-type:none;padding:0;margin:0;}

#usermenu {float: right; position: relative; padding:10px; border-left:1px solid #EEE;width:400px;} 
#usermenu li{height:60px;}
#usermenu li:hover{background:#F5F5F5;}
#usermenu li:hover ul{display:block;}
#usermenu li a{display:block;padding:15px;font-weight:400;font-size:16px;color:#444;}
#usermenu li ul{width:298px!important;display:none;border:1px solid #AAA;position:absolute;top:60px;padding:10px 0;background:#FFF;right:1px;z-index:1000;}
#usermenu li ul li{background:#FFF;height:auto;}
#usermenu li ul li a{font-size:14px;text-transform:uppercase;padding:6px 10px;}
#usermenu li ul li i{margin-right:5px;}
#usermenu span{color:#444;}
#usermenu span i{margin:6px 10px 0 0;position:absolute;right:10px;top:10px;}
#usermenu img { height:40px; vertical-align: middle; margin-right: 15px; border-radius: 50%; background:#EEE;}
#usermenu, #usermenu a {font-size: 14px; text-decoration: none;}

#plus {margin:12px 0 0 12px!important;float:left;color:#FFF;position:relative;display:block;}
#plus li.main{padding:7px 0;width:100px!important;text-align:center;font-size:14px;font-weight:700;background:#30a8d9;box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);border-radius:3px;}
#plus li:hover{background:#e05b49;}
#plus li:hover ul{display:block;}
#plus li ul{display:none;width:200px;position:absolute;padding-top:45px;top:0px;z-index:1000;background:none!important;border:none!important;}
#plus li ul li{background:#FFF;text-align:left;border-left:1px solid #AAA;border-right:1px solid #AAA;}
#plus li ul li a{color:#444;font-size:14px;font-weight:400;display:block;padding:10px 15px;}
#plus li ul li:hover a{color:#FFF;}
#plus li ul li.last{border-bottom:1px solid #AAA;}
#plus li ul li.first{border-top:1px solid #AAA;}
#plus li ul li i{margin-right:10px;}
.clear{clear:both;}

/* menu */
#menu {width:250px;float:left;}
#menu ul{padding:0; list-style-type: none; width:250px; margin: 0; overflow:hidden; }

#menu ul li.act span.rig, #menu ul li:hover span.rig{display:block;}
#menu .nums{position:absolute; right:5px; top:8px; min-width: 10px;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1;color: #705CF2;text-align: center;white-space: nowrap;vertical-align: baseline;background-color: #FFF;border-radius: 10px;}
#menu .green{background:#8CC152;}
#menu .red{background:#e05b49;}

#menu .mainmenu, .submenu {list-style: none;padding: 0;margin: 0;}
#menu .mainmenu ul li a, .mainmenu label, .mainmenu a.label {display: block;text-decoration: none;padding:15px 12px;color: #FFF; font-size: 14px;}
#menu .mainmenu ul li a i {font-size:18px;}
#menu .mainmenu label, #menu .mainmenu a.label{background:#9080F2;color:#FFF;position:relative;cursor:pointer}
#menu .mainmenu label:hover, #menu .mainmenu a.label:hover, #menu .mainmenu li.active label, #menu .mainmenu li.active a.label{background:#705CF2}
#menu .mainmenu .noaccess label:hover, #menu .mainmenu .noaccess a.label:hover, #menu .mainmenu li.noaccess label, #menu .mainmenu li.noaccess  a.label{background:#9080F2!important;cursor:auto!important}
#menu .mainmenu label span, #menu .mainmenu a.label span{padding:5px;opacity: 0.5}
#menu .mainmenu label span.rig{color:#FFF;opacity:0.5;position:absolute;right:10px;top:4px;font-size:18px;transition:.2s all ease-in-out;}

#menu .submenu {background-color:#ADA2F2;padding:10px 10px 10px 25px!important;display:none;color:#FFF;box-sizing:border-box;overflow: hidden;max-height: 0;transition: all 0.5s ease-out;}
#menu .submenu a, #menu .submenu li.nohref{padding:8px 12px!important;border-left:1px dotted rgba(255,255,255,0.5);color:#FFF;margin-bottom:1px;}
#menu .submenu a:hover, #menu .submenu a.active {text-decoration: underline}
#menu .submenu li{position:relative}


#menu .mainmenu input:checked + label span.rig, #menu .mainmenu li.active label span.rig{transform:rotate(90deg);top:6px}

#menu .mainmenu a:hover, .mainmenu label:hover {}
#menu .mainmenu input {display: none;}
#menu .mainmenu input:checked ~ .submenu, #menu .mainmenu li.active .submenu {display:block;max-height: 400px}


div{box-sizing: border-box;}

/* obsah */
#content {min-height:calc(100VH - 110px);float:left; position:relative; background:#EEE; width: -moz-calc(100% - 250px); width: -webkit-calc(100% - 250px); width: -o-calc(100% - 250px); width: calc(100% - 250px);}
#content .head{ background:#F6F6F6;width: 100%;padding:30px 50px;}
#content .cont{ width: 100%;padding:50px}

#content .cont .links-b{padding-bottom:30px}
#content .cont .links-b a{font-size:14px;font-weight:700;background:#705CF2;text-transform:uppercase;color: #FFF;padding:10px 15px;border-radius: 5px;margin-right: 10px;display:inline-block;text-decoration:none!important;}
#content .cont .links-b a:hover{background:#614BF2;}


/* sprava obsahu */
#contenttable {width:100%;line-height: 140%;background: #FFF;margin:15px 0;border-top: 3px solid #d2d6de;box-shadow: 0 1px 1px rgb(0 0 0 / 10%);border-radius:3px;border-spacing:0;border-collapse: collapse;}
#contenttable thead{border-bottom: 1px solid #EEE}
#contenttable thead td{padding:12px 6px;font-weight: 700;box-sizing: border-box;}
#contenttable td{font-size:14px;padding:6px;border-bottom: 1px solid #F6F6F6}
#contenttable.links-abc td{padding:18px!important}
#contenttable a, a.link {font-size:14px;color:#705CF2;text-decoration:underline}
#contenttable a:hover {text-decoration: none;}
#contenttable h2 {margin: 0 0 8px 0; padding: 4px 0 7px 0; border-bottom: 1px solid <?php echo $scheme_smoke_gray; ?>;}
#contenttable input, #contenttable select, #contenttable textarea{font-size:14px;padding:8px;border:1px solid #AAA;border-radius:5px;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}

#contenttable select.w-notset{border:2px solid #f2504e}
#contenttable input.shpp{width:25px;height:25px}
#contenttable input.basket{width:40px}
#contenttable input.basket:not(:placeholder-shown){border:2px solid #9080F2}
#contenttable td.u-basket:hover span.basket-butt{opacity:1;}
#contenttable span.basket-butt{opacity:0;display:inline-block;background:#9080F2;padding:3px 0 6px 0;width:30px;border-radius:5px;font-weight:900;font-size:18px;color:#FFF;cursor:pointer;margin:1px 4px 0 4px;}
#contenttable select:hover, #contenttable input:hover, #contenttable textarea:hover{border-color:#9080F2;}

#contenttable tbody.hoverable tr:hover{background:#EEE}

#contenttable .search-input{width:300px;}

#contenttable button{color:#FFF;font-weight:700;letter-spacing:0.5px;padding:8px 12px;font-size:14px;background:#705CF2;border:0;border-radius: 5px;cursor:pointer;}
#contenttable button.search{background:#614BF2!important;}
#contenttable .search{margin-left:5px;}
#contenttable .search:hover{background:#9080F2!important}

#contenttable .status{width:20px;height:20px;border-radius:30px;margin:0 auto}
#contenttable .grey-flag .status{background: #CCC;}
#contenttable .grey-flag .var-check strong{color: #444;}
#contenttable .green-flag .status{background: green;}
#contenttable .green-flag .var-check strong{color: green;}
#contenttable .red-flag .status{background: red;}
#contenttable .red-flag .var-check strong{color: red;}
#contenttable .yellow-flag .status{background: yellow;}
#contenttable .yellow-flag .var-check strong{color: yellow;}

#contenttable .tooltip {cursor: help;position: relative;display: inline-block;border-bottom: 2px dotted #ADA2F2;}
#contenttable .tooltip .tooltiptext {visibility: hidden;width:200px;background-color: black;color: #fff;text-align: center;padding:10px;border-radius: 6px;position: absolute;transform: translateX(-50%);top:25px;z-index: 1}
#contenttable .tooltip:hover .tooltiptext {visibility: visible;}

#contenttable .t-butt{}
#contenttable .t-butt button, #contenttable .links a{text-decoration: none;font-size:14px;font-weight:700;background:#705CF2;color: #FFF;padding:8px 12px;border-radius: 3px;margin-right: 10px;display:inline-block;}
#contenttable .t-butt button:hover, #contenttable .links a:hover{background:#614BF2!important;}
#contenttable .t-butt button span{background:#FFF;color:#705CF2;padding:2px 4px;border-radius:5px;margin-left:10px}
#contenttable .links-done a{background:#AAA;color:#FFF;}
#contenttable .links-done a:hover{background:#777!important;color:#FFF;}

.paging{}
.paging span a{background:#FFF;height:33px;width:30px;text-align:center;display:inline-block;border-radius:30px;line-height:230%;font-size:14px;color:#111;}
.paging span a.act{background:#614BF2;color:#FFF;font-weight:700;text-decoration:none;}
.paging span a:hover{background:#9080F2;color:#FFF;font-weight:700;text-decoration:none;}
.paging a.pn{font-weight:700;text-decoration:underline;color:#614BF2;}
.paging a.pn:hover{text-decoration:none;color:#111;}

.cont .tab {overflow: hidden;border-bottom:4px solid #614BF2;}
.cont .tab a {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 28px;transition: 0.2s;font-size:14px;background-color: #AAA;color:#FFF;border-top-left-radius:10px;  border-top-right-radius:10px; margin-right:5px;}
.cont .tab a:hover {background-color: #9080F2;}
.cont .tab a.active {background-color: #614BF2;}
.cont .tabcontent {display: none;}
.cont .tabcontent #contenttable{margin-top:0;border-top:0;}
.cont .tabcontent.active {display: block;}

/* copyright */
#copyright { width: -moz-calc(100% - 250px); width: -webkit-calc(100% - 250px); width: -o-calc(100% - 250px); width: calc(100% - 250px);position: absolute;right:0;z-index:101;text-align: right; padding: 19px 15px 19.5px 15px; background-color: #DDD;margin-bottom:-20px;}
#copyright, #copyright * {color: <?php echo $scheme_contrast; ?>; font-size: 10px; text-decoration: none; font-weight: bold;}
#copyright a{color:#444;text-decoration:underline;}
#copyright a:hover {text-decoration: none;}
#copyright div {float: left;}

/* ruzne */
#slhook {width: 55px; height: 13px; padding: 0; margin: -3px 0 0 0;}
#external-container {padding: 10px;}
#external-container h1 {border-bottom: 3px solid <?php echo $scheme; ?>; padding-bottom: 3px; margin-bottom: 6px;}

  /* uvodni strana */
  #indextable {width: 100%; margin: 0; padding: 0; border-collapse: collapse;}
  #indextable td {padding: 10px; border: 1px solid <?php echo $scheme_smoke_gray_med; ?>; background-color: <?php echo $scheme_smoke; ?>;}
  #indextable h2 {margin-bottom: 6px; border-bottom: 1px solid <?php echo $scheme_smoke_gray; ?>; padding-bottom: 6px;}
  #indextable li {padding: 3px;}
  #news-box h2 {font-size: 18px; border-bottom: 1px solid <?php echo $scheme_smoke_gray; ?>; margin-bottom: 12px; padding-bottom: 6px;}
  #news h3 {font-size: 16px; color: <?php echo $scheme_link; ?>;}
  #news p {margin-bottom: 3px;}
  #news div {margin-bottom: 15px; color: <?php echo $scheme_smoke_text; ?>;}
  #index_custom_iframe {width: 100%; min-height: 150px;}

  #contenttable div.pad {padding: 20px 0;}
  .contenttable-box {padding: 8px; margin: 0; border-right: 1px solid <?php echo $scheme_smoke_gray; ?>;}
  .contenttable-icon {margin-right: 5px; position: relative; top: 3px;}
  #contenttable-list {width: 100%; margin-left: 4px;}
  #contenttable-list tr {vertical-align: center;}
  #contenttable-list tr:hover td {background-color: <?php echo $scheme_lightest; ?>;}
  #contenttable-list td {padding: 5px;vertical-align: middle;}
  #contenttable-list .name {width: 60%;}
  #contenttable-list input {max-width:30px!important;margin-right:15px!important;}
  #contenttable-list .name a {font-weight: bold;}
  #contenttable-list .name a:hover {color: <?php echo $scheme_link; ?>;}
  #contenttable-list .name input {width: 30px; margin-right: 10px; position: relative; top: 2px; left: 2px;}
  #contenttable-list .type {width: 15%;}
  #contenttable-list .actions {width: 25%; white-space: nowrap;}
  #contenttable-list .actions .tpad, #contenttable-list .type .tpad {padding: 4px;}
  #contenttable-list .intersecpad .name, #contenttable-list .intersecpad-hl .name {padding-left: 30px;}
  #contenttable-list .sep {padding-top: 32px; background-color: #EEE!important; height: 26px;}
  #contenttable-list .sep a {color: <?php echo $scheme_text; ?>;}
  #contenttable-list .index_page a {text-decoration: underline;}

  /* uprava clanku */
  #ae-table {width: 99.1%; border-collapse: collapse; float: left;}
  #ae-table, #ae-table td {margin: 0; padding: 0;}
  #content-cell {width: 75%;}
  #content-cell textarea {width: 99%; height: 480px;}
  #is-cell {width: 25%;}
  #is-cell textarea {width: 213px; height: 179px;}
  #is-cell label {display: block;}
  #is-cell label input {margin: 0;}
  #is-cell-wrapper {position: relative;}
  #is-cell-content {padding: 0 5px; position: absolute; left: 0; top: 0; width: 100%;}
  #is-picture {margin: 0; padding: 0; overflow: hidden; position: relative;}
  #is-picture-file {display: block; max-width: 200px; max-height: 200px; margin: 0 ; border: 1px solid <?php echo $scheme_lighter; ?>;}
  #is-picture-delete { text-align:center; }
  #is-picture-delete img, #is-picture-delete input {margin:10px 0!important;vertical-align: middle;text-align:center;display:inline;width:20px;}
  #infobox-wrapper {width: 213px;}
  #time-cell {z-index: 1; position: relative;}
  .ae-artselect {width: 249px;}
  .ae-artselect-disoption {color: <?php echo $scheme_smoke_text; ?>;}
  .ae-twoi {border-collapse: collapse; width: 765px !important;}
  .ae-twoi input, .ae-twoi select {width: 100% !important;}
  .ae-twoi td {padding-left: 0 !important; padding-right: 16px !important; width: 330px;}
  .ae-twoi td.rpad {width: 100px; white-space: nowrap;}

  /* uprava boxu */
  #boxesedit {width: 100%;}
  #boxesedit td.cell {padding: 10px 20px 25px 10px;}
  #boxesedit td.cell > div {border: 1px solid <?php echo $scheme_smoke_gray; ?>; padding: 20px 15px;}

  /* souborovy manazer */
  #fman-action {border-bottom: 1px solid <?php echo $scheme_smoke_gray; ?>; margin-bottom: 10px;}
  #fman-action h2 {margin-bottom: 6px;}
  #fman-list {min-width: 700px; margin-bottom: 6px;}
  #fman-list.mini {min-width: 0;}
  #fman-list a {color: <?php echo $scheme_text; ?>;}
  #fman-list a:hover {color: <?php echo $scheme_link; ?>;}
  #fman-list .actions, #fman-list .actions a {font-size: 10px;}
  #fman-list td {padding: 2px 4px;}
  #fman-list tr:hover td {background-color: <?php echo $scheme_lighter; ?>;}
  #fman-list input {margin-right: 2px;}
  #fman-list tr.fman-uploaded td {background: <?php echo $scheme_lighter; ?>;}
  .fman-menu {border-width: 1px 0 1px 0; border-style: solid; border-color: <?php echo $scheme_smoke_gray; ?>;}
  .fman-menu, .fman-menu2 {margin-top: 5px; padding: 5px;}
  .fman-menu a, .fman-menu span, .fman-menu2 a, .fman-menu2 span {border-right: 1px solid <?php echo $scheme_smoke_gray; ?>; padding-right: 8px; margin-right: 8px;}

  /* galerie */
  .gallery-savebutton {float: left; margin: 4px 14px 0 0; display: block;}
  #gallery-browser {background-color: <?php echo $scheme_white; ?>; border: 1px solid <?php echo $scheme_smoke_text; ?>; height: 150px; width: 460px; padding: 10px; margin-left: 10px; overflow: auto;}
  #gallery-browser #gallery-browser-actdir {padding-bottom: 3px; margin-bottom: 2px; border-bottom: 1px solid <?php echo $scheme_smoke_gray; ?>;}
  #gallery-browser #fman-list {width: 443px;}
  #gallery-browser a {color: <?php echo $scheme_text; ?>;}
  #gallery-browser td.noimage a {color: <?php echo $scheme_smoke_text; ?>;}
  #gallery-browser-dialog {width: 350px; height: 48px; background-color: <?php echo $scheme_smoke; ?>; border: 2px solid <?php echo $scheme; ?>; position: absolute;}
  #gallery-browser-dialog div {width: 338px; height: 33px; border: 2px solid <?php echo $scheme_smoke; ?>; padding: 11px 0 0 8px; font-size: 16px;}
  #gallery-browser-dialog div span {font-weight: bold; padding-right: 4px;}
  #gallery-browser-dialog div a {font-size: 16px; padding: 2px 5px; margin: 0 4px; border: 2px outset <?php echo $scheme_link; ?>; background-color: <?php echo $scheme_lighter; ?>; color: <?php echo $scheme_text; ?>;}
  #gallery-browser-dialog div a:active {border-style: inset;}
  #gallery-edittable {border-collapse: collapse; margin: 14px 0; background-color: <?php echo $scheme_lightest; ?>;}
  .gallery-edittable-td {border: 1px solid <?php echo $scheme_contrast; ?>; vertical-align: top; padding: 20px;}
  .gallery-edittable-td a {color: <?php echo $scheme_black; ?>;}
  #gallery-edittable a.lightbox img {border: 1px solid <?php echo $scheme_smoke_text; ?>;}
  #gallery-insertform-cell {}

  /* nastaveni */
  #settingsnav {width: 20%; float: left; margin-right: 1em;}
  #settingsnav, #settingsnav a {font-size: 12px;}
  #settingsnav div.scroll-fix {position: fixed; top: 10px; z-index: 100;}
  #settingsnav input {width: 100%; padding: 0.5em;}
  #settingsnav ul {padding: 0; margin: 0.5em 0 0 0; border: 1px solid <?php echo $scheme_smoke_gray; ?>; background-color: <?php echo $scheme_lighter; ?>;}
  #settingsnav li {display: block; list-style-type: none;}
  #settingsnav li a {display: block; padding: 11px; border-bottom: 1px solid <?php echo $scheme_lightest;?>; font-weight: bold; color: <?php echo $scheme_text; ?>;}
  #settingsnav li.active a {background-color: <?php echo $scheme; ?>; color: <?php  echo $scheme_white; ?>;}

  #settingsform {float: left; padding-bottom: 30em; width: 78%;}
  #settingsform fieldset {margin: 0 0 5em 0;}
  #settingsform table {border-collapse: collapse;}
  #settingsform table td {padding: 4px 8px; border: 1px solid <?php echo $scheme_smoke_gray_med; ?>;}
  #settingsform table td:first-child {white-space: nowrap;}
  #settingsform table td.rpad {padding-right: 8px; padding-left: 4px;}

  /* codemirror */
  div.CodeMirror {
    cursor: text;
    background-color: #fff;
    <?php if ($dark): ?>
    border: 1px solid <?php echo $scheme_smoke_gray_dark ?>;
    <?php else: ?>
    outline: 1px solid <?php echo $scheme_white ?>;
    border-width: 2px;
    border-style: solid;
    border-color: <?php echo $scheme_smoke_gray_dark ?> <?php echo $scheme_smoke_gray ?> <?php echo $scheme_smoke_gray ?> <?php echo $scheme_smoke_gray_dark ?>;
    <?php endif ?>
  }
  div.CodeMirror span.cm-hcm {color: <?php echo $dark ? '#ff0' : '#f60' ?>;}

/* tridy */
a.normal {color: <?php echo $scheme_text; ?>;}
a.invisible {color: <?php echo $scheme_smoke_text; ?>;}
a.notpublic {font-style: italic; color: <?php echo $scheme_text; ?>;}
a.invisible-notpublic {color: <?php echo $scheme_smoke_text; ?>; font-style: italic;}
.intersecpad-hl, .hl {background-color: <?php echo $scheme_smoke; ?>;}

.message1, .message2, .message3, .message4 {margin: 5px 0 20px 0; padding: 15px; color:#FFF; font-weight: 400; font-size:18px; border-radius:5px }
.message1 ul, .message2 ul, .message3 ul, .message4 ul {margin: 0; padding: 5px 0 0 15px;}
.message1 i, .message2 i, .message3 i , .message4 i {font-size:24px;margin-right:20px;}
.message1 a, .message2 a, .message3 a, .message4 a {color:#FFF;font-size:18px;text-decoration:underline;}
.message1 {background-color: #00A069;}
.message2, .message3 { background-color: #705CF2;}
.message4 { background-color: #00A069;}

.formtable, .formbox {border: 1px dotted <?php echo $scheme_smoke_gray; ?>; background-color: <?php echo $scheme_smoke; ?>;}
.formtable td {padding: 2px 4px;}
.formbox {padding: 5px;}

input[type="submit"]{color:#FFF;background:#614BF2;border:0;line-height:45px;padding:0 25px!important;cursor:pointer;text-transform:uppercase;font-weight:700;font-size:16px;font-family:"Open Sans";}
input[type="submit"]:hover{background:#705CF2;}
.nomargin{margin:0!important;}
.list select{font-size:18px;padding:10px;}

.steps{background:#f7f8f9!important;}
.steps td{width:25%;padding:0 15px!important;height:40px!important;background:#f7f8f9!important;}
.steps td.preactive{background:url('../images/swhite.png') right center no-repeat #f1f5f9!important;}
.steps td.active{background:url('../images/swhiteleft.png') right center no-repeat #FFF!important;}
.steps td.noactive{background:url('../images/sgrey.png') right center no-repeat!important;}
.steps td.noactivegrey{background:url('../images/sgrey2.png') right center no-repeat #f1f5f9!important;}
.steps td.last{background:#FFF!important;}
.steps span{margin-right:10px; display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;background-color: #777;border-radius: 10px;}
.steps span.green{background:#3fcf7f;}
.steps span.blue{background:#30a8d9;}


.text-red {color: #E71717;}
.text-green {color: #080;}
.text-orange {color: #FE7F00;}

.cform table {width: 100%;}
.arealine {width: 99%; height: 100px;}
.areasmall {width: 290px; height: 150px;}
.areasmall_100pwidth {width: 100%; height: 200px;}
.areasmallwide {width: 620px; height: 150px;}
.areamedium {width: 620px; height: 350px;}
.areabig {width: 99%; height: 400px;}
.areabigperex { height: 97px;}
.inputmicro {width: 18px;}
.inputmini {width: 32px;}
.inputsmaller {width: 80px;}
.inputsmall {width: 145px;}
.inputmedium {width: 290px;}
.inputbig {width: 750px;}
.selectmedium {width: 294px;}
.selectbig {width: 753px;}

.hr {height: 10px; background-image: url("../images/hr<?php if ($dark) echo '_dark'; ?>.gif"); background-position: left center; background-repeat: repeat-x;}
.hr hr {display: none;}

.paging {padding: 6px 0 3px 1px;}
.paging span a {padding: 0 2px;}
.paging a.act {text-decoration: underline;}

.wintable, .listable {border: 1px solid <?php echo $scheme_smoke_gray; ?>;}
.wintable {width: 100%;}
.listable {min-width: 400px;}
.wintable td, .listable td {padding: 5px 15px;}
.wintable td.lpad, .listable td.lpad {padding: 5px 15px 5px 32px;}
.wintable td.rbor, .listable td.rbor {border-right: 1px solid <?php echo $scheme_smoke_gray; ?>;}
.wintable h2, .listable h2 {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid <?php echo $scheme_smoke_gray; ?>;}
.listable thead td {font-weight: bold;}

.list {border-collapse: collapse;border:1px solid #e0e4e8;}
.list thead td {font-weight: 400;background:#F3F5F9; }
.list td {padding: 15px; font-size:14px; border-bottom: 1px solid #e0e4e8;background:#FFF;position:relative;}
.list td a{color:#30a8d9;font-size:14px;}
.list td a:hover{text-decoration:underline;}
.list td.akce{width:200px;padding:0;border-left:1px solid #e0e4e8;}
.list td.akce ul{padding:0; width:200px; list-style-type: none; margin: 0 0 -1px 0; overflow:hidden; }
.list td.akce ul li{border-bottom:1px solid #e0e4e8;position:relative;}
.list td.akce ul li:hover{background:#F3F5F9;}
.list td.akce ul li:hover a{color:#444;}
.list td.akce ul li a span{position:absolute;left:7px;top:7px;}
.list td.akce ul li.act span.rig, #menu ul li:hover span.rig{display:block;}
.list td.akce a i {font-size:18px;}
.list td.akce a {color: #b4bcc8 ; font-weight: 400; font-size: 14px; text-decoration: none; padding:5px 200px 5px 35px; display: inline-block; white-space: nowrap;}
.list td.akce a:hover {background-color: <?php echo $scheme_lightest ?>;}
.list td.akce a.act {background-color: <?php echo $scheme_white ?>;}
.list .fa-times{color:#e05b49;}
.list .fa-pencil-square-o{color:#1caf9a;}
.list tbody tr:hover td {background-color: <?php echo $scheme_lightest; ?>;}
.list .sep td{background:#EEE;}
.list .ord{width:20px;height:20px;text-align:center;margin-right:15px;border-radius:50%;}
.list .disabled{background:#EEE;}
fieldset .list thead td {background-color: <?php echo $scheme_smoke_gray_med; ?>;}
fieldset .list td {border-color: <?php echo $scheme_smoke_gray_dark; ?>;}
.bin input{font-size:18px;float:none!important;padding:10px;width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px);}
.bin textarea{font-size:18px;padding:10px;width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px);resize: none;}
textarea{font-family:"Open Sans";}
td.seo{background:#DDD;}
.is-settings input{width:15px;}
.is-settings label{display:inline;white-space:nowrap;margin-right:10px;}
.time-cell input{width:auto;}
.time-cell label{display:block;margin-top:5px;}
select option:disabled {background:#EEE;}


.list .red span{background:#e05b49;position:absolute;left:1px;top:2.5%;width:5px;height:95%;}
.list .red2 span{background:#e05b49;position:absolute;left:1px;top:2.5%;width:10px;height:95%;}
.list .blue span{background:#30a8d9;position:absolute;left:1px;top:2.5%;width:5px;height:95%;}
.list .green span{background:#2dc36a;position:absolute;left:1px;top:2.5%;width:5px;height:95%;}
.list .orange span{background:#eb9001;position:absolute;left:1px;top:2.5%;width:5px;height:95%;}
.list .purple span{background:#913D88;position:absolute;left:1px;top:2.5%;width:5px;height:95%;}
             
.str td{font-weight:700;}
.list .readed td{background:#EFEFEF;font-weight:400;}
.list .nowr{white-space:nowrap;}
.center{text-align:center!important;}
.list .fa{margin-right:5px;}

.dash{width:100%;text-align:center;margin-top:20px;}
.dash td{font-size:20px;text-transform:uppercase;width:150px;}
.dash span{margin-bottom:10px;display:inline-block;width:100px;padding:20px 0;color:#FFF;font-weight:700;font-size:40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.dash span.red{background:#e05b49;}
.dash span.blue{background:#30a8d9;}



.buttons div, .buttons label{margin-bottom:20px;float:left;margin-right:-1px;padding:7px 10px;background:#FFF;box-shadow: inset 0 -2px 0 rgba(0,0,0,0.05);border: 1px solid #e0e4e8;color: #657483;}
.buttons .l{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.buttons .r{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.buttons a{text-transform:uppercase;font-weight:700;color:#444;}
.buttons .active{background:#f7f8f9;box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
.buttons div:hover, .buttons label:hover{background:#f7f8f9;}

.ex-list li {list-style-image: url("../images/icons/action.png"); padding: 5px 10px;}
.ex-list a {font-weight: bold; font-size: 13px;}

.bborder {padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid <?php echo $scheme_smoke_gray; ?>;}
fieldset .bborder {border-color: <?php echo $scheme_smoke_text; ?>;}
fieldset fieldset .bborder {border-color: <?php echo $scheme_smoke_gray; ?>;}
.customsettings {border-left: 1px solid <?php echo $scheme_smoke_gray; ?>; padding-left: 8px;}
.customsettings strong, .customsettings span {border-left: 1px solid <?php echo $scheme_white; ?>;}
.backlink { display:inline-block; font-weight: 400; padding: 10px 20px;font-size:16px;background:#FFF; color:#30a8d9; border:1px solid #e0e4e8;}
.backlink i{margin-right:10px;font-size:20px;vertical-align:top;}
.backlink:hover {background:#30a8d9;color:#FFF;}
.icon {margin: -1px 5px 0 0; vertical-align: middle;}
.groupicon {vertical-align: middle; margin-top: -1px;}
.rpad {padding-right: 10px;}
.lpad {padding-left: 10px;}
.inline {display: inline;}
.hidden {display: none;}
.cleaner {clear: both;}
.micon {height: 15px; margin: 0 1px;}
.intersecpad {padding-left: 20px;}
.litem {font-weight: bold;}
.special {color: <?php echo $scheme_link; ?>;}
.small {font-size: 10px;}
.block {display: block;}
.note {color: <?php echo $scheme_smoke_text; ?>;}
.minwidth {min-width: 700px;}
.important {color: red;}
.highlight {color: <?php echo $scheme_lightest; ?>;}
.big, .big * {font-size: 17px;}
tr.valign-top td {vertical-align: top;}
td.nowrap{white-space:nowrap;}

#map-canvas { 
  width: 100%; 
  height: 400px; 
  margin: 10px 0;
}

#multiple li { 
  cursor: pointer; 
  text-decoration: underline; 
}

.noinput {
background: none;
border: none;

}

i.red{color:#ff0000;}
i.green{color:#18ff00;}
i.blue{color:#0494f9;}

.w100 .gallery{list-style-type:none;width:100%;padding:0;margin:5px 0 0 0;position:relative;overflow:hidden;}
.w100 .gallery a.butt{margin:10px 0 0 0!important;color:#FFF;}
.w100 .gallery:hover a.butt{background:#e05b49;}
.w100 .gallery:hover a.butt span{background:#a74436;}
.w100 .gallery img{border:0;margin:0!important;}
.w100 .gallery img.big{width:100%;}
.w100 .gallery img.thumb{width:20%;}
.w100 .gallery .butt{margin-top:10px;}
.w100 .gallery li div{height:350px;overflow:hidden;}
.w100 .gallery li div img{margin-top:-10%!important;width:100%;}
.w100 .gallery li .lupa{display:none;position:absolute;width:100%;height:100px;left:0;right:0;top:40%;cursor:pointer;text-align:center;color:#FFF;font-size:50px;background:none;z-index:1000;}
.w100 .gallery:hover li .lupa{display:block;}
.w100 .gallery li.nodisplay{display:none;}
.w100 .gallery li.last{background:#EEE;width:20%;}
.w100 .gallery li.nodisplay img{display:none;}
.w100 .side{padding-left:20px;float:left;width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px);}
.w100 .side td{padding:5px!important;}      


#login{width:400px;margin:0 auto!important;text-align:center;position:relative;}
#login .title{color:#FFF;font-size:30px;font-weight:700;margin:50px 0;}
#login .title sub{color:#FFF;font-size:15px;font-weight:300;margin-left:3px;}
#login h1{background:#30a8d9;padding:10px 0;color:#FFF;}
#login table{background:#F3F5F9;padding:0 0 40px 0;width:100%;}
#login table td.rpad{width:0px!important;padding:0px!important;font-size:0;position:relative;}
#login input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
#login form{margin:0;}
#login table td{position:relative;height:50px;}
#login table td .inputmedium{margin:0px 5px 0px 0;border:1px solid #DDD; width:340px;background-color:#FFF!important;padding:10px;font-family:"Open Sans";}
#login table td .inputmedium:hover{border-color:#AAA;}
#login input{position:absolute;left:8px;}
#login input[type="submit"]{margin-top:20px;}
#login div.stay{left:150px;top:15px;position:relative;width:190px;font-size:16px;}
#login .pwd{background:#DDD;padding:15px 0;}
#login .pwd a{color:#444;font-size:16px;}

#login #copyright{width:100%;background:none;}

.status-label{align-items:center;padding:4px 16px 6px 16px;border-radius:30px;font-size:90%;}
.circle-label{display:flex;align-items:center;width:12px;height:12px;border-radius:3px;color:#FFF;margin-right:5px;}
.circle-icon{background:#444;color:#fff;width:20px;height:20px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-size:80%;margin-right:5px;vertical-align:middle;}

.icon-col{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:30px 10px;}
.icon-col .circle-icon{width:40px;height:40px;font-size:120%;}
.icon-col .circle-icon.note{background:#ca8a04;}
.icon-col .circle-icon.email-in{background:#e11d48;}
.icon-col .circle-icon.email-out{background:#705CF2;}