body, html {
  min-height: 100vh;
  padding: 0;
  margin: 0; }

select {
  padding: 2px 4px !important;
  border-color: #aaa;
  background: white;
  width: inherit;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width: auto;
  font-size: 12px;
  vertical-align: top; }

#ui-datepicker-div {
  z-index: 10000000000 !important; }

#recycling_fee_div {
  clear: both; }

th .select2-container {
  font-weight: normal; }

#ProductForm br {
  clear: both; }

#ProductForm .prices br {
  clear: none; }

.SelectAjax {
  min-width: 60px; }

select[data-ajax-add] + span.select2-container--default {
  float: left; }

.select2-container--open .select2-dropdown {
  min-width: 60px; }

ul.boxy {
  position: relative;
  z-index: 100; }

ul.boxy .select2-container li {
  border: none;
  background-color: transparent; }

.icomoon::before {
  display: inline-block; }

.ui-widget *:focus {
  outline: none; }

.Admin *, .Admin {
  margin: 0;
  padding: 0;
  font-family: Tahoma, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.Admin img {
  border: none; }

.Admin input, .Admin select, .Admin option {
  color: black; }

.Admin a {
  text-decoration: none;
  cursor: pointer;
  color: black; }

.Admin form {
  line-height: 160%; }
/*
 body.Admin
 {
 background-color: #3B4D5E;
 }*/
.HeaderNews {
  font-weight: bold;
  margin-left: 10px; }

#MainContent {
  font-size: 12px;
  clear: left; }

#RightPart {
  padding-bottom: 5px;
  margin-left: 160px; }

.EditWindow {
  width: 300px;
  float: right;
  clear: right;
  padding: 5px;
  background: #eef0f0;
  margin-top: 42px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  /*	border-left: 1px solid #4F8AA7;*/ }

.EditWindow #Heading {
  color: #154680;
  font-size: 18px;
  padding-left: 3px; }

.EditWindow #Content {
  padding: 5px;
  color: black;
  overflow-x: hidden; }

.EditWindow #Content .Info .Title {
  margin-right: 5px; }

.EditWindow #Content .Info .Content {
  font-weight: bold; }

.EditWindow .Menu {
  margin: 10px 0 10px 0;
  border: none;
  padding: 1px; }

.EditWindow .Menu a {
  margin-left: 10px;
  position: relative;
  top: -1px; }

.Popup {
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
  color: black; }
/*vyskakovaci okna*/
.Popup label {
  width: 140px; }
/*vyskakovaci okna*/
.Popup h2 {
  text-align: center; }

.SubMenu li a {
  text-decoration: none; }
/*tlacitko*/
.Admin input[type="submit"], .Admin input[type="button"], .Admin .MyButton, .Admin .Menu a, .Admin .UnderForm a, .Admin .showHideButton {
  white-space: nowrap;
  color: white;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  height: 20px;
  border: 1px solid #124d93;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #124d93; }
  .Admin input[type="submit"][disabled], .Admin input[type="button"][disabled], .Admin .MyButton[disabled], .Admin .Menu a[disabled], .Admin .UnderForm a[disabled], .Admin .showHideButton[disabled], .Admin input[type="submit"][data-disabled], .Admin input[type="button"][data-disabled], .Admin .MyButton[data-disabled], .Admin .Menu a[data-disabled], .Admin .UnderForm a[data-disabled], .Admin .showHideButton[data-disabled] {
    opacity: 0.7; }
    .Admin input[type="submit"][disabled]:hover, .Admin input[type="button"][disabled]:hover, .Admin .MyButton[disabled]:hover, .Admin .Menu a[disabled]:hover, .Admin .UnderForm a[disabled]:hover, .Admin .showHideButton[disabled]:hover, .Admin input[type="submit"][data-disabled]:hover, .Admin input[type="button"][data-disabled]:hover, .Admin .MyButton[data-disabled]:hover, .Admin .Menu a[data-disabled]:hover, .Admin .UnderForm a[data-disabled]:hover, .Admin .showHideButton[data-disabled]:hover {
      border-color: #124d93;
      background-color: #124d93; }

.Admin table.inside_table input[type="button"] {
  margin-bottom: 2px; }

.Admin .showHideButton {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center; }
/*tlacitko*/
.Admin .MyButton, #Administration .Menu a, .Admin .UnderForm a {
  padding: 0 10px 0 10px; }
/*tlacitko pri prejizdeni mysi*/
.Admin input[type="submit"]:hover, .Admin input[type="button"]:hover, .Admin .MyButton:hover, .Admin .Menu a:hover, .Admin .UnderForm a:hover, .Admin .showHideButton:hover {
  cursor: pointer;
  text-decoration: none;
  border-color: #093e7e;
  color: white;
  background-color: #093e7e; }

.Admin input[type="file"], .Admin input[type="file"]:hover {
  color: black; }

.Admin .PageSelector .Selected {
  color: #7d7d7d; }

.Admin table .Order {
  color: #fdbe81; }

.Admin .PageSelector a {
  text-decoration: underline; }

.Admin .PageSelector {
  text-align: right; }

.Admin li {
  list-style-type: none; }

.Admin table th {
  text-align: left; }

.Admin #LoginOuter {
  height: 568px;
  margin: 0 auto;
  padding-top: 1px;
  margin-top: -10000px;
  margin-top: 0 !important;
  display: table-cell;
  width: 100vw;
  height: 100vh;
  vertical-align: middle;
  box-sizing: border-box; }

.Admin #Login {
  margin: auto;
  text-align: left;
  background: url("img/logo-sun-shop-sun-shop.cz.svg") center 20px no-repeat;
  height: 200px;
  color: white;
  padding-top: 120px;
  padding-bottom: 40px;
  background-color: #1e5a9d;
  background-size: 300px;
  margin-bottom: 50px; }

.Admin #Login, .Admin #Login * {
  font-family: 'PT Sans', sans-serif; }

.VSpecial #Login {
  background-image: url("img/login-special.png"); }

.Admin #Login fieldset {
  border: none; }

.Admin #Login h2 {
  line-height: 18px;
  padding-top: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0; }

.Admin #Login a {
  font-size: 12px;
  font-weight: normal;
  color: white; }

.Admin #Login a:hover {
  text-decoration: underline;
  color: white; }

.Admin #Login label {
  width: auto;
  display: block; }

.Admin #Login form {
  margin: 0 auto;
  line-height: 25px;
  font-size: 13px;
  width: 400px;
  text-align: center;
  position: relative;
  z-index: 10; }

.Admin #Login form fieldset div {
  display: inline-block;
  margin: 0 auto;
  text-align: left; }

.Admin #Login .Message {
  display: block !important; }

#administration_login, #administration_password, #administration_password_again, #administration_email {
  width: 200px;
  background: white;
  border: none !important;
  padding: 8px; }

#administration_login:focus, #administration_email:focus, #administration_password:focus, #administration_password_again:focus, #administration_login:active, #administration_email:active, #administration_password:active, #administration_password_again:active {
  outline: none !important; }

.Admin #Login form fieldset div.PasswordResetLink {
  text-align: center;
  display: block; }

.Admin .ResetPassword .Message {
  width: 370px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px; }

.Admin .ResetPassword #Login {
  background-image: none;
  padding-top: 30px;
  padding-bottom: 80px; }

.WhateverErrorMessage, .WhateverMessage {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-align: center;
  padding: 6px 6px;
  margin: 0 auto;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 500px; }

.WhateverMessage {
  color: black;
  border: 1px solid black;
  background: #ebebeb; }

.WhateverErrorMessage {
  color: black;
  border: 1px solid black;
  background: #ff7c77; }

.ErrorMessage {
  text-align: center;
  padding: 10px 10px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  color: black;
  width: 300px;
  border: 1px solid black;
  background: #ff7c77; }

.Admin #Login .Message {
  text-align: center;
  color: #ffa442; }

.Admin #Login .login-button {
  margin-top: 20px;
  white-space: nowrap;
  color: white;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  height: auto;
  border: none;
  width: 215px;
  padding: 10px 10px;
  background: #15457f; }

.Admin #Login .login-button:hover {
  cursor: pointer;
  background: #1c4371; }

.Narrow {
  margin: 0 auto;
  min-width: 970px;
  max-width: 1200px; }

.Admin #CentralPart {
  margin: 0 auto;
  max-width: 1200px;
  padding-left: 5px;
  padding-right: 5px; }

#StatusBar a {
  color: white; }

#StatusBar a:hover {
  text-decoration: underline; }

#StatusBar {
  color: white;
  line-height: 23px;
  height: 23px;
  font-size: 11px;
  text-align: right; }

.Admin #sunlight-noticeout {
  position: relative; }

.Admin #sunlight-notice {
  color: white;
  margin-top: 34px;
  width: 270px;
  font-weight: bold;
  float: left;
  position: absolute;
  left: 200px;
  top: -8px; }

.liteshop #Logo {
  background-image: url("img/logo_lite-shop.png"); }

.sunshop #Logo {
  background-image: url("img/logo.png"); }

.sunshop .VSpecial #Logo {
  background-image: url("img/sun-admin-special.png"); }

.sunshop .withoutText #Logo {
  background-image: url("img/sun-shop24-beznadpisu.png");
  width: auto; }

.sunshop .withoutText #Logo span {
  display: block;
  position: relative;
  font-size: 32px;
  color: white; }

.sunshop .withoutText #Logo .BasicAdminHeader {
  top: 12px;
  left: 70px; }

.sunshop .withoutText #Logo .BasicAdminSubHeader {
  color: #3d6284;
  top: 10px;
  left: 85px;
  font-size: 12px; }

.Blank span {
  display: block;
  position: relative;
  font-size: 32px;
  color: white; }

.BodyLogin .LoginAdminHeader, .BodyLogin .LoginAdminSubHeader {
  text-align: center;
  display: block;
  font-size: 14px !important; }

ul.TopMenu li.ActiveModule a, ul.TopMenu li.Module a:hover {
  background: url(img/menu_active.png) 0 center repeat-x; }

ul.TopMenu li.Module li a:hover, ul.TopMenu li.Module li a {
  background: none; }

ul.TopMenu {
  font-size: 12px;
  font-weight: bold;
  position: relative;
  height: 42px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

ul.TopMenu li {
  display: inline;
  /*	width: 120px;*/
  height: 42px;
  line-height: 42px;
  float: left; }

ul.TopMenu li a {
  display: inline;
  height: 42px;
  line-height: 42px;
  float: left;
  text-align: left;
  color: #0f202f; }

ul.TopMenu li.MenuDivider {
  width: 2px;
  height: 42px;
  background: url(img/menu_devider.png) left center no-repeat; }

ul.TopMenu ul li.MenuDivider {
  width: 2px;
  height: 26px;
  background: url(img/second_menu_devider.png) left center no-repeat; }
/*
 ul.TopMenu ul.SubMenu
 {
 text-shadow: 1px 1px 0px black;
 }*/
ul.TopMenu li.FirstModule a {
  background: none; }

ul.SubMenu {
  position: relative;
  height: 26px; }

ul.SubMenu li {
  color: white;
  height: 26px;
  width: auto; }

ul.TopMenu ul.SubMenu li a:hover {
  text-decoration: underline; }

ul.TopMenu ul.SubMenu li a {
  color: black;
  line-height: 26px;
  font-size: 11px;
  text-decoration: none;
  height: 26px;
  width: auto;
  padding-left: 10px;
  padding-right: 10px; }

ul.TopMenu ul.SubMenu li.FirstPage a {
  background: none; }

ul.TopMenu li a {
  width: 100%; }

.sf-navbar li li.others {
  /*background: url(img/background-top-sub-sub-menu.png);*/
  background: #ffb364;
  border: 1px solid #f39d4a;
  border-top: none;
  top: -10px;
  line-height: 24px;
  height: 24px; }

.sf-menu li ul li.ExpandingMenu ul {
  top: 25px !important; }

.sf-navbar li li.others:first-child {
  border-top: 1px solid #f39d4a; }

.RightColumn {
  min-height: 400px; }

#EditPage {
  padding: 10px; }

#EditPage fieldset.right {
  padding-left: 5px; }

#EditPage fieldset, #EditPage .fieldset {
  border: 1px solid white;
  padding: 10px;
  margin-bottom: 5px;
  background: #eef0f0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

#EditPage .fieldset td {
  vertical-align: top; }

#EditPage legend {
  color: #134f96;
  color: white;
  /*font-weight: bold;*/
  background-color: #114c93;
  /*	margin-left: 10px;*/
  border: 1px solid white;
  padding: 2px 20px 2px 20px;
  /*position: relative;
   top: 20px;
   margin-top: 15px;
   padding-top: 15px;*/
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

#EditPage .Whatever legend {
  margin-left: 20px; }

textarea {
  font-size: 12px; }

#EditPage textarea {
  width: 200px; }

.EditWindow input[type="text"] {
  width: 97%; }

.EditWindow input[type="checkbox"] {
  margin-right: 3px; }

.ColorPicker {
  margin-left: 170px; }

#EditPage input {
  width: 200px; }

#EditPage input[type="checkbox"] {
  width: 15px; }

#EditPage input[type="radio"] {
  width: 15px; }

#EditPage input[type="submit"] {
  width: 100px; }

#EditPage form .Dropdown {
  margin-left: 170px;
  display: block; }

#EditPage select {
  width: 200px; }

#EditPage2 select {
  width: 110px; }

#EditPage label {
  float: left;
  clear: left;
  width: 140px;
  margin-left: 20px;
  margin-right: 10px; }

#EditPage label.Resizable {
  min-width: 150px;
  width: auto; }

#EditPage form .CheckBoxLine {
  margin-left: 130px;
  /*	background-color: blue;*/ }

#EditPage .CheckBoxLine label {
  margin-left: 30px;
  width: 80%; }

#EditPage form .RadioLine {
  margin-left: 120px; }

#EditPage .RadioLine label {
  margin-left: 5px;
  width: 30px; }

#Center {
  margin-right: 320px; }

#SearchBox {
  float: right;
  padding: 5px 10px 5px 10px;
  width: 290px;
  color: #333231;
  background: #ededed;
  margin-top: 39px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  /*	border-left:1px solid #4F8AA7;
   border-bottom:1px solid #4F8AA7;*/ }

#SearchBox input.button {
  float: right; }

#Administration #Header, .RightColumn #Header, #Administration #HeaderGraph {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: normal;
  color: #154680;
  font-size: 21px;
  font-family: Tahoma, sans-serif; }

#Header2, .Header2 {
  padding-top: 8px;
  padding-bottom: 5px;
  font-weight: normal;
  color: #154680;
  font-size: 18px; }

#Header3 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: normal;
  color: #154680;
  font-size: 14px; }

.Admin .UnderForm {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 3px;
  text-align: center; }

.Admin .UnderForm input {
  text-align: center;
  margin-right: 20px; }

.RightColumn .Menu, .MainStats .Menu {
  text-align: center;
  color: white; }
/*prvni radek tabulky stredni cast*/
.MenuPage #Properties .PropertiesList {
  text-align: left;
  color: black;
  width: 99%;
  font-size: 15px;
  border-collapse: collapse;
  border: 1px solid #960; }

.MenuPage #Properties .PropertiesList td {
  padding: 1px 0 1px 5px;
  border-right: 1px solid #960; }

.MenuPage #Properties .PropertiesList thead tr, .MenuPage #Properties .PropertiesList thead tr:hover {
  border-bottom: 1px solid #960; }
/*dalsi radky tabulky*/
.MenuPage #Properties .PropertiesList th {
  padding: 2px 0 2px 2px;
  text-align: left;
  border: 1px solid #960; }

.MenuPage #Properties .PropertiesList a {
  color: black;
  font-size: 15px; }

.MenuPage #Properties .PropertiesList .Even {
  background: #fc6; }

.MenuPage #Properties .PropertiesList .Odd {
  background: #fc6; }

.MenuPage #Properties .PropertiesList #Selected td {
  background: #f60; }

.MenuPage #Properties .PropertiesList tr:hover {
  background: #f96; }

#BottomWide {
  margin-top: 5px;
  /*background: url(img/background-bottom.png) 0 0 repeat-x;*/
  background: #044189; }

.Admin #Signature a {
  color: white; }

.Admin #Signature {
  font-size: 11px;
  color: white;
  clear: both;
  height: 24px;
  line-height: 24px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center; }

.LeftHalf {
  margin-left: 20px;
  padding: 5px; }

ul.boxy {
  /*width: 90%;*/
  /*	width: 250px;*/
  /*	background: red;*/ }

ul.boxy li {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  /*	width: 250px;*/ }

ul #myLi {
  background: #4f8aa7; }

#CategoriesList {
  padding: 5px; }

#ProductsList .LeftAlign {
  text-align: left; }

#ProductsList .LeftAlign table {
  padding-left: 5px; }

#ProductsList .CenterAlign {
  text-align: center; }

#ProductsList .RightAlign {
  text-align: right; }

#EditPage #OrderForm fieldset, #EditPage #ProductForm fieldset, #ProductsList fieldset {
  border: none; }

#ProductsList .OrdersProductsWithoutStore {
  color: black; }

#ProductsList .OrdersProductsOnStore {
  color: green; }

#ProductsList .OrdersProductsNoStore {
  color: red; }

#ProductsList .OrdersProductsZeroStore {
  color: DarkOrange; }

.Admin .FirstTableLine td {
  padding: 2px 5px 2px 5px;
  vertical-align: top; }

.Admin .FirstTableLine .FirstRow th {
  border-bottom: 1px solid #9f9f9f !important;
  padding: 5px 3px 5px 3px;
  text-align: right; }

.Admin table.FirstTableLine .LastRow td {
  border-top: 1px solid #9f9f9f !important; }

#OrdersFilter {
  width: 100%; }

.filter, .filter2 {
  background: #eef0f0;
  border-spacing: 0;
  /*border-collapse: collapse;*/
  width: 100%;
  margin-bottom: 10px; }

.filter .FirstLine, .filter2 .FirstLine {
  font-size: 13px; }

.filter .FirstLine2 th, .filter .FirstLine2 td {
  white-space: nowrap; }

.filter .FirstLine2 th .select2-container, .filter .FirstLine2 td .select2-container {
  font-weight: normal; }

table.filter .FirstLine2, table.filter2 .FirstLine2 {
  /*	background: #f4be7d;*/
  font-size: 13px; }

.FirstLine3 a {
  color: white; }

.filter .FirstLine3, .filter2 .FirstLine3 {
  /*	background: #4f8aa7;*/
  font-size: 13px;
  color: white; }

.filter .FirstLine th, .filter2 .FirstLine th, .filter .FirstLine2 th, .filter2 .FirstLine2 th, .filter .FirstLine3 th, .filter2 .FirstLine3 th {
  padding-top: 4px;
  padding-bottom: 4px; }

.filter th, .filter td {
  font-weight: normal;
  padding: 1px 3px 1px 3px;
  border: 1px solid white; }

.filter2 th, .filter2 td {
  font-weight: normal;
  padding: 1px 3px 1px 3px;
  /*	border: 1px solid white;*/ }

.filter .inside_table th, .filter .inside_table td, .filter2 .inside_table th, .filter2 .inside_table td {
  font-weight: normal;
  padding: none;
  border: 0px; }

.filter .firstCol, .filter2 .firstCol {
  width: 100px; }

.orderPrinting {
  background-color: white;
  height: 100%;
  margin: 5px 5px 5px 5px;
  font-family: "Times New Roman"; }

.orderPrinting * {
  font-family: "Times New Roman"; }

.orderPrinting td {
  vertical-align: top; }

.orderPrinting table {
  border-collapse: collapse; }

.yui-calcontainer {
  font-size: 75%; }

.ProductAction {
  display: block;
  width: 18px;
  height: 18px; }

.DeleteProduct {
  background-image: url("img/product/smazat.png"); }

.CloneProduct {
  background-image: url("img/product/kopie.png"); }

p.MyForm {
  position: relative; }

p.MyForm label {
  float: left;
  clear: left;
  width: 180px; }

p.MyForm input {
  float: left; }

#EditPage .PropertiesList input, #EditPage .PropertiesList select {
  width: 105px; }

#EditPage .PropertiesList input.Submit {
  width: auto;
  padding-left: 5px;
  padding-right: 5px; }

.Cleaner {
  clear: both; }

iframe {
  border: none; }

.Center {
  text-align: center; }

.StandardTable {
  border-spacing: 0;
  /*border-collapse: collapse;*/
  width: 100%;
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 8px; }
/*
 .StandardTable .FirstLine
 {
 background: #B5D9EB;
 }
 .StandardTable .FirstLine th
 {
 padding-top: 4px;
 padding-bottom: 4px;
 }
 .StandardTable th, .StandardTable td
 {
 font-weight: normal;
 padding: 1px 3px 1px 3px;
 border: 1px solid white;
 }
 */
.StandardTable td {
  background-color: #eef0f0; }

.StandardTable tr.StandardLine:hover td, .StandardTable tr:hover td {
  cursor: pointer; }

.StandardTable tr.NoHand:hover td {
  cursor: default !important; }

.StandardTableNoClick tr.StandardLine:hover td, .StandardTableNoClick tr:hover td {
  cursor: default; }

#ProductsList .StandardTable tr:hover td {
  cursor: auto; }

.SimpleTable tr.StandardLine:hover td {
  cursor: default; }

.EditTable tr.StandardLine:hover td {
  cursor: default;
  background: #fc6; }

.StatusNotice {
  margin-top: 5px;
  margin-bottom: 5px;
  margin: 0 auto;
  border: 1px solid black;
  text-align: center;
  display: hidden;
  padding: 5px 10px 5px 10px;
  background: #ebebeb;
  max-width: 350px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

.StatusNoticeSuccess {
  background: #66c65b; }

.StatusNoticeWarning {
  background: orange; }

.StatusNoticeError {
  background: red; }

.FormRight {
  margin-left: 180px; }

.Sortable li {
  background-color: #eee;
  border: 1px solid #ccc;
  color: black;
  cursor: move;
  padding: 2px;
  padding-left: 25px;
  padding-right: 5px;
  margin: 1px;
  margin-bottom: 2px; }

#EditPage .Sortable li input {
  width: 100px; }

.Admin .Discussion .PostLevel {
  margin-left: 50px; }

.Admin .Discussion .PostLevel0 {
  margin-left: 0px; }

.Admin .PostHeader {
  width: auto;
  border-bottom: 1px solid black; }

.Admin .DiscussionPost {
  padding: 5px 5px;
  margin: 2px 2px;
  width: 520px;
  border: 1px solid black;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

.Admin .PostLevel1 .DiscussionPost {
  background: #efa300; }

.Admin .PostLevel2 .DiscussionPost {
  background: #df9800; }

.Admin .PostLevel3 .DiscussionPost {
  background: #cf8d00; }

.Admin .PostLevel .AdminDiscussionPost {
  background: #f96; }

.Admin .PostLevel .DeletedDiscussionPost {
  background: #7f7f7f; }

.Admin .PostLevel .UnconfirmedDiscussionPost {
  background: #f6ea13; }

.Admin .PostLevel .HighlightDiscussionPost {
  background: #c4ffd0; }

#EditPage input.addPost {
  width: 140px; }

.OverlayStatus {
  position: absolute;
  top: 50%;
  left: 50%; }

.emailPreview {
  font-size: 12px; }

.InsertButton {
  border: 1px solid black;
  padding: 2px 4px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: block;
  float: left; }

.LastOrders .Header2 {
  padding-left: 30px;
  background: url("img/posledni-objednavky.png") no-repeat 0px 7px; }

.LastPosts .Header2 {
  padding-left: 30px;
  background: url("img/posledni-komentare.png") no-repeat 0px 7px; }

.SumaryInfo .Header2 {
  padding-left: 30px;
  background: url("img/statistiky-vyhledanych-objednavek.png") no-repeat 0px 7px; }

.TabStats .Header2 {
  padding-left: 30px;
  background: url("img/ostatni-statistiky.png") no-repeat 0px 7px; }

.MainStats .DatePick .Header2 {
  padding-left: 30px;
  background: url("img/statistiky.png") no-repeat 0px 7px; }

table h3 {
  font-size: 14px; }

input.dateRange {
  width: 80px; }

table.StandardTable .VarietyRow td {
  background-color: #fff8b2; }

table.StandardTable .VarietyRow td.VarietyName {
  padding-left: 20px; }

.ui-dialog-container .popup, .ui-dialog-container .popupProduct {
  padding: 0px; }
/*
 .MyDialog
 {
 padding: 15px;
 }*/
.MyDialog label {
  width: 100px;
  float: left;
  clear: left; }

.MyDialog input {
  float: left; }

.MyDialog .Menu {
  text-align: center; }

.MyDialog .StandardTable {
  margin-top: 5px; }

.MyDialog .DialogResult {
  height: 360px;
  overflow: auto; }

.ui-datepicker {
  font-size: 0.8em; }

.ui-tabs .ui-tabs-panel {
  padding: 0.5em 0.5em; }

.ui-widget {
  font-size: 12px; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Tahoma, sans-serif; }

.blockMsg {
  border: 1px solid black;
  text-align: center;
  min-height: 40px;
  font-size: 14px;
  z-index: 1006;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

.blockMsg table {
  border-collapse: collapse;
  width: 100%;
  height: 40px; }

.blockMsg table td {
  min-height: 40px;
  width: 100%;
  vertical-align: middle;
  text-align: center; }

.jstree-search .jstree-default .jstree-search, .jstree-default a.jstree-search, .jstree a .jstree-search {
  font-weight: bold;
  color: red !important; }

.jstree li a.CategoryName, .jstree li a.CategoryChooser {
  background-image: none;
  font-weight: bold; }

.jstree li a.CategoryChooser {
  text-decoration: underline; }

#cluetip {
  font-size: 13px; }

.DiscussionExportCsv {
  margin-top: 5px;
  margin-right: 5px;
  float: right; }

#setListTable .delete {
  width: 25px; }

#setListTable .order {
  width: 40px; }

#setListTable .amount {
  width: 60px; }

#setListTable .amount input {
  width: 50px; }

#setListTable .price {
  width: 80px;
  text-align: right;
  padding-right: 10px; }

#setListTable .id {
  width: 25px; }

#setListTable .name {
  padding-left: 10px;
  width: 880px; }

.AddToSet {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  margin-top: 5px; }

.tooltip {
  font-size: 13px;
  background-color: #d9d9c2;
  width: 275px;
  position: relative;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

#tooltip {
  font-size: 11px; }

#tooltip_hover_content {
  font-size: 11px;
  font-weight: normal; }

#EditPage .UnderForm input[name=send_sms_email] {
  width: 200px; }

#EditPage fieldset.sms input[name=sms_number] {
  width: 400px; }

#EditPage fieldset.sms textarea[name=sms_body] {
  width: 400px;
  height: 100px !important; }

#erase_term_cache_button {
  text-align: center;
  margin-top: 10px;
  margin-right: 300px; }

.DemoExpired {
  margin: 0 auto;
  text-align: center;
  width: auto;
  margin-top: 40px;
  font-weight: bold;
  font-size: 20px;
  color: red;
  width: 600px; }

.FilterMainDiv fieldset {
  width: 100%; }

.showAlwaysDiv {
  float: right; }

.FilterVisiblitySwitch {
  background: url(img/filtr_down.png) 0px top no-repeat;
  height: 15px;
  margin-bottom: 2px;
  margin-top: 2px; }

.FilterVisiblitySwitch:hover {
  background-position: 0px bottom; }

.FilterVisiblitySwitch a:hover {
  text-decoration: underline; }

.FilterVisiblitySwitch a {
  padding-left: 20px; }

.FilterVisiblitySwitchOpen {
  background-image: url(img/filtr_up.png); }
/* KLIENTSKA SEKCE*/
.ClientLeft {
  float: left;
  width: 230px;
  /*margin-right: 20px;*/ }

.ClientMenu {
  background: #ffb364; }

.ClientMenu li {
  background: url(img/arrow_1.gif) 13px 13px no-repeat;
  border-bottom: 1px solid #ffc282;
  border-top: 1px solid #f29c43; }

.ClientMenu li:first-child {
  border-top: none; }

.ClientMenu li li {
  background: url(img/arrow_2.gif) 28px 15px no-repeat; }

.ClientMenu a {
  color: black;
  display: block;
  padding-left: 23px;
  /*background: url(img/line.png) top left no-repeat;*/
  font-weight: bold;
  font-size: 11px;
  height: 30px;
  line-height: 32px; }

.ClientMenu .SubMenu a {
  padding-left: 40px;
  font-weight: normal; }

.ClientMenu a.Active, .ClientMenu a:hover {
  text-decoration: underline; }

.ClientPage {
  margin-left: 230px; }

.ClientPage .Header {
  color: #d66b08;
  font-size: 18px;
  margin-left: 30px;
  padding-top: 30px;
  font-weight: bold; }

.ClientPage .navigationTabs {
  display: block;
  margin-left: 10px;
  margin-top: 10px;
  background: url(img/line3.png) left bottom repeat-x;
  width: 740px;
  padding-bottom: 3px;
  height: 26px; }

.ClientPage .navigationTabs a {
  display: block;
  float: left;
  width: 132px;
  height: 26px;
  line-height: 26px;
  background: url(img/button-2.png) top left no-repeat;
  text-align: center;
  color: white;
  font-weight: bold; }

.ClientPage .navigationTabs a.active, .ClientPage .navigationTabs a:hover {
  background: url(img/button-1.png) top left no-repeat; }

.ClientInfo {
  background: #f1f0f0;
  margin-top: 10px; }

.ClientInfo .Var {
  text-transform: capitalize; }

.ClientInfo, .ClientInfo a {
  color: #4b5154;
  font-weight: bold;
  font-size: 11px; }

.ClientInfo a:hover {
  text-decoration: underline; }

.ClientInfo .First {
  background: url(img/informations.png) 10px 16px no-repeat;
  padding-left: 55px;
  height: 50px; }

.ClientInfo .First .Info {
  font-size: 12px;
  padding-top: 15px; }

.ClientInfo .First .Variety {
  padding-top: 5px; }

.ClientInfo li {
  display: block;
  list-style: none;
  line-height: 30px;
  background: url(img/line2.png) bottom left no-repeat; }

.ClientInfo li a {
  display: block;
  background: url(img/arrow3.png) 10px 12px no-repeat;
  padding-left: 23px; }

.ClientContact {
  margin-top: 10px;
  background: #f1f0f0;
  padding-bottom: 15px; }

.ClientContact, .ClientContact a {
  color: #4b5154;
  font-weight: bold;
  font-size: 11px; }

.ClientContact a:hover {
  text-decoration: underline; }

.ClientContact .First {
  height: 80px;
  background: url(img/contacts.png) 10px 18px no-repeat;
  padding-left: 53px; }

.ClientContact .First .Info {
  font-size: 12px;
  padding-top: 15px;
  padding-bottom: 5px; }

.ClientContact .First .Text {
  font-weight: normal; }

.ClientContact .Second {
  background: url(img/line2.png) top left no-repeat;
  padding-top: 10px;
  padding-left: 25px;
  line-height: 20px; }

.ClientPage iframe {
  margin-top: 10px;
  /*overflow: hidden;*/
  width: 750px;
  height: 600px;
  overflow-x: hidden; }

.RSS .date {
  font-weight: bold;
  display: block;
  padding-top: 6px;
  padding-bottom: 2px; }

.RSS .RSSHead {
  font-weight: bold; }

#feedresult .Header2 a {
  margin-top: 20px;
  color: white;
  font-family: 'PT Sans', sans-serif;
  padding-left: 10px;
  font-weight: bold; }
  #feedresult .Header2:hover {
    background: #144b8d;
    color: #fff; }

#feedresult .Header2 span {
  margin-right: 6px; }

#feedresult .AllArticles {
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 5px;
  text-transform: uppercase;
  font-size: 10px; }

#feedresult .RSSresults td {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  border: none !important;
  border-radius: 0;
  border-bottom: 1px solid #002756 !important; }

#feedresult table {
  border-collapse: collapse;
  border-radius: 0 !important;
  border-right: 1px solid #002756;
  background: transparent !important; }

#feedresult td a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none; }

#feedresult td a:hover {
  color: white; }

.RSS {
  padding: 5px;
  /*background-color: #EEF0F0;*/ }

#jstree-dragged, #jstree-marker {
  z-index: 5000 !important; }
/*
 .TreeNoIcons .tree-classic .ltr li a ins
 {
 display: none;
 }
 */
.EditDialogMain .Admin form {
  line-height: 160%; }

.EditDialogMain .Admin, .EditDialogMain .Admin label {
  font-size: 12px; }

.EditDialogMain, .EditDialogMain fieldset, .EditDialogMain br {
  line-height: 160%; }

.EditDialogMain br {
  clear: left; }
/***** MAKETING, SEO *****/
.container {
  margin-left: 20px; }

.tips a, .nastaveni a {
  text-decoration: underline; }

.Admin .Help, .tips {
  width: 650px;
  background: #f2f2f2 url(img/tip.png) no-repeat 10px 10px scroll;
  padding: 10px 5px 10px 55px;
  min-height: 40px;
  line-height: 20px;
  margin-bottom: 16px;
  position: relative;
  top: 10px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

.Help {
  width: auto; }

.nastaveni {
  width: 650px;
  background: #fff url(img/wrench.png) no-repeat 10px 10px scroll;
  padding: 10px 5px 10px 55px;
  min-height: 40px;
  line-height: 20px;
  margin-top: 10px; }

.sitemap .nastaveni {
  margin-top: 0px; }

.vyhledavac .nastaveni, .vyhledavac .tips {
  margin-left: 20px; }

.container a.fancybox {
  font-weight: bold;
  background: url("img/speech_bubble.gif") no-repeat scroll 3px 3px transparent;
  padding-left: 20px; }

.container a:hover {
  text-decoration: underline; }

.container a.blank {
  font-weight: bold; }

.ClientPage #clientIFrame {
  margin-top: 10px;
  margin-left: 30px;
  /*overflow: hidden;*/
  width: 95%;
  max-width: 800px;
  height: 770px;
  overflow: auto; }

.ClientPage table {
  border-collapse: collapse;
  width: 500px; }

.ClientPage table td, .ClientPage table th {
  padding: 5px 10px; }

.ClientPage table tr:hover {
  background-color: #b5d9eb; }
/*****KONEC MARKETING, SEO *****/
/***** STATISTIKY *****/
/*.StatisticsPage .chartPart
 {
 text-align:center;
 }*/

.StatisticsPage .th {
  width: 176px; }

.StatisticsPage option {
  padding: 1px 5px; }

.StatisticsPage input[type=checkbox] {
  position: relative;
  top: 2px; }
/***** KONEC STATISTIK *****/
ul.TopMenu .ActiveModule a, ul.TopMenu ul.SubMenu .ActivePage a, ul.TopMenu ul.SubMenu .ActivePage .ActiveSubPage a, ul.TopMenu ul.SubMenu .ActivePage li a:hover {
  text-decoration: underline; }

ul.TopMenu ul.SubMenu .ActivePage li a {
  text-decoration: none; }
/*
 Pretty Little Table
 ------------------------------------------------------------------ */
/*table.StandardTable a:link {
 color: #666;
 font-weight: bold;
 text-decoration:none;
 }*/
/*table.StandardTable a:visited {
 color: #999999;
 font-weight:bold;
 text-decoration:none;
 }*/
table.StandardTable a:active, table.StandardTable a:hover {
  color: #bd5a35;
  text-decoration: underline; }

table.StandardTable {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; }

table.StandardTable th, table.StandardTable td {
  border-right: none; }

table.StandardTable th {
  color: white;
  /*padding:21px 25px 22px 25px;*/
  padding: 5px 5px 5px 5px;
  border-top: 1px solid #266cb0;
  border-bottom: 1px solid #114c93;
  border-left: 1px solid #114c93;
  background-color: #114c93;
  font-size: 11px; }

table.StandardTable th:first-child {
  text-align: left;
  padding-left: 5px; }

table.StandardTable tr {
  /*text-align: center;*/
  padding-left: 5px; }

table.StandardTable tr td:first-child {
  padding-left: 5px;
  border-left: #e0e0e0 1px solid; }

table.StandardTable tr td:last-child {
  border-right: #e0e0e0 1px solid; }

table.StandardTable tr td {
  padding: 2px 5px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background-color: #fafafa; }

table.StandardTable tr.Even td {
  background-color: #f6f6f6; }

table.StandardTable tr:last-child td {
  border-bottom: 0; }

table.StandardTable tr:hover td {
  background: #e2e7ed; }

table.StandardTable tr.Active td {
  background: #fcff55; }

table.StandardTable .MyButton {
  text-shadow: none; }

table.filter a:active, table.filter a:hover {
  color: #bd5a35;
  text-decoration: underline; }

table.filter, table.filter2 {
  font-family: Arial, Helvetica, sans-serif;
  /*color:#666;*/
  font-size: 12px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  /*text-shadow: 1px 1px 0px #fff;*/
  /*background:#eaebec;*/
  /* margin:20px;*/
  /*border:#ccc 1px solid;*/
  /*
   -moz-box-shadow: 0 1px 2px #d1d1d1;
   -webkit-box-shadow: 0 1px 2px #d1d1d1;
   box-shadow: 0 1px 2px #d1d1d1;
   */ }

table.filter th {
  /*padding:21px 25px 22px 25px;*/
  padding: 5px 5px 5px 5px;
  border-top: 1px solid #266cb0;
  border-bottom: 1px solid #114c93;
  font-size: 11px;
  background-color: #114c93; }

table.filter th:first-child {
  text-align: left;
  padding-left: 5px; }

table.filter tr {
  /*text-align: center;*/
  padding-left: 5px; }

table.filter tr td:first-child {
  padding-left: 5px;
  border-left: #e0e0e0 1px solid; }

table.filter tr td:last-child {
  border-right: #e0e0e0 1px solid; }

table.filter table td {
  border: none !important; }

table.filter tr td {
  padding: 0px;
  padding-left: 2px;
  padding-right: 2px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background-color: #fafafa; }
/*
 table.filter tr.Even td{
 background: #f6f6f6;
 background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
 background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
 }*/
table.filter tr:last-child td {
  border-bottom: 0; }

/*
 table.filter tr:hover td{
 background: #DFF0F8;
 background: -webkit-gradient(linear, left top, left bottom, from(#DFF0F8), to(#BEE3F4));
 background: -moz-linear-gradient(top,  #DFF0F8,  #BEE3F4);
 }*/

table.filter tr.FirstLine2 td, table.filter2 tr.FirstLine2 td, table.filter tr.FirstLine3 td, table.filter2 tr.FirstLine3 td {
  border-color: #114c93;
  color: white;
  font-weight: bold;
  font-size: 11px;
  border-top: 1px solid #266cb0;
  border-bottom: 1px solid #114c93;
  background-color: #114c93; }

#EditPage table.filter {
  text-shadow: none; }

td.SubgalleryCell {
  width: 160px;
  border: 1px solid black;
  padding: 2px;
  vertical-align: top; }

td.ImageCell {
  width: 160px;
  border: 1px solid black;
  padding: 2px;
  vertical-align: top; }

.GalleryTable .ImageCell, .SubGalleryTable .SubgalleryCell {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

body.BodyLogin {
  background: #2273c2 !important;
  overflow: auto !important; }

.TopMenu .Module .Icon {
  padding-left: 39px;
  padding-right: 12px;
  background-position: 8px center;
  background-repeat: no-repeat; }

#AdminFavoritesDiv .Icon {
  background-image: url("img/star.png");
  height: 42px;
  background-position: center center;
  width: 1px; }

#AdminFavoritesDiv a.Mod {
  width: 52px; }

#Morders .Icon {
  background-image: url("img/objednavky.png"); }

#Mproducts .Icon {
  background-image: url("img/zbozi.png"); }

#Mcustomers .Icon {
  background-image: url("img/zakaznici.png"); }

#Meditorial .Icon {
  background-image: url("img/web.png"); }

#Mnewsletter .Icon {
  background-image: url("img/marketing.png"); }

#Mstatistics .Icon {
  background-image: url("img/statistiky_horni.png"); }

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  top: 42px !important; }

.sf-navbar li li {
  top: 0px !important; }

.HeaderRow1, .HeaderRow2 {
  text-align: right;
  font-weight: normal;
  padding-right: 5px; }

.HeaderRow4 {
  padding-right: 5px; }

.StatusInfo {
  font-weight: bold;
  margin-right: 10px; }

.HeaderRow4 {
  z-index: 666;
  font-size: 13px;
  position: absolute;
  top: 65px;
  right: 0px;
  height: 42px;
  line-height: 42px; }

.HeaderRow4 .OrderShop {
  float: right;
  display: block;
  background: url("img/objednat_eshop.png") no-repeat 0px 0px;
  width: 122px;
  height: 42px;
  padding-left: 45px; }

.HeaderRow4 .Divider {
  float: right;
  width: 2px;
  height: 42px;
  background: url(img/menu_devider.png) left center no-repeat; }

.HeaderRow4 .OrderShop:hover {
  background-position: right 0; }

.HeaderRow4 .BackToWeb {
  float: right;
  display: inline;
  padding-left: 20px; }

.HeaderRow4 .BackToWeb .Icon {
  background: url("img/view_web.png") no-repeat 0px center;
  padding-left: 27px;
  padding-right: 8px; }

.HeaderRow4 .BackToWeb a {
  height: 42px;
  display: block; }

.HeaderRow4 .BackToWeb:hover {
  background: url(img/menu_active.png) 0 center repeat-x; }

.HeaderRow1 a, .HeaderRow2 a {
  color: white; }

.HeaderRow1 {
  margin-top: 15px;
  color: white; }

.HeaderRow1 .LoggedIn .Debtor {
  padding-left: 2px;
  color: #f7780d;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; }

.HeaderRow1 .LoggedIn .Debtor a {
  color: #f7780d; }

.HeaderRow1 .LoggedIn .Debtor a:hover, .HeaderRow1 .LoggedIn .Debtor a:active {
  color: #fbba7d; }

.HeaderRow1 .LoggedIn .Debtor .DebtorSum {
  font-size: 80%;
  text-transform: none; }

.HeaderRow2 {
  margin-top: 8px;
  color: white; }

.HeaderRow2 a {
  padding-left: 27px; }

.HeaderRow2 a {
  float: right;
  line-height: 18px;
  height: 18px;
  margin-left: 8px; }

.HeaderRow2 .ClientSection {
  background: url("img/client_section.png") 5px center no-repeat; }

.HeaderRow2 .Helpdesk {
  background: url("img/helpdesk.png") 5px center no-repeat; }

.HeaderRow2 .Settings {
  background: url("img/settings.png") 5px center no-repeat; }

.HeaderRow2 .Logout {
  background: url("img/logout.png") 11px center no-repeat; }

ul.TopMenu li.ExpandingMenu {
  background: url("img/slide_menu.gif") 6px center no-repeat; }

ul.TopMenu ul.SubMenu li.ExpandingMenu a {
  padding-left: 18px; }

.NewProductButton, .NewOrderButton, .NewCustomerButton, .NewArticleButton {
  height: auto !important;
  padding: 7px 20px 7px 10px !important; }

.NewProductButton span {
  padding-left: 22px;
  background-image: url("img/tag_blue_add.png") !important;
  background-position: 0px center !important;
  background-repeat: no-repeat !important; }

.NewOrderButton span {
  padding-left: 22px;
  background-image: url("img/new_order.png") !important;
  background-position: 0px center !important;
  background-repeat: no-repeat !important; }

.NewCustomerButton span {
  padding-left: 22px;
  background-image: url("img/user_add.png") !important;
  background-position: 0px center !important;
  background-repeat: no-repeat !important; }

.NewArticleButton span {
  padding-left: 22px;
  background-image: url("img/page_add.png") !important;
  background-position: 0px center !important;
  background-repeat: no-repeat !important; }

table.PlainTable td, table.PlainTable th {
  border-top: 1px solid white !important;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fafafa; }

table.PlainTable tr:first-child td, table.PlainTable tr:first-child th {
  border-top: 1px solid #e0e0e0 !important; }

table.PlainTable th.FirstLine, table.PlainTable th {
  font-weight: normal;
  font-size: 12px; }

table.PlainTable tr > :first-child {
  padding-left: 5px;
  border-left: #e0e0e0 1px solid;
  background-color: #fafafa; }

table.PlainTable tr.Even td {
  background-color: #f6f6f6; }

.ClientContact, .ClientInfo {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

.ui-tabs {
  padding: 0.2em; }

table.filter tr td {
  background: #eef0f0; }

table.ProductsTable tr:hover td {
  cursor: auto;
  background: #eef0f0; }

table.ProductsTable {
  margin-bottom: 0; }

.Admin #ProductsBottom td {
  padding-top: 7px;
  padding-bottom: 7px; }

table.ProductsTable .FilterVisiblitySwitch {
  float: left; }

.ClientTopMenu {
  margin-top: 15px;
  margin-left: 20px; }

.ClientTopMenu a {
  color: #999; }

.doneImage {
  display: block;
  float: left;
  padding: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 2px;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 16px;
  border: solid 1px #d1cfcf;
  font-weight: bold; }

.doneImage.Active {
  position: relative;
  z-index: 3;
  border-bottom: 1px solid white; }

.undoneImage.Active {
  display: block;
  position: relative;
  z-index: 3;
  border-bottom: 1px solid white; }

.undoneImage {
  display: none;
  float: left;
  padding: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 2px;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 16px;
  border: solid 1px #d1cfcf;
  font-weight: bold; }

.InitPage .Header {
  font-size: 24px;
  margin-left: 20px;
  color: C45C0F; }

.Red {
  color: red;
  margin-left: 10px;
  padding: 10px;
  border: solid 1px red; }

.InitPage .SubHeader {
  text-align: center;
  font-size: 14px;
  padding-bottom: 0px;
  padding-top: 20px; }

.InitPage {
  float: left;
  width: 750px; }

.StatusBar {
  margin-top: 5px;
  margin-left: 20px;
  color: #0a48a6;
  font-size: larger;
  font-weight: bold; }

.StatusBar .GrayLine {
  z-index: 1;
  background-color: gray;
  width: 340px;
  float: left;
  margin-left: 15px; }

.StatusBar .BlueLine {
  z-index: 2;
  background-color: #0a48a6;
  float: left;
  margin-left: 15px;
  width: 340px;
  position: relative;
  left: -356px; }

.StatusBar .StatusText {
  float: left;
  margin-right: 25px;
  color: 659AE 6;
  width: 110px; }

.StatusBar .status {
  height: 15px;
  width: 2px;
  z-index: 3;
  float: left;
  position: relative;
  left: 132px;
  margin-left: 31px;
  background-color: white;
  border: solid 1px white;
  top: -17px; }

.InitPage .Menu {
  text-align: center;
  padding-top: 15px; }

.InitPage .Menu a {
  text-align: center;
  padding: 7px 15px 7px 15px !important; }

.InitPage .StatisticSugpage {
  margin-left: 20px;
  position: relative;
  top: -1px;
  border-top: solid 1px #d1cfcf; }

.InitPage .StatisticSugpage table {
  width: 604px; }

.InitPage .StatisticSugpage .Header {
  color: #215395;
  font-size: 16px;
  margin-left: 0px;
  margin-top: 0px;
  padding-bottom: 10px;
  font-weight: bold; }

.InitPage .settingsInit {
  position: relative;
  left: -10px; }

.InitPage .StatisticSugpage .settingsInit .Header {
  font-size: 14px; }

.InitPage .settingsInit .styleChooser {
  padding: 5px;
  border: solid 1px white; }

.InitPage .settingsInit .styleChooser.ActiveStyle {
  border: solid 1px red; }

.InitPage .settingsInit .styleChooser a {
  padding: 5px;
  font-size: 12px; }

.InitPage input[type=text] {
  width: 180px; }

.settingsInit .vat input {
  margin-left: 10px; }

.settingsInit .vat input {
  margin-bottom: 10px; }

.InitPage .StatisticSugpage form img {
  position: relative;
  margin-left: -12px; }

.MoveButton {
  width: 250px;
  margin: 20px;
  margin-top: 30px;
  height: 50px; }

.MoveButtonLeft {
  float: left;
  background-image: url('img/init-eshop/left.png');
  background-repeat: no-repeat; }

.MoveButtonRight {
  float: right;
  text-align: right;
  background-image: url('img/init-eshop/right.png');
  background-repeat: no-repeat;
  background-position: top right; }

.MoveButton .Top {
  color: #154680;
  font-size: larger;
  font-weight: bold; }

.MoveButton .Sub {
  color: gray; }

.MyDialog .SearchDialog {
  margin-bottom: 5px; }

.ClientPage #suSend {
  background-image: url('img/button-orange_1.png');
  width: 111px;
  border: none; }

.ClientPage #suSend:hover {
  background-image: url('img/button-orange_2.png');
  width: 111px;
  border: none;
  text-decoration: underline; }

.ClientPage .IframeDemoVariety {
  width: 95%;
  max-width: 800px; }

.AjaxAdd, .AjaxStorno, .AjaxSave {
  display: block;
  float: left;
  width: 18px;
  height: 24px;
  background: url('img/add.png') left top no-repeat;
  margin-left: 5px; }

.AjaxStorno {
  background-image: url('img/storno.png'); }

.AjaxSave {
  background-image: url('img/save.png'); }

#product_urls {
  position: relative;
  left: 200px;
  padding-left: 0px;
  margin-left: 0px;
  width: 300px; }

#AddRowuRL {
  position: absolute;
  left: 210px;
  top: -20px; }

#product_urls #Sortable1 li input {
  width: 170px; }

#product_urls #Sortable1 li {
  padding-left: 10px; }

#product_urls #Sortable1 li a {
  margin-left: 260px;
  position: absolute; }

.ShortUrlVars {
  border: solid 1px #d1cfcf;
  position: absolute;
  z-index: 2;
  left: 812px;
  background: white; }

.ShortUrlVars a {
  margin: 4px 10px 3px 8px; }

.ShortUrlVars a:hover {
  color: #bd5a35;
  text-decoration: underline; }

#ShortUrlInputs input.Error, .ShortUrlInputs input.Error {
  border: 1px solid red; }

#tooltip_arrow, #tooltip_hover_content {
  display: none;
  position: absolute;
  z-index: 1000; }

#tooltip_arrow {
  z-index: 2000; }

#orders_tooltipcontent {
  background: white;
  width: 840px;
  height: 300px;
  max-width: 1200px;
  min-width: 800px;
  overflow: auto;
  border: 1px solid #ccc;
  padding: 5px;
  -webkit-box-shadow: 0px 4px 26px 2px rgba(0, 0, 0, 0.71);
  -moz-box-shadow: 0px 4px 26px 2px rgba(0, 0, 0, 0.71);
  box-shadow: 0px 4px 26px 2px rgba(0, 0, 0, 0.71); }

#tooltip_arrow {
  background: transparent url('img/background-tooltip.png');
  width: 10px;
  height: 20px;
  position: absolute;
  left: -8px;
  top: 0px; }

#orders_tooltipcontent div.Buttons {
  float: left;
  margin-right: 10px; }

#orders_tooltipcontent div.Info {
  border: 1px solid #e0e0e0;
  float: right;
  background-color: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
  margin-bottom: 4px; }

#orders_tooltipcontent div.Info hr {
  border: 0;
  color: #eee;
  background-color: #eee;
  height: 1px; }

#orders_tooltipcontent table.InfoTable {
  float: left;
  border-collapse: collapse; }

#orders_tooltipcontent table.InfoTable th {
  color: white;
  padding: 2px 50px 2px 8px;
  border-top: 1px solid #ff9500;
  border-bottom: 1px solid #ff6900;
  border-left: 1px solid #ff6900;
  background-color: #ff9500;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9500), to(#ff6900));
  background: -moz-linear-gradient(top, #ff9500, #ff6900);
  font-size: 10px; }

#orders_tooltipcontent table.InfoTable.Long th {
  padding-right: 200px; }

#orders_tooltipcontent table.InfoTable td {
  padding: 2px 10px; }

#orders_tooltipcontent .StandardTable th {
  font-size: 10px; }

#orders_tooltipcontent .StandardTable td {
  cursor: default; }

#orders_tooltipcontent .StandardTable img {
  max-height: 100px;
  max-width: 100px; }

#orders_tooltipcontent #PinButton, #orders_tooltipcontent #UnPinButton, #orders_tooltipcontent #CloseButton, #orders_tooltipcontent #OpenButton {
  white-space: nowrap;
  float: left;
  clear: left;
  margin: 4px;
  color: white;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  padding: 2px 5px;
  border: 1px solid #124d93;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #124d93;
  background: -webkit-gradient(linear, left top, left bottom, from(#266aae), to(#124d93));
  background: -moz-linear-gradient(top, #266aae, #124d93); }

#orders_tooltipcontent #PinButton:hover, #orders_tooltipcontent #UnPinButton, #orders_tooltipcontent #CloseButton:hover, #orders_tooltipcontent #OpenButton:hover {
  cursor: pointer;
  text-decoration: none;
  border-color: #093e7e;
  color: white;
  background-color: #093e7e;
  background: -webkit-gradient(linear, left top, left bottom, from(#1f5e9d), to(#093e7e));
  background: -moz-linear-gradient(top, #1f5e9d, #093e7e); }

#orders_tooltipcontent div.Note {
  width: 280px;
  float: left;
  padding: 5px; }

#orders_tooltipcontent div.Note.Long {
  width: 560px;
  float: left;
  padding: 5px; }

.OrdersTooltipToggle span {
  display: none; }

.OrdersTooltipToggle {
  white-space: nowrap;
  display: block;
  color: white;
  font-weight: normal;
  font-size: 13px;
  height: 22px;
  width: 16px;
  float: right;
  margin: 0;
  padding-left: 1px;
  padding-right: 0px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-image: url("img/preview.png") !important;
  background-position: 0px center !important;
  background-repeat: no-repeat !important;
  margin-left: -24px;
  float: left; }

.Required {
  color: red; }

#EditPage .Required label::after {
  content: "*"; }

.StandardTable tr.ui-selecting td, .StandardTable tr.ui-selected td {
  background: #dff0f8 !important; }
/**************** Novy layout s menu vlevo ************/
.LeftMenuHeader .AdminWrapper {
  border-left: 220px solid #002756;
  min-height: 100vh; }

.LeftMenuHeader .ClientPage #clientIFrame, .LeftMenuHeader .ClientPage iframe {
  width: 100%;
  max-width: 10000px; }

.LeftMenuHeader .EditWindow {
  width: 35%; }

.LeftMenuHeader #Center {
  width: 62%;
  margin-right: 0; }

.LeftMenuHeader.Admin #Logo {
  background: #e77817 url("img/logo-sun-shop-sun-shop.cz.svg") 10px center no-repeat;
  background-size: contain; }

.LeftMenuHeader #debugInfo {
  color: #333; }

.LeftMenuHeader #BottomWide {
  display: none; }

.LeftMenuHeader #Administration {
  display: block;
  margin-left: -220px; }

.LeftMenuHeader #AdminFavoritesDiv .SubMenuFavorites li, .LeftMenuHeader #AdminAdjustSettings .SubMenuFavorites li {
  padding-left: 5px; }

.LeftMenuHeader #AdminFavoritesDiv .SubMenuFavorites li {
  padding-left: 0px;
  line-height: 26px;
  display: block; }

.LeftMenuHeader #AdminFavoritesDiv .SubMenuFavorites li a:hover, .LeftMenuHeader #AdminAdjustSettings .SubMenuFavorites li a:hover {
  text-decoration: underline !important; }

.LeftMenuHeader #LeftMenu {
  display: table-cell;
  vertical-align: top;
  width: 220px;
  max-width: 220px;
  float: left;
  margin-top: -35px; }

#ContentWrapper {
  display: table; }

.LeftMenuHeader #CentralPart {
  display: table-cell;
  float: none;
  vertical-align: top;
  width: 100%; }

.LeftMenuHeader #MainContent {
  padding: 10px 20px;
  box-sizing: border-box; }

.LeftMenuHeader .Module .SubMenu a {
  font-weight: normal; }

.LeftMenuHeader #Maction.Module .SubMenu span.superadmin-only {
  color: white !important; }

.LeftMenuHeader ul.TopMenu {
  height: auto;
  width: 220px;
  max-width: 220px; }

.LeftMenuHeader ul.TopMenu * {
  font-family: 'PT Sans', sans-serif; }

.LeftMenuHeader #Administration {
  background-image: none; }

.LeftMenuHeader #TopNarrow {
  width: 100%;
  max-width: 100%;
  min-width: 100px; }

.LeftMenuHeader #HeaderRight {
  margin: 0;
  display: table-cell;
  vertical-align: top;
  line-height: 20px;
  box-sizing: border-box;
  color: white;
  float: none; }

.LeftMenuHeader .fixed #HeaderRight {
  position: fixed;
  width: calc(100% - 220px);
  right: 0;
  z-index: 1000000; }

.LeftMenuHeader.LeftMenuHeaderCompact .fixed #HeaderRight {
  width: calc(100% - 140px); }

.LeftMenuHeader.LeftMenuHeaderCompact #MainHeader #Logo {
  width: 140px; }

.LeftMenuHeader.LeftMenuHeaderCompact #MainHeader > a {
  width: 140px; }

.LeftMenuHeader.LeftMenuHeaderCompact .fixed > a {
  position: fixed;
  left: 36px;
  z-index: 10000; }

.LeftMenuHeader.LeftMenuHeaderCompact #feedresult .RSSresults {
  display: none; }
  .LeftMenuHeader.LeftMenuHeaderCompact #feedresult .Header2 {
    max-width: 36px;
    max-height: 25px;
    overflow: hidden; }

.LeftMenuHeader #HeaderRightWrapper {
  padding: 5px;
  background: #e77817;
  max-height: 20px; }

#TopInfo {
  position: absolute;
  right: 5px;
  top: 35px;
  font-size: 11px; }

.LeftMenuHeader .HeaderRow1 a, .LeftMenuHeader .HeaderRow2 a {
  color: white; }

.LeftMenuHeader ul.SubMenu {
  top: 0 !important;
  height: auto; }

.LeftMenuHeader ul.TopMenu ul {
  visibility: visible !important; }

.LeftMenuHeader ul.TopMenu ul.SubMenu li a {
  display: block;
  width: 100% !important;
  font-size: 16px;
  height: 32px;
  line-height: 30px; }

.LeftMenuHeader ul.TopMenu ul.SubMenu > li > a {
  padding-left: 40px; }

.LeftMenuHeader ul.TopMenu .collapsed a, .LeftMenuHeader ul.TopMenu li.ActiveModule.collapsed > a {
  background: #002756;
  border-top: 0px solid #fecb77 !important;
  color: #fff; }

.LeftMenuHeader ul.TopMenu #AdminFavoritesDiv a.Mod:hover, .LeftMenuHeader ul.TopMenu #AdminAdjustSettings a.Mod:hover, .LeftMenuHeader ul.TopMenu .FavoritesModule.active a.Mod {
  color: black;
  background: #002756 !important; }

.LeftMenuHeader ul.TopMenu li.ActiveModule a {
  background: #114078;
  color: #fff; }

.LeftMenuHeader ul.TopMenu li.Module a:hover, .LeftMenuHeader ul.TopMenu ul.SubMenu li a, .LeftMenuHeader ul.TopMenu ul.SubMenu li.FirstPage a {
  background: #144b8d;
  color: #fff; }

.LeftMenuHeader ul.TopMenu #AdminFavoritesDiv .SubMenuFavorites a.Mod, .LeftMenuHeader ul.TopMenu #AdminAdjustSettings .SubMenuFavorites a.Mod {
  background: #114078 !important;
  color: #fff;
  padding-left: 5px;
  width: 75%; }

.LeftMenuHeader ul.TopMenu #AdminFavoritesDiv .SubMenuFavorites li *, .LeftMenuHeader ul.TopMenu #AdminAdjustSettings .SubMenuFavorites li * {
  height: 26px !important;
  font-size: 13px; }

.LeftMenuHeader #AdminFavoritesDiv .BackToWeb .Icon:hover, .LeftMenuHeader #AdminFavoritesDiv .Icon:hover, .LeftMenuHeader #AdminFavoritesDiv .SubMenuFavorites, .LeftMenuHeader #AdminAdjustSettings .BackToWeb .Icon:hover, .LeftMenuHeader #AdminAdjustSettings .Icon:hover, .LeftMenuHeader #AdminAdjustSettings .SubMenuFavorites {
  background-color: #114078;
  color: #fff; }

.LeftMenuHeader #AdminAdjustSettings .Icon.Adjust {
  position: relative;
  background-color: #002756; }

.LeftMenuHeader #AdminAdjustSettings .SubMenu li {
  display: block;
  line-height: 26px; }

.LeftMenuHeader #AdminAdjustSettings .SubMenu {
  max-height: 65px;
  margin-top: -26px;
  position: relative;
  top: -43px !important; }

.LeftMenuHeader #AdminAdjustSettings .SubMenu li input {
  float: left;
  margin-right: 8px; }

.LeftMenuHeader ul.TopMenu a {
  background: #114078;
  color: #fff;
  box-sizing: border-box; }

.LeftMenuHeader ul.TopMenu > li {
  display: block; }

.LeftMenuHeader ul.TopMenu .Module.collapsed > ul, .LeftMenuHeader ul.TopMenu .Module.collapsed > a {
  border-left: 2px solid transparent;
  transition: border-left-color 0.5s, max-height 0.5s; }

.LeftMenuHeader ul.TopMenu .Module.active > ul, .LeftMenuHeader ul.TopMenu .Module.active > a, .LeftMenuHeader ul.TopMenu .Module.current > ul, .LeftMenuHeader ul.TopMenu .Module.current > a {
  border-left: 2px solid #e77817;
  transition: border-left-color 0.5s, max-height 0.5s; }

.LeftMenuHeader ul.TopMenu .Module.collapsed > ul {
  border-color: #114078; }

.LeftMenuHeader ul.TopMenu li {
  height: auto;
  float: none; }

.LeftMenuHeader ul.TopMenu ul.SubMenu {
  overflow: hidden;
  clear: both;
  transition: max-height 0.3s; }

.LeftMenuHeader ul.TopMenu .collapsed ul.SubMenu {
  max-height: 0 !important; }

.LeftMenuHeader ul.TopMenu li a {
  display: block;
  float: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.LeftMenuHeader ul.TopMenu li .iconawesome {
  float: left;
  font-size: 16px;
  line-height: 42px;
  padding-left: 8px;
  z-index: 100000000;
  position: relative; }

.BackToWeb .iconawesome.icon-mail-forward {
  -moz-transform: scaleX(-1);
  /* Gecko */
  -o-transform: scaleX(-1);
  /* Opera */
  -webkit-transform: scaleX(-1);
  /* Webkit */
  transform: scaleX(-1);
  /* Standard */
  filter: FlipH;
  /* IE 6/7/8 */
  padding-left: 0;
  padding-right: 8px;
  opacity: 0.5;
  color: white !important; }

#AdminFavoritesDiv .iconawesome.icon-favorite, #AdminAdjustSettings .iconawesome.icon-settings {
  padding: 0;
  margin: 0;
  float: none;
  margin-left: -26px;
  color: #fff; }

.LeftMenuHeader .TopMenu .Module .Icon {
  background-image: none !important;
  font-size: 18px; }

.LeftMenuHeader .Mod {
  position: relative; }

.LeftMenuHeader .ExpandArrow {
  font-size: 24px;
  text-align: center;
  position: absolute;
  right: 0px;
  color: white;
  top: 0px;
  font-weight: bold;
  width: 20px;
  height: 43px;
  width: 42px;
  line-height: 42px;
  transition: transform 0.2s;
  transform: rotate(-90deg); }

ul.TopMenu li.Module a:hover .ExpandArrow {
  background: #0f407b; }

.LeftMenuHeader .active .ExpandArrow {
  transform: rotate(-270deg);
  border-bottom: 1px solid #114078;
  border-right: 1px solid #114078; }

.LeftMenuHeader ul.TopMenu li.ExpandingMenu {
  background-image: none; }

.LeftMenuHeader ul.TopMenu ul.SubMenu li.ExpandingMenu ul a {
  padding-left: 40px;
  text-transform: none; }

.LeftMenuHeader ul.TopMenu ul.SubMenu li.ExpandingMenu ul {
  background: #2664af; }

.LeftMenuHeader ul.TopMenu ul.SubMenu li.ExpandingMenu li a {
  background: #2664af !important;
  color: white; }

.LeftMenuHeader ul.TopMenu ul.SubMenu li.ExpandingMenu li a:before {
  content: "Â» ";
  font-weight: bold; }

.LeftMenuHeader ul.TopMenu li.Links .Mod {
  float: left;
  width: 76% !important; }

.LeftMenuHeader ul.TopMenu li.Links .Edit {
  width: 20% !important; }

.LeftMenuHeader ul.TopMenu #AddFavorites {
  background: #2664af !important;
  border: none !important;
  border-radius: 0; }

.LeftMenuHeader #AdminFavoritesDiv a.Mod, .LeftMenuHeader #AdminAdjustSettings a.Mod {
  width: 100%; }

.LeftMenuHeader #AdminFavoritesDiv .Icon, .LeftMenuHeader #AdminAdjustSettings .Icon {
  float: right;
  padding-right: 2px; }

.LeftMenuHeader #AdminFavoritesDiv .BackToWeb .Icon {
  position: absolute;
  background: url("img/view_web.png") no-repeat 10px center;
  color: white;
  opacity: 0.5; }

.LeftMenuHeader #Mconfiguration .Mod {
  display: block !important; }

.LeftMenuHeader #Mconfiguration .Icon {
  background-image: url("img/settings-big.png"); }

.LeftMenuHeader #ClientSection .OrderShop {
  display: block;
  width: 100%;
  height: 42px;
  padding-left: 10px;
  margin: 0 auto;
  color: white; }

.LeftMenuHeader #ClientSectionLinks {
  width: 220px;
  height: 42px; }

.LeftMenuHeader #ClientSection {
  width: 220px;
  background: #e77817;
  font-size: 18px; }

.LeftMenuHeader #CentralPart {
  max-width: 100000em;
  padding-bottom: 50px; }

.LeftMenuHeader #AdminFavoritesDiv .BackToWeb .Icon, .LeftMenuHeader #AdminAdjustSettings .BackToWeb .Icon {
  width: 136px; }

#mobile-config .StandardTable th {
  width: 50% !important; }

.StandardTable tr.ui-selecting td, .StandardTable tr.ui-selected td {
  background: #dff0f8 !important; }

.LeftMenuHeader .HeaderRow1 {
  margin-top: 0;
  float: left; }

.LeftMenuHeader .HeaderRow2 {
  white-space: nowrap; }

.LeftMenuHeader .HeaderRow2 > span {
  padding-right: 5px; }

.LeftMenuHeader .HeaderRow2 a {
  float: none;
  padding-left: 10px; }

.LeftMenuHeader .HeaderAdminAction {
  font-weight: bold;
  top: 25px;
  padding: 5px;
  clear: both;
  margin-bottom: -30px; }
  .LeftMenuHeader .HeaderAdminAction a {
    margin-left: 10px; }

.LeftMenuHeader .TopMenu > li.Message {
  background: #002756;
  color: white;
  padding: 0 5px;
  text-align: center;
  line-height: 1.5em; }

.LeftMenuHeader .TopMenu > li.Message.MessageSunlight {
  background: #b42a2a;
  padding: 10px; }

.LeftMenuHeader .BasicAdminHeader, .LeftMenuHeader .BasicAdminSubHeader {
  display: block; }

.LeftMenuHeader .BasicAdminSubHeader {
  font-size: 11px; }

.superadmin-only {
  color: #ef5050 !important; }

.LeftMenuHeader #Maction > a .icon-action {
  color: #ef5050 !important; }

.LeftMenuHeader ul.TopMenu #Maction a.Mod {
  color: #ef5050 !important; }

.administrationHelp, .fileManager {
  position: relative;
  padding-bottom: 50%;
  /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.administrationHelp iframe, .fileManager iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.LeftMenuHeader #Maction .SubMenu a:before {
  content: "\f070";
  font-family: 'icomoon';
  margin-left: -30px;
  font-size: 12px;
  padding-right: 17px; }

.icon-top {
  font-family: 'icomoon';
  margin-left: -30px;
  font-size: 12px !important;
  padding-right: 10px;
  line-height: 32px !important; }

.LeftMenuHeader .HeaderRow2 .ClientSection, .LeftMenuHeader .HeaderRow2 .Logout {
  background-image: none; }

.LeftMenuHeader .HeaderRow2 .ClientSection .icomoon {
  line-height: 20px; }

.LeftMenuHeader .HeaderRow2 .icomoon {
  line-height: 18px;
  padding-right: 5px; }

.LeftMenuHeader .HeaderRow2 a {
  margin-left: 0; }

#quick_search_input, .twitter-typeahead > input, .tt-hint {
  color: #222 !important;
  padding: 5px !important;
  width: 300px;
  border: none; }

.tt-dataset {
  display: table;
  width: 100%;
  max-height: 102px;
  overflow: hidden;
  position: relative; }

.tt-dataset.more {
  max-height: 1000px; }

.tt-menu {
  background: white;
  color: black;
  min-width: 500px;
  max-width: 800px;
  padding: 0;
  border: 1px solid #e77817;
  z-index: 10000 !important; }

.tt-more {
  position: absolute;
  top: 3px;
  right: 20px;
  color: white;
  font-weight: bold; }

.search__item {
  text-align: left;
  cursor: pointer;
  display: table-row; }

.search__item .search__col {
  display: table-cell;
  text-align: left;
  border-top: 1px solid white;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fafafa;
  padding: 2px 5px; }

.search__item .search__col a {
  display: inline;
  color: black;
  text-decoration: none; }

.search__item .search__col a:hover {
  text-decoration: none !important; }

.search__item .search__col:first-child {
  padding-right: 10px;
  white-space: nowrap; }

.search__subitem .search__col {
  background: #fff8b2; }

.search__subitem .search__col:first-child {
  padding-left: 15px; }

.search__item:hover .search__col, .LeftMenuHeader .search__item.tt-cursor .search__col {
  background: #e0e0e0; }

.search__caption {
  caption-side: top;
  display: table-caption; }

h2.search__title {
  text-align: left;
  font-size: 12px;
  background: #555;
  color: white;
  padding: 2px 5px;
  border-bottom: 1px solid #494949; }

.search__caption.tt-suggestion h2.search__title {
  background-color: #fafafa;
  border-left: 5px solid #555;
  color: #555; }

h2.search__title:hover {
  background: #494949 !important;
  color: white !important; }

.twitter-typeahead > input {
  border: none;
  padding: 2px; }

.tt-menu.tt-empty.tt-open {
  display: block !important; }

.tt-menu .noResults {
  float: left;
  padding: 2px 5px;
  text-align: left; }

#ScrollUp {
  cursor: pointer;
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
  opacity: 0; }

#ScrollUp .iconawesome {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  margin: 0;
  padding: 0;
  float: right;
  background: white;
  opacity: 0.5;
  border-radius: 999em;
  -moz-border-radius: 999em;
  -webkit-border-radius: 999em;
  line-height: 30px;
  margin-right: -6px;
  bottom: 10px;
  left: 180px;
  position: fixed;
  z-index: 0; }

#ScrollUp .iconawesome:before {
  font-size: 25px;
  color: #002756; }

.LeftMenuHeader.LeftMenuHeaderCompact #ScrollUp .iconawesome {
  left: 3px; }

table.StandardTable th {
  white-space: nowrap; }

.tablesaw-cell-hidden {
  display: none; }

.StandardTable th {
  position: relative; }

.StandardTable th .OrderToggle.inactive {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 100%; }

.StandardTable th .OrderToggle.inactive img {
  display: none; }

.StandardTable td.nowrap {
  white-space: nowrap; }

.twitter-typeahead > input:focus {
  outline: none; }

.ui-tabs.ui-widget {
  border: none; }

.ui-widget-header.ui-tabs-nav {
  border: none;
  background: transparent;
  border-bottom: 4px solid #e77817;
  border-radius: 0px;
  padding-left: 5px;
  padding-right: 5px; }

.ui-tabs .ui-tabs-nav li.ui-state-default {
  background: #ddd;
  border-color: #ddd;
  margin-top: 3px; }

.ui-tabs .ui-tabs-nav li.ui-state-active, .ui-tabs .ui-tabs-nav li.ui-state-active:hover {
  background: #e77817 !important;
  border-color: #e77817 !important; }

.ui-tabs .ui-tabs-nav li.ui-state-default a {
  color: #555 !important; }

.ui-tabs .ui-tabs-nav li.ui-state-default:hover {
  background: #ccc;
  border-color: #ccc; }

.ui-tabs .ui-tabs-nav li.ui-state-active a {
  color: white !important; }

#Tabs.ui-tabs {
  position: static; }

.cke_skin_kama .cke_contents textarea.cke_source {
  white-space: pre-wrap; }

.ToggleAllFilters {
  font-size: 10px;
  line-height: 10px;
  color: #888; }

.ToggleAllFilters input {
  position: relative;
  top: 3px; }

.showTime {
  display: none;
  position: absolute;
  background: #e2e7ed; }

.showDate:hover .showTime {
  display: inline !important; }

.HttpsConfig .StatusNotice {
  margin-top: 20px; }

.HttpsConfig .buttons {
  margin-top: 30px; }

.HttpsConfig .MyButton {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 10px; }

.columnToggler {
  position: relative; }

.columnToggler i {
  display: none;
  width: 15px;
  height: 15px;
  float: right;
  background: url(img/filtr_up.png) left top no-repeat;
  background-image: none;
  margin-top: 2px; }

.columnToggler i:hover {
  cursor: pointer;
  background-position: left bottom; }

.columnToggler.hiddenColumn i {
  display: block;
  background-image: url(img/filtr_down.png); }

.hiddenColumn {
  width: 1px !important;
  overflow: hidden; }

.hiddenColumn > *:not(i) {
  display: none; }

table.PayshipTotalPrice, table.TableButtons {
  width: 100%; }

.CustomForms #addField i, .CustomForms #addAction i, .CustomForms .addValidator i {
  font-size: 19px;
  line-height: 24px; }

.CustomForms .addFieldLabel, .CustomForms .addActionLabel {
  line-height: 24px; }

.CustomForms ul.boxy li {
  border: 1px solid #90bed3;
  background: #e0eaef;
  margin-top: 5px;
  padding: 10px;
  min-width: 400px;
  cursor: move;
  float: left;
  clear: both;
  position: relative; }

.CustomForms ul.boxy li li {
  width: auto;
  float: none;
  min-width: auto;
  background: #e6f0f5; }

.CustomForms ul.boxy li li li {
  background: #e0eaef; }

.CustomForms#EditPage ul.boxy li input, .CustomForms#EditPage ul.boxy li textarea {
  width: 270px;
  box-sizing: border-box;
  margin-bottom: 3px;
  max-width: 100%; }

.CustomForms#EditPage ul.boxy li li input, .CustomForms#EditPage ul.boxy li li textarea {
  width: 250px; }

.CustomForms ul.boxy .Header {
  font-weight: bold; }

.CustomForms ul.boxy .Header span {
  font-size: 10px;
  font-weight: normal; }

.CustomForms #fieldsList label, .CustomForms #actionsList label {
  width: 120px;
  margin: 0;
  display: inline-block;
  float: none;
  vertical-align: top; }

.CustomForms .deleteRowFromOptionsList, .CustomForms .deleteItem {
  float: right; }

.CustomForms label.checkbox, .CustomForms label.checkbox input[type=checkbox], .CustomForms label.checkbox input[type=radio] {
  width: auto !important; }

.CustomForms .MyButton {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  padding: 0 10px;
  box-sizing: border-box;
  margin-right: 20px; }

.CustomForms .validation {
  color: red; }

.CustomForms .field.hidden {
  opacity: 0.5; }

.CustomForms .field_required_error_message {
  display: none; }

.CustomForms .noItems {
  color: red; }

.CustomForms .itemDescription {
  position: absolute;
  top: -1px;
  background: #e6f0f5;
  height: auto;
  max-height: calc(100% + 2px);
  right: -231px;
  width: 230px;
  border-radius: 2px;
  border: 1px solid #90bed3;
  border-left: 0;
  box-sizing: border-box;
  padding: 10px;
  overflow-y: auto;
  opacity: 0.7; }

.CustomForms .itemDescription a {
  text-decoration: underline; }

.Translator .tabs {
  border-bottom: 1px solid #aaa; }

.Translator h2 {
  padding: 5px 20px;
  background: white;
  float: left;
  border: 1px solid #aaa;
  border-bottom: none;
  margin-left: 10px;
  font-size: 14px; }

.Translator h2.active {
  position: relative;
  top: 1px; }

.Translator h2 {
  cursor: pointer; }

.Translator table {
  border-collapse: collapse;
  width: 100%; }

.Translator table th {
  text-align: center; }

.Translator table td {
  border: 1px solid #ddd;
  padding: 5px;
  vertical-align: top; }

.Translator table td.found textarea {
  border-color: green;
  border-width: 2px; }

.Translator table textarea {
  width: 140px;
  width: 100%;
  height: 50px;
  border-color: #bbb; }

.Translator table textarea {
  background-color: white;
  padding: 5px;
  box-sizing: border-box; }

.Translator table textarea.Empty {
  border-color: red;
  border-width: 2px; }

.OrderProductsRow.OrdersProductsWithoutStore input.products_name {
  color: black; }

.OrderProductsRow.OrdersProductsOnStore input.products_name {
  color: green; }

.OrderProductsRow.OrdersProductsNoStore input.products_name {
  color: red; }

.OrderProductsRow.OrdersProductsZeroStore input.products_name {
  color: DarkOrange; }

.ColorPickerDiv {
  z-index: 1000000000; }

.NewsArchive {
  font-size: 15px;
  line-height: 23px;
  max-width: 80em; }
  .NewsArchive h2 {
    font-size: 28px;
    font-weight: normal; }
  .NewsArchive h3, .NewsArchive h4 {
    margin-top: 23px;
    color: #333; }
  .NewsArchive .Date {
    font-size: 11px;
    color: #555;
    margin-bottom: 23px; }
  .NewsArchive .ShowDetail {
    display: block;
    margin-top: 20px;
    padding: 15px;
    padding-bottom: 0;
    border-top: 1px solid #eee;
    font-weight: bold;
    color: #555; }
  .NewsArchive .ShowDetail span {
    font-size: 10px; }
  .NewsArchive * {
    font-family: 'PT Sans', sans-serif; }
  .NewsArchive .NewsItem {
    margin: 20px;
    padding: 30px;
    border-bottom: 1px solid #ccc; }
  .NewsArchive.NewsDetail {
    padding: 30px; }
  .NewsArchive ul {
    list-style-type: disc;
    margin-left: 1em;
    padding-left: 1em; }
  .NewsArchive li {
    list-style-type: disc; }
  .NewsArchive li li {
    list-style-type: circle; }

.Paginator, .PageSelector {
  height: 25px !important; }
  .Paginator a, .PageSelector a {
    text-decoration: none !important;
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #ccc;
    color: #555;
    font-weight: normal; }
  .Paginator a:hover, .PageSelector a:hover {
    border-color: #888;
    color: black; }

.PageSelector {
  font-weight: bold; }

.Notification {
  box-sizing: border-box;
  width: 100%;
  background: transparent;
  padding: 10px;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 15px;
  vertical-align: middle;
  border-bottom: 1px solid transparent;
  color: rgba(0, 0, 0, 0.9);
  position: relative; }
  .Notification span.iconawesome {
    font-size: 14px;
    color: #998c4c; }

.Notification--success {
  background-color: #37983e;
  color: white;
  border-color: #2b771c; }
  .Notification--success a, .Notification--success span.iconawesome {
    color: white; }

.Notification--warning {
  background-color: #fceb9d;
  border-color: rgba(153, 140, 76, 0.3); }

.Notification--error {
  background-color: #c94123;
  border-color: rgba(101, 32, 18, 0.9);
  color: white;
  font-weight: bold; }
  .Notification--error a, .Notification--error span.iconawesome {
    color: white; }

.wizard--show {
  font-weight: bold;
  color: black;
  text-decoration: underline;
  cursor: pointer; }

#overlayhelp {
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  transition: opacity 0.5s;
  opacity: 0;
  z-index: -1; }
  #overlayhelp.active {
    display: block;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
    z-index: 100000000; }

.overlayTop {
  position: relative;
  z-index: 100000001; }

.input {
  background: #eef0f0; }

#wizard-progress {
  padding: 20px 10px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1); }
  #wizard-progress h3, #wizard-progress h4, #wizard-progress h4 span {
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: white;
    margin-bottom: 5px; }
  #wizard-progress h4, #wizard-progress h4 span {
    font-size: 12px; }
  #wizard-progress .indicator .meter {
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px 5px 5px 5px;
    height: 15px;
    padding: 3px; }
  #wizard-progress .indicator .inner {
    background: rgba(4, 255, 24, 0.55);
    border-radius: 2px 2px 2px 2px;
    width: 10%;
    height: 15px;
    transition: width 0.5s; }
/* HEADER */
#TopWide {
  position: relative;
  height: auto;
  width: calc(100% - 220px);
  float: right;
  background: #e77817; }
  #TopWide.fixed {
    position: absolute;
    right: 0;
    z-index: 100000000; }
  #TopWide.fixed + .TopWideFiller {
    height: 35px; }

#Logo {
  width: 220px;
  z-index: 1;
  position: relative;
  background: url("img/logo.png") no-repeat 0px 0px;
  height: 65px; }

#MainHeader {
  display: table;
  width: 100%;
  font-size: 11px; }
  #MainHeader > div {
    display: table-cell;
    vertical-align: middle; }
  #MainHeader .HeaderBreadcrumbs {
    padding-left: 1%;
    width: 100%;
    font-size: 12px;
    white-space: nowrap; }
  #MainHeader .HeaderBreadcrumbs a, #MainHeader .HeaderBreadcrumbs span {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none !important; }
  #MainHeader .HeaderBreadcrumbs a:hover {
    text-decoration: underline !important; }
  #MainHeader .HeaderBreadcrumbs .crumbActive a {
    color: white; }
  #MainHeader .HeaderBreadcrumbs .superadmin-only {
    color: white !important; }
  #MainHeader .HeaderBlock {
    text-align: center;
    background-color: transparent;
    border-left: 1px solid #e77817; }
  #MainHeader .HeaderBlock.Active {
    background-color: #f09342; }
    #MainHeader .HeaderBlock.Active .Container {
      border-bottom-width: 5px; }
  #MainHeader .HeaderBlock.HeaderUser .TabHeader {
    float: none;
    width: auto;
    display: block;
    text-transform: none;
    font-weight: normal; }
    #MainHeader .HeaderBlock.HeaderUser .TabHeader span.iconawesome {
      font-size: 12px;
      width: auto;
      height: auto;
      line-height: 12px;
      padding-right: 5px; }
    #MainHeader .HeaderBlock.HeaderUser .Wrapper {
      text-align: right;
      background: #f09342;
      padding: 0 !important; }
    #MainHeader .HeaderBlock.HeaderUser .Wrapper span.iconawesome {
      position: relative;
      top: 1px;
      font-size: 14px;
      width: auto;
      height: auto;
      line-height: 12px;
      padding-right: 5px; }
    #MainHeader .HeaderBlock.HeaderUser ul li a {
      display: block;
      padding: 15px 15px;
      font-weight: bold;
      color: white;
      text-align: left;
      font-size: 12px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      #MainHeader .HeaderBlock.HeaderUser ul li a:hover {
        background: rgba(255, 255, 255, 0.1); }
      #MainHeader .HeaderBlock.HeaderUser ul li:last-child a {
        border-bottom: 0; }
    #MainHeader .HeaderBlock.HeaderUser .Container {
      border: 0; }
    #MainHeader .HeaderBlock.HeaderUser.Active .Container {
      max-height: 200px;
      border: 0; }
  #MainHeader .HeaderBlock.HeaderHelp .Container {
    width: 310px;
    height: 100vh; }
    #MainHeader .HeaderBlock.HeaderHelp.Active .Container {
      max-height: 100vh; }
  #MainHeader .HeaderBlock * {
    box-sizing: border-box; }
  #MainHeader .HeaderBlock span.iconawesome {
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px; }
  #MainHeader .HeaderBlock .title {
    font-size: 11px;
    max-width: 125px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    font-weight: bold; }
  #MainHeader .HeaderBlock .Header {
    color: white;
    white-space: nowrap;
    cursor: pointer;
    padding: 0 10px;
    min-width: 50px;
    height: 35px;
    line-height: 35px;
    text-align: center; }
    #MainHeader .HeaderBlock .Header:hover {
      background-color: #f09342; }
  #MainHeader .HeaderBlock .Container {
    position: absolute;
    z-index: 100000002;
    overflow: hidden;
    text-align: left;
    will-change: max-height;
    transition: max-height 0.3s;
    background-color: #f1f1f1;
    border: 5px solid #f09342;
    max-height: 0;
    border-right: none;
    border-width: 0 5px;
    overflow: auto;
    box-sizing: content-box;
    -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.25);
    width: 250px;
    right: 0;
    z-index: 10000000;
    color: #222; }
    #MainHeader .HeaderBlock .Container h2 {
      width: 90%;
      float: left;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 11px;
      text-align: left;
      background-color: #f1f1f1;
      color: #222; }
    #MainHeader .HeaderBlock .Container .TabHeader {
      padding: 15px !important;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    #MainHeader .HeaderBlock .Container .Wrapper {
      padding: 10px; }
  #MainHeader .HeaderBlock .Wizard {
    clear: both;
    padding: 0; }
    #MainHeader .HeaderBlock .Wizard .WizardStep {
      font-size: 12px; }
    #MainHeader .HeaderBlock .Wizard .WizardStep a {
      display: block;
      width: 200px;
      height: 45px;
      padding: 15px;
      padding-right: 0;
      white-space: nowrap; }
    #MainHeader .HeaderBlock .Wizard dt {
      position: relative;
      background-color: #dadada;
      padding: 0;
      border-bottom: 1px solid #ccc;
      transition: background-color 0.2s; }
    #MainHeader .HeaderBlock .Wizard dt:hover {
      background: #d0d0d0; }
    #MainHeader .HeaderBlock .Wizard dt.Active {
      background-color: transparent;
      border-color: transparent; }
    #MainHeader .HeaderBlock .Wizard dt.Active + dd {
      background-color: transparent;
      display: block; }
    #MainHeader .HeaderBlock .Wizard dt.Done h3 {
      opacity: 0.2; }
    #MainHeader .HeaderBlock .Wizard dd {
      display: none;
      background: white;
      padding: 10px;
      font-size: 0.9rem;
      font-weight: normal;
      line-height: 1.5em; }
    #MainHeader .HeaderBlock .Wizard dd h3 {
      display: inline-block; }
    #MainHeader .HeaderBlock .Wizard dd p {
      padding: 10px; }
      #MainHeader .HeaderBlock .Wizard dd p.Success {
        background: green;
        color: white; }
    #MainHeader .HeaderBlock .Wizard ul {
      list-style-type: disc;
      margin-left: 20px; }
    #MainHeader .HeaderBlock .Wizard ul li {
      list-style-type: disc; }
      #MainHeader .HeaderBlock .Wizard ul li a {
        color: #555; }
      #MainHeader .HeaderBlock .Wizard ul li a:hover {
        color: #000; }
    #MainHeader .HeaderBlock .Wizard .checkbox__label:after {
      content: ' ';
      display: block;
      height: 10px;
      width: 10px;
      border: 0.15rem solid #48440e;
      transition: 200ms;
      position: absolute;
      top: 2px;
      left: -2px;
      background: transparent; }
    #MainHeader .HeaderBlock .Wizard .checkbox__label {
      font-size: 11px; }
    #MainHeader .HeaderBlock .Wizard .checkbox__label:after {
      transition: 100ms ease-in-out; }
    #MainHeader .HeaderBlock .Wizard .checkbox__input {
      visibility: hidden; }
    #MainHeader .HeaderBlock .Wizard .checkbox__input:checked ~ .checkbox__label:after {
      border-top-style: none;
      border-right-style: none;
      -ms-transform: rotate(-45deg);
      /* IE9 */
      transform: rotate(-45deg);
      height: 0.35rem;
      border-color: green; }
    #MainHeader .HeaderBlock .Wizard .checkbox {
      position: absolute;
      right: 5px;
      top: 15px;
      letter-spacing: 0.05em;
      font-size: 13px;
      cursor: pointer;
      /* Mobile Safari: */
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    #MainHeader .HeaderBlock .Wizard .checkbox__label:after:hover, #MainHeader .HeaderBlock .Wizard .checkbox__label:after:active {
      border-color: green; }

.ShowWizard #MainContent {
  width: calc(100% - 300px); }
/* Compact menu */
.LeftMenuHeaderCompact {
  background: linear-gradient(90deg, #002756, #002756 39px, white 39px);
  background-repeat-x: no-repeat; }
  .LeftMenuHeaderCompact #TopWide {
    width: calc(100% - 49px);
    padding-left: 10px; }
  .LeftMenuHeaderCompact #wizard-progress {
    display: none; }
  .LeftMenuHeaderCompact #feedresult {
    max-width: 38px;
    max-height: 38px;
    overflow: hidden; }
  .LeftMenuHeaderCompact #feedresult .Header2 {
    white-space: nowrap; }
    .LeftMenuHeaderCompact #feedresult .Header2:hover {
      background: #144b8d; }
  .LeftMenuHeaderCompact #feedresult .RSSresults {
    display: none; }
  .LeftMenuHeaderCompact #LeftMenu {
    width: 40px;
    max-width: 40px; }
  .LeftMenuHeaderCompact .AdminWrapper {
    border-left-width: 36px; }
  .LeftMenuHeaderCompact #Administration {
    margin-left: -36px; }
  .LeftMenuHeaderCompact #Logo {
    width: 39px;
    height: 35px;
    background-size: cover !important;
    background-position: 5px center !important; }
  .LeftMenuHeaderCompact #MainHeader > a {
    width: 140px; }
  .LeftMenuHeaderCompact #ClientSectionLinks {
    max-width: 36px;
    overflow: hidden; }
  .LeftMenuHeaderCompact .ExpandArrow {
    z-index: 10000000;
    color: transparent !important;
    border-color: transparent !important; }
  .LeftMenuHeaderCompact #AdminFavoritesDiv a.Mod {
    height: 84px; }
  .LeftMenuHeaderCompact #AdminAdjustSettings .iconawesome.icon-settings, .LeftMenuHeaderCompact #AdminFavoritesDiv .iconawesome.icon-favorite {
    margin-left: -22px; }
  .LeftMenuHeaderCompact #AdminFavoritesDiv .BackToWeb .Icon {
    display: none; }
  .LeftMenuHeaderCompact ul.TopMenu {
    max-width: 36px; }
  .LeftMenuHeaderCompact ul.TopMenu li.Module {
    position: relative; }
    .LeftMenuHeaderCompact ul.TopMenu li.Module a:hover .ExpandArrow {
      color: transparent !important;
      background-color: transparent !important;
      border-color: transparent !important; }
  .LeftMenuHeaderCompact ul.TopMenu li.Message {
    display: none; }
  .LeftMenuHeaderCompact ul.TopMenu li.MessageSunlight {
    display: block;
    width: 200px;
    padding: 0; }
  .LeftMenuHeaderCompact ul.TopMenu .Module.active > a {
    overflow: visible;
    background: #0f407b; }
    .LeftMenuHeaderCompact ul.TopMenu .Module.active > a .Icon {
      min-width: 205px;
      background: #114078;
      position: relative;
      z-index: 1000000; }
  .LeftMenuHeaderCompact ul.TopMenu .Module > a .Icon {
    transition: 0.2s min-width;
    min-width: 0px; }
  .LeftMenuHeaderCompact ul.TopMenu .Module .SubMenu {
    top: 42px !important;
    width: 220px;
    z-index: 1000000; }
  .LeftMenuHeaderCompact ul.TopMenu li.Module.active .SubMenu {
    visibility: visible; }
  .LeftMenuHeaderCompact ul.TopMenu li.Module.collapsed .SubMenu {
    visibility: hidden !important; }
  .LeftMenuHeaderCompact ul.TopMenu .Module.active.FavoritesModule > a .Icon {
    min-width: 0px; }
  .LeftMenuHeaderCompact ul.TopMenu .Module.active.FavoritesModule > a {
    border-left-color: #002756; }
  .LeftMenuHeaderCompact ul.SubMenu {
    position: absolute;
    left: 36px; }
  .LeftMenuHeaderCompact .fixed > a {
    position: fixed;
    left: 36px;
    z-index: 10000; }

.Admin a.OrderButton {
  display: inline-block;
  background: #002756;
  color: white;
  line-height: 20px;
  padding: 5px 10px;
  position: absolute;
  top: 3px;
  margin-left: 10px; }

.Admin a.OrderButton:hover {
  background: #144b8d; }

.Admin a.DeleteSampleDataLink {
  margin-left: 200px;
  text-decoration: underline;
  font-size: 13px;
  color: #002756; }

.Admin a.DeleteSampleDataLink:hover {
  text-decoration: none; }
/* 	Klientska sekce */
.Client {
  padding-top: 10px;
  counter-reset: section; }

.Client .ClientOrderEshop .CurrentVariety {
  padding-left: 0;
  font-size: 16px; }

.Client .ClientOrderEshop .CurrentVariety a {
  font-weight: bold; }
  .Client .ClientOrderEshop .CurrentVariety a:hover {
    text-decoration: underline; }

.Client form {
  padding: 10px 0; }

.Client form > div {
  padding: 10px 0; }

.Client h1 {
  font-family: 'PT Sans', sans-serif;
  font-size: 25px;
  margin-bottom: 10px;
  font-weight: normal; }

.Client .ClientOrderEshop h3, .Client.VarietyChanger h3 {
  margin-top: 20px;
  margin-bottom: 5px;
  counter-increment: section; }
  .Client .ClientOrderEshop h3:before, .Client.VarietyChanger h3:before {
    content: counter(section);
    display: inline-block;
    background: #7f92aa;
    width: 19px;
    height: 19px;
    font-size: 11px;
    text-align: center;
    margin-right: 10px;
    color: white;
    border-radius: 999em; }

.Client .FrequencySwitcher br {
  display: none; }

.Client .FrequencyLabel {
  display: none; }

.Client .Note {
  color: #888;
  font-size: 10px;
  padding-left: 10px; }

.Client .ClientOrderEshop p {
  padding: 10px; }

.Client .Note textarea {
  width: 370px;
  height: 50px;
  padding: 5px; }

.Client .NoteHeader {
  cursor: pointer; }

.Client .NoteHeader + .Note {
  max-height: 0;
  transition: max-height 0.3s;
  overflow: hidden;
  padding: 0;
  margin-bottom: 15px; }

.Client .NoteHeader + .Note.Active {
  max-height: 100px; }

.Client .NoteHeader .iconawesome {
  vertical-align: text-bottom;
  margin-left: 15px; }

.Client .FrequencySwitcher {
  float: left; }

.Client .Moby {
  float: left;
  max-width: 150px;
  padding-left: 50px;
  margin-top: -65px;
  position: absolute; }

.Client .FrequencySwitcher input {
  opacity: 0;
  width: 0; }
  .Client .FrequencySwitcher input + span:after {
    content: ' ';
    position: absolute;
    left: -6px;
    top: -6px;
    width: 152px;
    height: 72px;
    border: 5px solid white;
    background: transparent;
    opacity: 0;
    pointer-events: none; }
  .Client .FrequencySwitcher input:checked + span:after {
    opacity: 1; }

.ButtonEffect {
  position: relative;
  overflow: hidden;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .ButtonEffect:checked + span {
    color: white; }
  .ButtonEffect + span {
    transition-property: color;
    transition-duration: 0.3s; }
  .ButtonEffect + span:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e77817;
    will-change: opacity;
    opacity: 0; }
  .ButtonEffect:checked + span:before {
    opacity: 1; }

.Client .CurrentVariety .ChangeVariety {
  display: none; }

.Client .FrequencySwitcher label {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 70px;
  line-height: 35px;
  font-size: 16px;
  margin: 5px;
  text-align: center;
  border: 1px solid #888;
  color: #222;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 3px 3px 3px #ccc; }
  .Client .FrequencySwitcher label .price {
    display: block;
    font-size: 0.9em;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 1em;
    font-weight: normal;
    opacity: 0.8; }
  .Client .FrequencySwitcher label:hover {
    border: 1px solid #888; }

.Client .Udaje .field {
  padding: 5px;
  vertical-align: top; }

.Client .Udaje label {
  padding: 5px;
  width: 250px;
  display: block;
  height: 15px;
  line-height: 15px;
  vertical-align: middle; }

.Client .Udaje input {
  padding: 5px;
  width: 250px;
  vertical-align: middle; }

.Client #loadAres {
  color: #888;
  padding: 6px;
  border: 1px solid #ccc;
  font-size: 13px;
  white-space: nowrap;
  vertical-align: middle;
  height: 20px;
  position: relative;
  top: 1px; }
  .Client #loadAres:hover {
    color: #555;
    border-color: #555; }

.Client .EshopDataHeader {
  margin-top: 40px; }

.Client .Column {
  display: inline-block;
  width: 47%;
  vertical-align: top;
  min-width: 510px; }

.Client .Agree .Terms {
  border: 1px solid #888;
  overflow: scroll;
  height: 150px;
  padding: 10px; }

.Client .Agree .AgreeCheck {
  font-weight: bold;
  border-top: 1px solid #ccc;
  padding: 15px; }

.Client .Agree input {
  vertical-align: text-top;
  margin-right: 10px; }

.Client input[name=send] {
  white-space: nowrap;
  color: white;
  line-height: 18px;
  height: auto;
  padding: 20px;
  font-size: 16px;
  border: 1px solid transparent;
  background-color: #65a049; }
  .Client input[name=send]:hover {
    border: 1px solid transparent;
    background-color: #4e7e38; }

.Client .ChangeVariety {
  padding: 8px;
  display: inline-block;
  font-size: 12px;
  margin: auto;
  margin-left: 10px;
  background: #e77817;
  color: white; }

.Client .ChangeVariety:hover {
  opacity: 0.7; }
/*
 Zmena varianty
 */
.Client.VarietyChanger .Varieties, .Client.VarietyChanger .Varieties .Note {
  margin-top: 20px; }

.Client.VarietyChanger .VarietyItem {
  display: inline-block;
  width: 230px;
  padding: 10px;
  border: 1px solid #888;
  margin: 10px;
  height: 120px;
  vertical-align: top;
  text-align: center;
  box-shadow: 3px 3px 3px #ccc; }

.Client.VarietyChanger.VarietyChangerManual .VarietyItem {
  cursor: pointer; }

.VarietyChanger .VarietyItem.CurrentVariety {
  background: #e77817;
  color: white;
  box-shadow: none; }

.Client.VarietyChanger .CantOrder.VarietyItem {
  opacity: 0.3;
  box-shadow: none; }

.VarietyChanger .VarietySwitch {
  text-align: center;
  margin: 10px;
  font-weight: bold; }

.VarietyChanger .VarietyHeader {
  margin-bottom: 5px; }

.VarietyChanger .CurrentInfo {
  font-size: 16px;
  padding: 10px; }

#MainContent.sitemap .EditWindow {
  float: none !important;
  clear: both !important;
  width: 100% !important; }
  #MainContent.sitemap .EditWindow .Menu a {
    display: inline-block; }
    #MainContent.sitemap .EditWindow .Menu br {
      display: none; }

.Sitemap .Menu {
  padding: 15px; }
  .Sitemap .SitemapBranch {
    line-height: 28px !important;
    display: inline-block; }
  .Sitemap .SitemapBranch a {
    display: inline-block;
    vertical-align: top; }
  .Sitemap .Tree > .SitemapNode {
    background-image: none !important; }
  .Sitemap .BranchRow {
    display: inline-block;
    background: rgba(100, 100, 100, 0.1);
    padding: 4px 10px;
    margin: 2px 0; }
  .Sitemap .BranchRow:hover {
    background: rgba(100, 100, 100, 0.2); }
  .Sitemap .ElementLink {
    width: 200px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .Sitemap .SitemapNode {
    background-position-y: 8px !important;
    background-color: transparent !important; }
  .Sitemap.RightHalf {
    margin-top: 25px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    float: right !important; }
  .Sitemap.RightHalf h3 {
    margin: 10px;
    margin-top: 0; }
  .Sitemap.RightColumn#Center {
    width: 100%;
    padding: 10px;
    box-sizing: border-box; }

.fontawesome.ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: white;
  font-size: 15px;
  line-height: 20px !important;
  text-align: center;
  position: relative;
  margin: 0;
  top: 5px;
  right: 0;
  border-radius: 2px;
  overflow: hidden;
  margin-left: 5px; }
  .fontawesome.ico.ico-add {
    background: green; }
  .fontawesome.ico.ico-delete {
    background: red; }
  .fontawesome.ico.ico-edit {
    background: orange; }

.fieldset hr {
  border: none;
  border-top: 1px solid #ccc;
  margin: 10px !important; }

.fieldset .box {
  float: left;
  padding: 10px;
  margin: 5px;
  width: 24%;
  box-sizing: border-box; }

.fieldset .legend {
  border-color: #114c93;
  color: white;
  font-weight: bold;
  font-size: 11px;
  border-top: 1px solid #266cb0;
  border-bottom: 1px solid #114c93;
  background-color: #114c93;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 2px 15px !important;
  margin: 0;
  cursor: pointer;
  border-radius: 0; }

.fieldset.hidden .legend:before {
  content: "\f0d7";
  font-family: 'icomoon'; }

.fieldset {
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  background: #eef0f0;
  position: relative;
  border: none; }

.fieldset * {
  box-sizing: border-box; }

.fieldset .innerfieldset {
  padding: 10px 20px; }

.fieldset .input, .fieldset .multilang {
  display: inline-block;
  width: 100%;
  vertical-align: top; }

@media screen and (min-width: 1100px) {
  .fieldset .input, .fieldset .multilang {
    width: 49%; }

  .fieldset .multilang.full {
    width: 100%; } }

.fieldset .multilang {
  float: left;
  margin-right: 4px; }

.fieldset .input {
  line-height: 30px;
  position: relative; }

.fieldset .multilang .input {
  width: 100%; }

.fieldset .multilang.full .input {
  width: 49%; }

.fieldset .input.full {
  width: 100%; }

.fieldset .label, .fieldset.gallery label {
  display: inline-block;
  width: 180px !important;
  padding: 0 10px !important;
  vertical-align: top;
  white-space: nowrap; }

.fieldset .label + div {
  display: inline-block;
  width: calc(100% - 190px); }

.fieldset .checkboxlabel {
  vertical-align: middle;
  white-space: nowrap;
  line-height: 29px; }

.fieldset input[type=checkbox] {
  margin: 3px;
  vertical-align: middle; }

.fieldset span.items {
  display: inline-block;
  width: calc(100% - 200px); }

.fieldset span.item {
  white-space: nowrap;
  display: inline-block;
  padding-right: 10px; }

.fieldset input[type=text], .fieldset input[type=number], .fieldset select, .fieldset textarea, .fieldset .select2 {
  width: 150px;
  vertical-align: middle;
  position: relative;
  top: -2px; }

.fieldset input[type=text], .fieldset input[type=number] {
  height: 24px;
  padding: 0 4px; }

.fieldset select[data-ajax-add] + span.select2-container--default {
  float: none;
  display: inline-block; }

.fieldset input.short {
  width: 75px !important; }

.fieldset input[type=text].long, .fieldset textarea {
  width: calc(100% - 220px) !important; }

.FormElement .input {
  background: none; }

.Client.Tickets .Menu a {
  padding: 5px 10px !important;
  line-height: 40px; }
  .Client.Tickets .NoSupportMessage {
    margin: 0; }
  .Client.Tickets .NoSupportMessage p {
    margin-bottom: 5px; }
  .Client.Tickets .NoSupportMessage a {
    text-decoration: underline; }
  .Client.Tickets .NoSupportMessage a:hover {
    text-decoration: none; }
  .Client.Tickets.TicketDetail .AnswerToggler {
    display: inline-block;
    border: none;
    background: lightgray;
    padding: 0px 10px;
    font-size: 30px;
    line-height: initial;
    text-decoration: none;
    height: 20px; }
    .Client.Tickets.TicketDetail .AnswerToggler span {
      position: relative;
      top: -18px; }
  .Client.Tickets.TicketDetail h2 small {
    display: block;
    font-size: 12px; }
  .Client.Tickets.TicketDetail h3 {
    margin-bottom: 10px; }
  .Client.Tickets.TicketDetail .ReplyButtonMenu {
    margin-top: 10px; }
  .Client.Tickets.TicketDetail .Reply {
    border: 1px solid #ccc;
    padding: 15px 20px;
    margin-bottom: 10px; }
  .Client.Tickets.TicketDetail .Reply.FromAdmin {
    background: #eee;
    margin-left: 15px; }
  .Client.Tickets.TicketDetail .Replies h2 {
    padding: 10px 0; }
  .Client.Tickets.TicketDetail .ReplyContent ol {
    margin-left: 15px; }
    .Client.Tickets.TicketDetail .ReplyContent ol li {
      list-style: decimal; }
    .Client.Tickets.TicketDetail .ReplyContent ul {
      margin-left: 15px; }
    .Client.Tickets.TicketDetail .ReplyContent ul li {
      list-style: disc; }
  .Client.Tickets.TicketDetail .ReplyUpdated {
    color: #888;
    font-size: 0.9em;
    margin-bottom: 20px; }
  .Client.Tickets.TicketDetail .TextHeader, .Client.Tickets.TicketDetail .FilesHeader {
    color: #888; }
  .Client.Tickets.TicketDetail .FilesHeader {
    margin-top: 20px; }
  .Client.Tickets.TicketDetail .Files a {
    text-decoration: underline; }
  .Client.Tickets.TicketDetail .Text, .Client.Tickets.TicketDetail p {
    line-height: 1.5em; }
  .Client.Tickets.TicketList table {
    width: 100%;
    width: 90%;
    margin: 20px; }
  .Client.Tickets.TicketList th:first-child, .Client.Tickets.TicketList td:first-child {
    text-align: center !important;
    width: 50px; }
  .Client.Tickets.TicketList th:last-child, .Client.Tickets.TicketList td:last-child {
    width: 50px;
    text-align: center !important; }
  .Client.Tickets .ResponseForm {
    background-color: #eee; }
  .Client.Tickets.NewTicket table, .Client.Tickets .ResponseForm table {
    width: 90%;
    max-width: 800px;
    margin: 10px; }
  .Client.Tickets.NewTicket input, .Client.Tickets .ResponseForm input {
    padding: 5px;
    width: 90%;
    max-width: 400px; }
  .Client.Tickets.NewTicket th, .Client.Tickets .ResponseForm th {
    width: 100px;
    vertical-align: top;
    padding: 10px 0; }
  .Client.Tickets.NewTicket td, .Client.Tickets .ResponseForm td {
    padding: 5px; }
  .Client.Tickets.NewTicket textarea, .Client.Tickets .ResponseForm textarea {
    padding: 5px;
    height: 300px;
    width: 100%; }
  .Client.Tickets.NewTicket input[type=submit], .Client.Tickets .ResponseForm input[type=submit] {
    width: 100px;
    height: 50px;
    float: right; }
  .Client.Tickets.NewTicket form div, .Client.Tickets .ResponseForm form div {
    display: none; }

.Client.Invoices .NotPaid td {
  font-weight: bold; }
  .Client.Invoices .isDebt td {
    background: #e77817 !important;
    color: white; }
  .Client.Invoices td.Buttons {
    text-align: left !important; }
  .Client.Invoices table {
    width: auto;
    margin: 20px 0; }
  .Client.Invoices table table {
    margin: 10px;
    width: calc(100% - 10px - 10px); }
  .Client.Invoices th, .Client.Invoices td {
    text-align: center !important;
    line-height: 20px; }
  .Client.Invoices tr:hover td {
    cursor: default; }
  .Client.Invoices .Date, .Client.Invoices .Price {
    text-align: right !important; }
  .Client.Invoices .Name {
    text-align: left !important; }
  .Client.Invoices .DetailButton .MyButton {
    padding: 0 5px; }
  .Client.Invoices .DetailButton .MyButton i {
    font-size: 85%; }
  .Client.Invoices table.StandardTable tr:last-child td {
    border-bottom: #e0e0e0 1px solid; }

.VisibilityToggler {
  vertical-align: top;
  cursor: pointer;
  display: inline-block;
  padding: 5px; }

.VisibilityToggler:hover {
  color: #888 !important; }

.VisibilityWrapper {
  overflow: hidden;
  transition: max-height 0.3s;
  padding: 5px 0; }

.VisibilityToggler.Close + .VisibilityWrapper {
  max-height: 0; }

.VisibilityToggler:hover .fontawesome {
  text-decoration: none; }

.VisibilityToggler .fontawesome {
  font-size: 19px;
  color: #114c93;
  position: relative;
  top: 3px;
  left: -2px; }

.Client.Emails table {
  width: auto;
  margin: 20px 0;
  min-width: 800px; }
  .Client.Emails ol {
    margin-left: 15px; }
  .Client.Emails ol li {
    list-style: decimal; }
  .Client.Emails ul {
    margin-left: 15px; }
  .Client.Emails ul li {
    list-style: disc; }
  .Client.Emails.EmailsList th, .Client.Emails.EmailsList td {
    line-height: 20px; }
  .Client.Emails.EmailEdit table {
    width: 90%;
    max-width: 800px;
    margin: 10px; }
  .Client.Emails.EmailEdit input {
    padding: 5px;
    width: 90%;
    max-width: 400px; }
  .Client.Emails.EmailEdit th {
    width: 100px;
    vertical-align: top;
    padding: 10px 0; }
  .Client.Emails.EmailEdit td {
    padding: 5px; }
  .Client.Emails.EmailEdit textarea {
    padding: 5px;
    height: 300px;
    width: 100%; }
  .Client.Emails.EmailEdit input[type=submit] {
    width: 100px;
    height: 50px; }
  .Client.Emails.EmailEdit form div {
    display: none; }
  .Client.Emails.EmailEdit .Menu {
    margin-top: 10px; }

.IconsColumn .iconawesome {
  display: inline-block;
  width: 16px; }
