.changelogfy-widget {
  position: relative;
}

.my-class-form-control-group {
  display:flex;
  align-items:center;
}

.admin-menu-help.changelogfy-widget div {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 90%;
}

.admin-menu-help.changelogfy-widget.selected {
  background-color: #666
}

#changelogfy_badge_counter {
  position: absolute!important;
  top: 10%;
  left: 50%;
  font-size: 1.1em;
}

#changelogfy-launcher {
  margin-left: 35px;
  margin-top: -10px!important;
}

.product-menu ul, ul.order-list {
  list-style-type: none
}

@media only screen and (max-device-width:766px) {
  img[src*="tooltip_icon.png"] {
    display: none
  }
  #closing_note {
    width: 5em !important;
    max-width: 5em !important;
  }
  td.offline-bookings-event-time {
    max-width: initial !important;
  }
  .country-list { position: fixed !important; }
}

@media only screen and (min-width :768px) and (max-width :1024px) {
  img[src*="tooltip_icon.png"] {
    display: none
  }
  div.admin-menu-section-title {
    display: block
  }
  body {
    padding: 0
  }
  .bookings-history-col4-div1, .bookings-history-col4-div2 {
    padding: 0 1em 0 0;
    width: 29%!important;
    min-height: 2em;
    float: left;
    text-align: left
  }
  .bookings-history-col4-div1 {
    font-size: 1em
  }
  .bookings-history-col4-div3 {
    float: left;
    text-align: left;
    padding-top: 7px;
    width: 32%!important;
    min-height: 40px
  }
  #closing_note {
    width: 5em !important;
    max-width: 5em !important;
  }
  td.offline-bookings-event-time {
    max-width: initial !important;
  }
  #changelogfy-launcher {
    top: 100%!important;
    left: 75%!important;
  }
}

@media only screen and (min-width :768px) and (max-width :1024px) and (orientation :landscape) {
  img[src*="tooltip_icon.png"] {
    display: none
  }
  div.admin-menu-section-title {
    display: block
  }
  body {
    padding: 0!important
  }
  .bookings-history-col4-div1, .bookings-history-col4-div2 {
    padding: 0 1em 0 0;
    width: 29%!important;
    min-height: 2em;
    float: left;
    text-align: left
  }
  .bookings-history-col4-div1 {
    font-size: 1em
  }
  .bookings-history-col4-div3 {
    float: left;
    text-align: left;
    padding-top: 7px;
    width: 32%!important;
    min-height: 40px
  }
  #closing_note {
    width: 5em !important;
    max-width: 5em !important;
  }
  td.offline-bookings-event-time {
    max-width: initial !important;
  }
}

@media only screen and (min-width :768px) and (max-width :1024px) and (orientation :portrait) {
  img[src*="tooltip_icon.png"] {
    display: none
  }
  div.admin-menu-section-title {
    display: block
  }
  html {
    max-width: 100%!important
  }
  body {
    padding: 0!important
  }
  #closing_note {
    width: 5em !important;
    max-width: 5em !important;
  }
  td.offline-bookings-event-time {
    max-width: initial !important;
  }
  #changelogfy-launcher {
    top: 100%!important;
    left: 75%!important;
  }
}

@media only screen and (min-width :1024px) {
  div.admin-menu-section-title {
    display: block
  }
  body {
    padding: 0!important
  }
  .bookings-history-col4-div1, .bookings-history-col4-div2 {
    padding: 0 1em 0 0;
    width: 29%!important;
    min-height: 2em;
    float: left;
    text-align: left
  }
  .bookings-history-col4-div1 {
    font-size: 1em
  }
  .bookings-history-col4-div3 {
    float: left;
    text-align: left;
    padding-top: 7px;
    width: 32%!important;
    min-height: 40px
  }
  #closing_note {
    width: 10em !important;
    max-width: 10em !important;
  }
}

@media only screen and (min-width :1824px) {
  div.admin-menu-section-title {
    display: block
  }
  body {
    padding: 0!important
  }
  .bookings-history-col4-div1, .bookings-history-col4-div2 {
    padding: 0 1em 0 0;
    min-height: 2em;
    float: left;
    text-align: left;
    width: 30%!important
  }
  .bookings-history-col4-div1 {
    font-size: 1em
  }
  .bookings-history-col4-div3 {
    float: left;
    text-align: left;
    padding-top: 7px;
    width: 30%!important;
    min-height: 40px
  }
}

body, html {
  height: 100%!important
}

#container, body {
  min-height: 80.5%!important;
  background-color: #ddd;
}

body {
  font: 13px/20px normal Helvetica, Arial, sans-serif;
  color: #333;
  margin: auto;
  padding: 0!important;
  width: 100%
}

body.superadmin {
  width: auto;
  min-width: 33em!important;
  /* max-width: 120em */
}

#container {
  margin: auto;
  padding: 0;
  min-width: 65em;
  max-width: 100%;
  text-align: center;
}

#containerX {
  margin: auto;
  padding: 0;
  /*min-width: 65em;*/
  max-width: 100%;
  text-align: center;
  height: 100%;
  background-color: #ddd;
}


#container.override-background {
  background-color: #fff!important;
}
div.superadmin {
  /* max-width: 120em!important */
}

p.footer {
  text-align: right;
  font-size: 9px;
  color: #999;
  line-height: 32px;
  padding: 0 10px;
  margin: 20px 0 0
}

div.admin-loading-screen, div.admin-loading-screen-fast {
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  font-size: 2em;
  box-shadow: 0 150px 300px 0 rgba(0, 0, 0, .6) inset;
  overflow: hidden;
  text-align: center;
  position: fixed
}

div.admin-loading-screen {
  background: #4f4f4f;
  color: #fff
}

div.admin-loading-screen-fast {
  opacity: .4;
  filter: alpha(opacity=40);
  background: #000;
  color: #fff;
  display: none
}

div.admin-loading-screen-img {
  -webkit-animation: loadin 1s;
  animation: loadin 1s;
  animation-name: loadin;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running
}

@keyframes loadin {
  from {
    width: 75px
  }
  to {
    width: 85px
  }
}

input.hidden {
  border: 0;
  background: #fff;
  padding: 0;
  margin: 0;
  width: 0!important;
  height: 0!important
}

input[type=checkbox] {
  margin: -4px 0 0!important
}

img[data-toggle=tooltip] {
  max-height: 15px;
  margin-top: -4px;
  opacity: .6
}

img[data-toggle=tooltip2] {
  margin-top: -6px;
  opacity: 1
}

div.admin-menu-container {
  padding: 0;
  text-align: center;
  height: 70px;
  /*z-index: 100;*/
  width: 100%!important;
  min-width: 250px!important;
  z-index: 30;
  background: #2f2f2f;
  align-items: center;
  /*padding: 1rem 2rem;*/
}

div.admin-menu-containerX {
  padding: 0;
  text-align: center;
  height: 70px;
  z-index: 100;
  width: 100%!important;
  min-width: 250px!important;
  background: #2f2f2f;
  align-items: center;
  /*padding: 1rem 2rem;*/
}


div.admin-menu-logo {
  /*display: flex;*/
  float: left;
  height: 60px;
  width: 10%;
  margin: 0 0 0 1em;
  padding: 5px 0 0;
  align-items: stretch;
  margin-left: -.75em;
  flex-shrink: 0;
  min-height: 3.25rem;
}

div.admin-menu-logo img {
  height: 45px;
  width: auto;
  margin: 9px 0 0
}

div.admin-bottom-bar {
  width: 100%;
  min-height: 6em
}

div.admin-bottom-bar-text {
  text-align: center;
  width: auto;
  min-height: 1em;
  font-size: 15px;
  font-weight: 100;
  color: #fff;
  padding: 1em;
  margin: 0 1em .5em;
  background: #3f3f3f;
  border-radius: .25em
}

.admin-bottom-bar-subscribe-button, .admin-subscribe-button {
  font-weight: 700;
  background-color: #00b22d;
  text-decoration: none
}

div.admin-bottom-bar-text a {
  color: #fff
}

div.admin-bottom-bar-text a:hover {
  color: #9f7
}

div.admin-bottom-bar-version {
  font-size: 12px;
  float: right;
  margin: 0 1.7em 0 0
}

.admin-bottom-bar-version-part1 {
  color: #5a4
}

.admin-bottom-bar-version-part2 {
  color: #9c0
}

.admin-bottom-bar-subscribe-button {
  padding: 4px;
  color: #fff!important;
  background: orange;
  border-radius: 3px;
  border: 1px solid #ccc;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  animation: blink-green normal 1.4s infinite ease-in-out
}

.admin-bottom-bar-subscribe-button:hover {
  text-decoration: none;
  color: #fff!important;
  background: #9f7
}

div.admin-bottom-bar-user {
  float: left;
  color: #5a4;
  margin: 0 0 .1em .9em;
  padding: 0 8px
}

div.admin-bottom-bar-user img {
  height: 15px;
  margin: 0 0 5px
}

.admin-subscribe-button {
  padding: 12px;
  color: #fff!important;
  font-size: 20px;
  border-radius: 3px;
}

a.admin-subscribe-button:active, a.admin-subscribe-button:hover, a.admin-subscribe-button:visited {
  text-decoration: none
}

@media all and (min-width:60em) {
  div.admin-menu-section-title, nav#mobile {
    display: none
  }
  div.admin-menu-desktop-container {
    float: left;
    padding: 0;
    margin: 0;
    height: 65px;
    width: 70%;
    text-align: center
  }
  div.admin-menu-list {
    float: none;
    margin: auto;
    padding: 0;
    text-align: center;
    max-width: 59em;
    height: 70px;
  }
  ul.admin-menu {
    height: 100%;
    width: 100%;
    margin: 0 0 10px 90px;
  }
  ul.admin-menu li {
    height: 100%;
    list-style: none;
    float: left;
    margin-right: 0;
    max-width: 95px;
    overflow: hidden;
  }
  ul.admin-menu li a {
    display: block;
    padding: 0 8px;
    background-color: #2f2f2f;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    font-size: 1.1em;
    height: 100%;
  }
  ul.admin-menu li a:hover {
    color: #00b22d!important;
    background: #666;
    height: 100%;
    border-radius: 0;
  }
  ul.admin-menu li a.selected {
    color: #00b22d!important;
    box-shadow: none;
    background: #666;
    height: 100%;
    border: none;
  }
  ul.admin-menu li a div {
    height: 39px;
    width: auto;
  }
  ul.admin-menu li a div img {
    height: 100%;
    padding-top: 5px;
  }
  ul.admin-menu li a span {
    display: block;
    width: 100%;
    color: #fff;
    padding-top: 5px;
  }
  div.field {
    max-width: 60em
  }

  div.fieldX {
    max-width: 60em;
  }

  .admin-service-tabs-content-full {
    width: 100%
  }
  .admin-service-tabs-content-left {
    float: left;
    margin: 0 0 .4em;
    width: 49%
  }
  .admin-service-tabs-content-right {
    float: left;
    margin: 0 0 0 .4em;
    width: 49%
  }
  .subcontent-left {
    float: right
  }
  .subcontent-right {
    float: left
  }
  div.admin-icon-text {
    float: none;
    clear: both;
    text-align: left
  }
}

div#mmenu {
  display: none
}

div#mmenu div {
  height: 100px
}

div#mmenu div a div {
  height: 25px;
  display: inline-block;
  margin-right: 1em
}

div#mmenu div a div img {
  height: 25px;
  margin: 2px 10px 20px 30px
}

@media screen and (max-width:60em) {
  div.mobile_notification.changelogfy-widget {
    height: 65px!important;
  }
  .mobile_notification.changelogfy-widget i{
    padding: 0!important;
    margin-right: 5px!important;
    margin-top: 13px!important;
    height:50px!important;
    justify-content: center;
    width: 3.25rem;
  }

  #changelogfy-backdrop {
    width: 100%!important;
    height: 100%!important;
  }

  #changelogfy_badge_counter {
    position: absolute!important;
    top: 15%;
    left: 15px;
    font-size: 2em;
  }

  div#mmenu, nav#mobile {
    z-index: 999;
    min-width: 540px
  }
  div.admin-menu-container {
    height: 65px;
    min-width: 540px;
    width: 100%!important;
    min-height: 3.25rem;
    align-items: stretch;
    position: fixed!important;
    top: 0!important;
  }

  div.admin-menu-containerX {
    height: 65px;
    /*min-width: 540px;
    width: 100%!important*/
    min-height: 3.25rem;
    align-items: stretch
  }


  div#mmenu {
    padding: 0 0 .2em;
    height: 80% !important;
    overflow: scroll !important;
    position: fixed;
    width: 100%;
    opacity: .9;
    background: #2f2f2f
  }
  div.admin-menu-section-title {
    display: block
  }
  div.admin-menu-logo {
    float: left;
    height: 45px;
    width: auto;
    margin: 0 0 0 9px;
    padding: 2px 0 0
  }
  div.admin-menu-logo img {
    height: 45px;
    width: auto;
    margin: 9px 0 0
  }
  .admin-menu-section-title {
    float: left;
    font-size: 1.2em;
    margin: 1.7em 0 0 .2em;
    color: #fff
  }
  #nav#full, div.admin-menu-list, div.admin-menu-logout, div.admin-menu-help {
    display: none
  }
  nav#mobile {
    height: 65px;
    display: block;
    width: 100%!important
  }
  nav#mobile #toggle-bar {
    width: 100%!important;
    background: #2f2f2f;
    line-height: 40px;
    height: 65px;
    justify-content: right;
    padding: 0
  }
  nav#mobile strong a {
    margin-left: 30px;
    border: 1px solid #444;
    padding: 10px
  }
  nav#mobile .navicon {
    float: right;
    height: 6px;
    width: 40px;
    margin: 17px 22px 0 0;
    border-top: 20px double #FFF;
    border-bottom: 7px solid #FFF;
    font-size: 0
  }
  nav#mobile div div {
    overflow: auto !important;
    float: none!important;
    text-align: right!important;
    height: auto;
    font-size: small
  }
  nav#mobile div div a {
    text-align: left;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 2em;
    line-height: 1.5;
    font-weight: 100;
    margin: 10px 0;
    padding: 5px 0 10px 5px;
    height: 22px
  }
  nav#mobile div div a.selected {
    color: #0f0
  }
  nav#mobile div div a:hover {
    background: #444
  }
  nav#mobile div div a:active {
    background: #999
  }
  nav#mobile div div a:before {
    padding-right: 8px
  }
  div.field {
    max-width: 35em
  }
  div.fieldX {
    max-width: 35em;
  }
  .admin-service-tabs-content-full {
    width: 100%;
    text-align: center;
    float: none;
    clear: both;
    margin: auto
  }
  .admin-service-tabs-content-left, .admin-service-tabs-content-right {
    float: none;
    margin: auto!important;
    text-align: center
  }

  .cloud-background {
    float: none!important;
    margin: auto!important
  }
  #closing_note {
    width: 5em !important;
    max-width: 5em !important;
  }
  td.offline-bookings-event-time {
    max-width: initial !important;
  }
}

.logo, pre.debug {
  position: absolute
}

.inline, div.logo-mini {
  display: inline
}

.strike, span.total-price-old-strike {
  text-decoration: line-through
}

.capitalize {
  text-transform: capitalize
}

.font-tiny {
  font-size: .8em!important;
  line-height: 1em!important
}

.font-small {
  font-size: .95em!important;
  line-height: 1.15em!important
}

.font-big, .font-normal {
  line-height: 2em!important
}

.font-normal {
  font-size: 1.2em!important
}

.font-big {
  font-size: 1.4em!important
}

.font-bigger, .font-biggest {
  line-height: 2.3em!important
}

.font-bigger {
  font-size: 1.7em!important
}

.font-biggest {
  font-size: 2em!important
}

.font-tiny-px {
  font-size: 8px;
  line-height: 8px
}

.font-small-px {
  font-size: 10px;
  line-height: 10px
}

.font-normal-px {
  font-size: 12px;
  line-height: 14px
}

.font-big-px {
  font-size: 14px;
  line-height: 14px
}

.font-bigger-px {
  font-size: 17px;
  line-height: 17px
}

.font-biggest-px {
  font-size: 20px;
  line-height: 20px
}

.nowrap {
  white-space: nowrap
}

.float {
  float: left
}

.float-right {
  float: right
}

.float-none {
  float: none;
  clear: both
}

.red {
  color: red!important
}

.red-light {
  color: #fdd!important
}

.red-dark {
  color: #900!important
}

.green {
  color: #0f0!important
}

.green-light {
  color: #dfd!important
}

.green-dark {
  color: #090!important
}

.blue {
  color: #00f!important
}

.blue-light {
  color: #ddf!important
}

.blue-dark {
  color: #009!important
}

.white {
  color: #fff!important
}

.black {
  color: #000!important
}

.black-light {
  color: #333!important
}

.grey {
  color: #bbb!important
}

.grey-light {
  color: #eee!important
}

.grey-dark {
  color: #999!important
}

.grey-darker {
  color: #777!important
}

.grey-darkest {
  color: #555!important
}

.pink {
  color: #f7b!important
}

.text-shadow-white {
  text-shadow: 0 0 1px #fff!important
}

.text-shadow-black {
  text-shadow: 0 0 1px #000!important
}

.background-red {
  background: red
}

.background-red-light {
  background: #fdd
}

.background-red-dark {
  background: #900
}

.background-green {
  background: #0f0
}

.background-green-light {
  background: #dfd
}

.background-green-dark {
  background: #090
}

.background-blue {
  background: #00f
}

.background-blue-light {
  background: #ddf
}

.background-blue-dark {
  background: #009
}

.background-white {
  background: #fff
}

.background-black {
  background: #000
}

.background-black-light {
  background: #333
}

.background-grey {
  background: #bbb
}

.background-grey-light {
  background: #eee
}

.background-grey-dark {
  background: #999
}

.background-grey-darker {
  background: #777
}

.background-grey-darkest {
  background: #555
}

.background-pink {
  background: #f7b
}

.center {
  text-align: center;
  margin: auto
}

.bold {
  font-weight: 700
}

.non-bold {
  font-weight: 400
}

.italic {
  font-style: italic
}

.line-bigger {
  line-height: 1.5em
}

.line-big {
  line-height: 1.2em
}

.line-normal {
  line-height: 1em
}

.line-small {
  line-height: .85em
}

.line-smaller {
  line-height: .65em
}

.line-tiny {
  line-height: .4em
}

.cursor-pointer, .cursor-pointer:hover  {
  cursor: pointer
}

.cursor-normal {
  cursor: default
}

.disabled {
  pointer-events: none
}

.not-allowed, .not-allowed:hover {
  cursor: not-allowed;
}

.break-long-lines {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word
}

a.non-link {
  text-decoration: none
}

.shadow-inset {
  box-shadow: inset 2px 2px 5px #ccc
}

.height-01 {
  height: .1em
}

.height-02 {
  height: .2em
}

.height-03 {
  height: .3em
}

.height-04 {
  height: .4em
}

.height-05 {
  height: .5em
}

.height-06 {
  height: .6em
}

.height-07 {
  height: .7em
}

.height-08 {
  height: .8em
}

.height-09 {
  height: .9em
}

.height-1 {
  height: 1em
}

.height-13 {
  height: 1.3em
}

.height-15 {
  height: 1.5em
}

.height-2 {
  height: 2em
}

.height-3 {
  height: 3em
}

.height-4 {
  height: 4em
}

.height-5 {
  height: 5em
}

.padding-0 {
  padding: 0
}

.padding-01 {
  padding: .1em
}

.padding-02 {
  padding: .2em
}

.padding-03 {
  padding: .3em
}

.padding-04 {
  padding: .4em
}

.padding-05 {
  padding: .5em
}

.padding-1 {
  padding: 1em
}

.padding-2 {
  padding: 2em
}

.padding-3 {
  padding: 3em
}

.margin-0 {
  margin: 0
}

.margin-01 {
  margin: .1em
}

.margin-02 {
  margin: .2em
}

.margin-03 {
  margin: .3em
}

.margin-04 {
  margin: .4em
}

.margin-05 {
  margin: .5em
}

.margin-1 {
  margin: 1em
}

.margin-2 {
  margin: 2em
}

.margin-3 {
  margin: 3em
}

hr.hr-dotted-big, hr.hr-dotted-bigger, hr.hr-dotted-biggest, hr.hr-dotted-medium, hr.hr-dotted-small, hr.hr-dotted-smaller {
  padding: 0;
  margin: .5em 0;
  background-color: auto;
  color: #fff
}

.border-0 {
  border-radius: .5em
}

.border-02 {
  border-radius: .2em
}

.border-03 {
  border-radius: 3px
}

.border-04 {
  border-radius: .4em
}

.border-05 {
  border-radius: .5em
}

.border-1 {
  border-radius: 1em
}

hr.hr-dotted-biggest {
  border: 6px dashed #ccc;
  border-style: none none dotted
}

hr.hr-dotted-bigger {
  border: 5px dashed #ccc;
  border-style: none none dotted
}

hr.hr-dotted-big {
  border: 4px dashed #ccc;
  border-style: none none dotted
}

hr.hr-dotted-medium {
  border: 3px dashed #ccc;
  border-style: none none dotted
}

hr.hr-dotted-small {
  border: 2px dashed #ccc;
  border-style: none none dotted
}

hr.hr-dotted-smaller {
  border: 1px dashed #ccc;
  border-style: none none dotted
}

.radio1 {
  margin: -4px 0 0!important
}

.left {
  float: left
}

.right {
  float: right
}

.clear {
  float: none!important;
  clear: both!important;
  text-align: left!important
}

.admin-subtitle {
  margin: 0;
  color: #777;
  font-size: .7em
}

.admin-toggle-icon-small {
  float: right;
  opacity: .5;
  width: 23px
}

.admin-toggle-icon-medium {
  float: right;
  opacity: .5;
  width: 34px
}

.admin-toggle-icon-big {
  float: right;
  opacity: .5;
  width: 45px
}

.admin-toggle-icon-bigger {
  float: right;
  opacity: .5;
  width: 56px
}

.admin-toggle-icon-biggest {
  float: right;
  opacity: .5;
  width: 67px
}

.product-menu {
  text-align: left;
  margin: 0 auto;
  min-width: 15em;
  max-width: 70em;
  width: auto
}

.product-menu a {
  font-weight: 500;
  font-size: 1.3em;
  text-decoration: underline
}

.product-menu a:hover {
  color: #09d
}

.product-menu-attribute-resell {
  background: #ee3;
  border-radius: .4em;
  padding: .2em .5em;
  color: #000;
  font-size: .85em;
  font-weight: 100
}

.product-menu-attribute-disabled, .product-menu-attribute-pending {
  border-radius: .4em;
  padding: .2em .5em;
  color: #fff;
  font-size: .85em;
  font-weight: 100
}

.product-menu-attribute-disabled {
  background: #e33
}

.product-menu-attribute-pending {
  background: #999
}

.product-menu ul li {
  height: .3em
}

div.admin-menu-logout {
  float: right;
  text-align: center;
  color: #fff;
  height: 100%;
  min-width: 95px;
  font-size: 15px;
  overflow: hidden
}

div.admin-menu-logout span {
  color: #f9f9f9;
  padding: 5px;
}

div.admin-menu-logout a {
  color: #f9f9f9;
  text-decoration: none;
  font-size: 1em;
  cursor: pointer;
}

div.admin-menu-logout a:hover {
  color: #f9f9f0;
  border-radius: 3px;
}

div.admin-menu-help {
  float: right;
  text-align: center;
  color: #fff;
  height: 100%;
  min-width: 55px;
  font-size: 15px;
  overflow: hidden;
}

div.admin-menu-help span {
  color: #f9f9f9;
  text-decoration: none;
  font-size: 1em;
  padding: 5px;
  cursor: pointer;
}

div.admin-menu-help a {
  color: #f9f9f9;
  text-decoration: none;
  font-size: 1em;
  cursor: pointer;
}

div.admin-menu-help a:hover {
  color: #f9f9f0;
  border-radius: 3px;
}

div.admin-menu-company-name {
  margin: -20px 10px 0 0;
  padding: 0;
  width: 95%;
  height: 20px;
  overflow: hidden
}

div.admin-menu-logout-link, div.admin-menu-support-link {
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: 20px;
  overflow: hidden
}

div.admin-submit-bar {
  text-align: center;
  width: 100%;
  z-index: 100;
  padding: auto;
  font-size: 1.8em
}

div.admin-submit-bar input {
  height: 70px;
  max-width: 485px;
  width: 100%;
  padding: .6em;
  margin: 0 auto;
  text-transform: uppercase
}

label.login-label {
  font-size: 1.7em;
  color: #666
}

input.login-input-medium {
  width: 10em;
  font-size: 2em;
  padding: .3em;
  color: #888
}

div.logo-mini {
  float: right;
  margin: .3em .8em 0 0
}

div.login-list, div.login-list-links {
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

div.logo-mini img {
  height: 40px
}

img.login-logo {
  width: 17em;
  height: auto
}

div.login-list {
  display: none;
  width: 30em;
  min-height: 0;
  max-height: 50em;
  height: auto;
  margin-bottom: 2em
}

div.login-list-links {
  padding-left: 5em;
  padding-bottom: 4em
}

div.login-list-links-box {
  height: 5em;
  width: 8em;
  float: left
}

div.login-list-links a img {
  margin: .5em
}

div.login-loading {
  display: inline
}

div.login-loading img {
  height: 2em;
  width: auto
}

div.login-warning {
  margin-top: 1em;
  min-width: 15em;
  max-width: 30em;
  font-size: .95em;
  color: #777;
  line-height: 1.1em;
  font-weight: 300;
  margin-left: auto;
  margin-right: auto;
  display: block
}

form#login div.submit {
  margin: 1em 0 0;
  width: auto
}

span.admin-sections a {
  margin: 1em;
  text-decoration: none;
  color: #666;
  font-weight: 700
}

span.admin-sections a:hover {
  color: #aaa
}

span.tip, span.tip2 {
  color: #777;
  font-size: .9em;
  line-height: 1.3em
}

span.tip2 {
  float: right;
  min-width: 5em;
  max-width: 25em;
  margin: 0 0 0 4em
}

.cloud-background, .box-insert-widget {
  min-height: 2em;
  min-width: 20em;
  max-width: 40em;
  text-align:center;
}

.box-insert-widget .code {
  width: 90%;
  text-align:center;
}
span.new {
  color: #f77;
  font-size: 1.1em
}

.box-insert-widget {
  margin: 0 auto 2em!important;
  text-align: center!important;
  display: block!important;
}

.cloud-background {
  padding: 0 0 1.5em;
  margin: 0 0 1em
}

.subfield {
  padding: 1em;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 3px;
}
.subfield.highlight {
  background: #ddd;
}

.subfield-dropdown {
  padding:0 0.6em;
  margin:0 0 0.3em 0;
 }
 .subfield-dropdown .admin-toggle-icon-small {
   margin: -4px 0 0 0;
 }

.ui-resizable {
  position: relative;
  padding-bottom: 2.5em !important;
}

.field, .field1 {
  background: whitesmoke;
  display: inline-block;
  min-width: 35em;
  text-align: left;
}

.field, .field1, .field2 {
  border-radius: 3px;
  margin: 1em 1em 0;
  padding: 0 1em;
}

.fieldX {
  background: whitesmoke;
  display: inline-block;
  text-align: center;
}

.fieldX {
  border-radius: 3px;
  margin: 1em 1em 0;
  padding: 0 1em;
}

.field2 {
  float: left;
  width: 20em;
  height: auto;
  background: #ffd
}

.field-name {
  width: 100%;
  height: 5em;
  cursor: pointer;
}

span.clear {
  clear: left;
  display: block
}

div.scroll-box-30-30 {
  display: block;
  overflow-y: scroll;
  height: auto;
  max-height: 30em;
  width: 35em
}

ul.categories {
  list-style: none;
  margin: 0;
  padding: 0
}

ul.categories li p {
  width: 3em;
  margin: 0;
  display: inline-block;
  text-align: right
}

.error-message, .loading-background, div.submit, div.submit2, table.table-tickets, table.table1 thead {
  text-align: center;
}

img.language-icon {
  margin: -5px 0 0;
  height: 25px
}

img.language-icon-small {
  width: 1.2em;
  height: auto;
  margin: -.5em 0 -.25em
}

img.captcha-img {
  width: 200px
}

img.company-logo-icon {
  padding: .3em;
  border: 1px solid #ddd;
  max-width: 9em;
  max-height: 5em
}

img.company-logo-icon2 {
  padding: .3em;
  border: 1px solid #ddd;
  max-width: 20em;
  max-height: 10em
}

img.logout-icon, img.support-icon {
  margin: 0 .2em .2em 0;
  height: 18px
}

.logo {
  width: .1px;
  height: .1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1
}

.submit2:hover, .submit3:hover, .submit4:hover, .submit5:hover {
  opacity: .8;
}

.logo:focus+label {
  outline: #000 dotted 1px;
  outline: -webkit-focus-ring-color auto 5px
}

.logo+label * {
  pointer-events: none
}

.required-asterisk {
  line-height: 0
}

.error2, .submit5 {
  line-height: .9em
}

input.captcha {
  font-size: 1.05em;
  padding: .3em
}

label.label1 {
  display: block;
  margin-bottom: 1px;
  color: #666
}

input.input-tiny {
  width: 4em
}

input.input-short {
  width: 20%
}

input.input-med {
  width: 40%
}

input.input-long {
  width: 90%
}

input.submit, input.submit2 {
  width: auto;
  color: #fff;
  font-weight: 700
}

div.submit {
  cursor: pointer;
  margin: 3em 0 0;
  padding: auto
}

input.submit {
  border: 0;
  border-radius: 3px;
  padding: .3em;
  font-size: 1.4em;
  background: #F58500;
  box-shadow: none;
}

input.submit:hover {
  opacity: .8;
}

input.submit:active {
  border: 2px solid #aaa;
  background: #F5C500;
}

div.submit2 {
  cursor: pointer;
  margin: -30px 0 0;
  padding: auto
}

input.submit2 {
  border: 0;
  border-radius: 3px;
  padding: .3em;
  font-size: 1.6em;
  height: 2em;
  background: #34E533;
  box-shadow: none;
}

.submit3, .submit5 {
  border: none;
  box-shadow: none;
}

.submit3 {
  background-color: #00b22d;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  margin: -9px 0 0 3px;
  padding: .2em .4em;
  border-radius: 3px;
}


.submit5 {
  max-width: 110px!important;
  padding: .5em;
  border-radius: .2em;
  white-space: normal;
  color: #fff;
  font-weight: 700;
}

.submit4 {
  font-size: 1.3em;
  margin: -14px 0 0 3px;
  padding: .5em 1em;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
  font-weight: 700;
  background: #F58500;
  cursor: pointer
}

.error, .error2 {
  color: red;
  font-weight: 500
}

.error {
  display: inline-table;
  white-space: nowrap;
  font-size: .9em;
  width: 30%;
  max-width: 40%
}

.error2 {
  font-size: 1.1em
}

.error p {
  margin: 0
}

.error-message {
  background: #ff6c6c;
  border-radius: .6em;
  padding: 1em;
  font-size: 16px;
  color: #fff;
  margin: 1em auto;
  max-width: 50%
}

pre.debug, pre.debug2 {
  color: #000;
  font-size: 10px;
  line-height: .8em;
  padding: .5em
}

pre.debug {
  background: #FEEEEE;
  width: auto;
  top: 10em;
  left: 60em
}

pre.debug2 {
  background: #EEFEEE;
  width: 70%;
  margin: auto
}

code {
  font-family: Consolas, Monaco, Courier New, Courier, monospace;
  width: auto;
  min-width: 10em;
  max-width: 60em;
  margin: 0 auto;
  font-size: 12px;
  background-color: #f9f9f9;
  border: 1px solid #D0D0D0;
  color: #002166;
  display: block;
  padding: .9em
}

.admin-error-dialog-box, .loading-dialog {
  border-radius: 1em;
  color: #000;
  margin: auto
}

.opacity-lo {
  filter: alpha(opacity=80);
  opacity: .8
}

.opacity-lomed {
  filter: alpha(opacity=65);
  opacity: .65
}

.opacity-med {
  filter: alpha(opacity=50);
  opacity: .5
}

.opacity-medhi {
  filter: alpha(opacity=40);
  opacity: .4
}

.opacity-hi {
  filter: alpha(opacity=30);
  opacity: .3
}

.opacity-shi {
  filter: alpha(opacity=15);
  opacity: .15
}

.opacity-thi {
  filter: alpha(opacity=1);
  opacity: .01
}

.loading-background {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 7em;
  width: 100%;
  height: 100%;
  background: url(/img/overlay.png)
}

.loading-dialog {
  width: auto;
  min-width: 12em;
  max-width: 30em;
  height: auto;
  padding: 1em 2em 2em;
  background: #fff;
  box-shadow: 0 0 15px #111;
  -webkit-box-shadow: 0 0 15px #111;
  -moz-box-shadow: 0 0 15px #111
}

.admin-error-dialog-background {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 7em;
  width: 100%;
  height: 100%;
  background: url(/img/overlay.png);
  text-align: center
}

.admin-error-dialog-box {
  width: auto;
  min-width: 8em;
  max-width: 13em;
  height: auto;
  padding: 1.5em;
  background: #fff;
  box-shadow: 0 0 15px #111;
  -webkit-box-shadow: 0 0 15px #111;
  -moz-box-shadow: 0 0 15px #111
}

#code {
  font-size: .7em;
  font-weight: 100
}

.code {
  width: 21em;
  border: 1px solid #ccc;
  padding: .6em .2em .6em .4em
}

.advanced-tickets {
  display: none
}

span.base-url {
  color: #669
}

table.table1 {
  border-bottom: 3px
}

table.table1 td {
  margin: auto
}

table.table1 th {
  font-weight: 400
}

table.table1 tr {
  margin-bottom: 4em
}

table.table1 tr.even {
  background: #fefefe
}

table.table1 tr.odd {
  background: #fafafa
}

table.discounts td {
  padding: 5px
}

table.table-tickets th {
  font-size: 10px;
  font-weight: 100
}

input, text-area {
  box-shadow: none !important;
  border-radius: 3px !important;
}

table.table-tickets tr td input {
  margin: 1px 0;
  font-size: 12px
}

.fake-input-date, .fake-input-date-range {
  float: left;
  height: 20px;
  margin: 0 20px 0 0;
  text-align: center;
  background: #fff
}

.fake-input-date {
  width: 7em;
  padding: 0 0 0 3px;
  border: 1px solid #bbb;
  border-radius: 3px
}

.fake-input-date-range {
  width: 13.6em;
  padding: 0 10px;
  border: 1px solid #bbb;
  border-radius: 3px
}

.fake-input-datetime, .fake-input-datetime-range {
  float: left;
  width: auto;
  height: 20px;
  margin: 0 20px 0 0;
  padding: 0 1em
}

.fake-input-datetime {
  border: 1px solid #bbb;
  border-radius: 3px;
  background: #fff;
  text-align: lrft
}

.fake-input-datetime-range, .fake-input-time {
  border: 1px solid #bbb;
  text-align: left;
  background: #fff
}

.fake-input-datetime-range {
  border-radius: 3px
}

.fake-input-product, .fake-input-quantity, .fake-input-time {
  float: left;
  height: 20px;
  padding: 0 0 0 3px
}

.fake-input-time {
  width: 4.6em;
  margin: 0;
  border-radius: 3px
}

.fake-input-quantity {
  width: 3em;
  margin: 0;
  border: 1px solid #bbb;
  border-radius: 3px;
  background: #fff;
  text-align: center
}

.fake-input-product {
  width: 5em;
  margin-left: 1em;
  text-align: left
}

.fake-input-date-tip, .fake-input-time-tip {
  float: left;
  height: 17px;
  border: 1px solid #ddd;
  text-align: left
}

.fake-input-date-tip {
  width: 6em;
  margin: 0 5px 0 7px;
  padding: 0 1px 1px 2px
}

.fake-input-time-tip {
  width: 4em;
  margin: 0;
  padding: 0 0 1px 2px
}

.even {
  background: #f5f5f5;
}

.odd {
  background: #fff;
}

.discount-item {
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: none;
}

.discount-item-upper {
  background: #afa;
  padding: .2em .35em .1em;
  border-radius: 3px 3px 0 0;
}

.discount-item-upper-info1 {
  display: inline-block;
  font-size: .8em;
  font-weight: 100!important;
  padding: 0 .3em;
  background: #fff;
  color: #bbb;
  border-radius: 3px;
  margin: 0;
}

.discount-item-upper-info2 {
  display: inline-block;
  font-size: 1.2em;
  font-weight: 500
}

.discount-item-upper-info3 {
  display: inline-block;
  text-transform: lowercase;
  max-width: 15em
}

.discount-item-upper-info4 {
  display: inline-block;
  font-weight: 700;
  text-transform: lowercase
}

.discount-item-upper-info5 {
  display: inline-block;
  float: right
}

.discount-item-lower {
  background: #efe;
  padding: .3em .3em 1em;
  border-radius: 0 0 3px 3px;
}

.discount-item-condition {
  font-size: .9em;
  min-height: 1.6em;
  clear: both;
  width: 100%;
  margin-bottom: 3px
}

.discount-item-condition-name {
  float: left;
  width: 11em;
  text-align: right;
  padding: .4em .8em 0 0;
  color: #777;
  line-height: 1.3em
}

.discount-item-condition-value {
  float: left;
  width: 23em;
  text-align: left
}

.discount-item-condition-value input {
  padding: 0 .5em;
  margin: 0
}

.new-discount-item {
  border: 1px solid #333;
  border-radius: 3px;
}

.new-discount-item-upper {
  background: #ddd;
  padding: .5em 1em;
  border-radius: 3px 3px 0 0;
}

.new-discount-item-lower {
  background: #fff;
  padding: .5em .5em 0;
  border-radius: 3px 3px 0 0;
}

.lowercase {
  text-transform: lowercase
}

.admin-icon-text, .bookings-history-payment-status, .uppercase {
  text-transform: uppercase
}

.admin-mobile-preview {
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  height: 38em;
  background-image: url(/img/mobile-preview.png);
  padding: 115px 0 117px
}

.admin-mobile-preview-inner {
  height: 416px;
  width: 320px;
  padding: 0;
  margin: 0 auto;
  position: relative
}

iframe.admin-mobile-iframe {
  border: 1px solid #d1d1d1;
  height: 100%;
  margin: 0;
  width: 100%
}

div.admin-bookings-filter {
  margin: 1em 0 1em 0;
  padding: 1em;
  overflow: hidden;
  min-width: 22em;
  max-width: 100%;
  min-height: 15em;
  position: relative
}

.admin-bookings-filter-block-type {
  float: left;
  min-width: 125px;
  height: 6.2em;
  overflow: hidden;
  margin: auto
}

#admin-bookings-service-filter {
  overflow: unset;
}

#admin-bookings-service-filter button {
  border-radius: 3px!important;
  border: 1px solid #cccccc;
}

.admin-bookings-filter-block-type div.input-name {
  float: left;
  padding-left: .5em;
  height: 1.5em;
  font-size: .8em;
  cursor: pointer;
  overflow: hidden;
  min-width: 85px
}

.admin-bookings-filter-block {
  float: left;
  width: 9em;
  height: 4.9em;
  overflow: hidden;
  margin: auto
}

.admin-bookings-filter-block2 {
  float: left;
  width: 18em;
  height: 4.9em;
  overflow: hidden;
  margin: auto
}

.admin-bookings-filter-label {
  height: 12px;
  font-size: 11px;
  line-height: 1em;
  text-align: center;
  margin: 5px 0 0;
  color: #777;
}

.admin-bookings-filter-label.double-filter {
  border-bottom: 2px solid #ccc;
  width: 75%;
  text-align: center;
  margin: auto;
}

.admin-bookings-filter-by {
  min-width: 10em
}

.admin-bookings-filter-submit {
  padding: 1em!important
}

.admin-bookings-filter-header {
  color: #777;
  font-size: .85em
}

.admin-calendar-filter-part2 {
  padding: 1em;
  background: #fafafa;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.admin-calendar-daily-filter {
  overflow: hidden;
  width: auto;
  min-height: 3.6em;
  height: auto;
  margin: .4em auto;
  padding: .4em .5em 0 .7em;
  background: #f5f5f5;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.admin-calendar-daily-filter-next-button, .admin-calendar-daily-filter-prev-button {
  padding: 8px 10px 6px;
  border-radius: .4em;
  box-shadow: -1px -1px 1px #222 inset;
  text-decoration: none
}

.admin-calendar-daily-filter-prev-button {
  margin-right: -1px;
  background: #555
}

.admin-calendar-daily-filter-prev-button:hover {
  text-decoration: none;
  background: #999;
  color: #fff
}

.admin-calendar-daily-filter-next-button {
  background: #555;
  margin-left: -2px
}

.admin-calendar-view-tab, .admin-calendar-view-tab-selected {
  float: left;
  width: 165px;
  height: 45px;
  margin: 0 3px;
  padding: 1em .5em .4em;
  text-align: center;
  overflow: hidden
}

.admin-calendar-daily-filter-next-button:hover {
  text-decoration: none;
  background: #999;
  color: #fff
}

.admin-calendar-view-tab {
  background: #ddd;
  border-radius: 3px;
  border: 1px solid #ccc;
}

.admin-calendar-view-tab-selected {
  background: #fafafa;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.admin-calendar-view-tab:hover {
  background: #eee
}

.admin-calendar-view-tab a {
  text-decoration: none
}

.admin-calendar-view-tab a:hover {
  text-decoration: none;
  color: #999
}

table.table2 {
  width: 100%
}

table.table2 tr.odd {
  background: #f1f8f1
}

table.table2 td {
  padding: .6em;
  margin: auto;
  text-align: center;
  font-size: .9em
}

table.table2 th, table.table2 th a, table.table2 th a:hover {
  font-size: 1em;
  font-weight: 600
}

table.table2 th {
  padding: auto;
  margin: auto;
  text-align: center;
  color: #666
}

table.table2 th a {
  text-decoration: none;
  color: #666
}

table.table2 th a:hover {
  text-decoration: none;
  color: #999
}

.offline {
  background: #FEE78C
}

.pending {
  background: #fff
}

.not-paid {
  background: #e6e6ff
}

.confirmed, .paid, .pending-paid, .partially-paid {
  background: #d6ffd6
}

.cancelled, .refunded {
  background: #ffd6d6
}

.past {
  opacity: .75;
  filter: alpha(opacity=75)
}

.admin-bookings-button:hover, .admin-bookings-origin:hover {
  opacity: .5
}

.deleted {
  background: #f55
}

.autodeleted {
  background: #cbb
}

.admin-bookings-origin {
  margin: 4px 0 0
}

.admin-icon:hover, .tooltip-icon:hover {
  opacity: .3;
  filter: alpha(opacity=30)
}

.admin-bookings-geotag {
  font-weight: 700;
  white-space: nowrap
}

.admin-bookings-geotag img {
  height: 14px;
  margin: -3px 1px 0 0
}

.admin-bookings-table {
  margin: auto;
  width: 99%
}

.admin-bookings-table-row {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee
}

td.bookings-history-col1 {
  min-width: 8%;
  max-width: 10%;
  overflow: hidden;
  text-align: center
}

td.bookings-history-col1.hide_hour_row .format-time-short {
  display: none;
}

td.bookings-history-col2 {
  min-width: 10%;
  max-width: 300px;
  overflow: hidden;
  text-align: left
}

td.bookings-history-col3 {
  min-width: 12%;
  max-width: 500px;
  overflow: hidden;
  text-align: left
}

td.bookings-history-col4 {
  min-width: 25%;
  max-width: 700px;
  overflow: hidden;
  text-align: left
}

.bookings-history-col1-div1 {
  margin: auto;
  max-height: 100%;
  max-width: 122px;
  min-height: 130px;
  min-width: 50px
}

.bookings-history-col4-div1, .bookings-history-col4-div2 {
  padding: 0 1em 0 0;
  min-height: 2em;
  text-align: left;
  width: 100%
}

.bookings-history-col2-div1 {
  text-align: left
}

.bookings-history-col4-div1 {
  color: #111;
  font-size: 1.1em
}

.bookings-product-name, .bookings-product-name a {
  color: #333;
  font-size: 1.05em;
  font-weight: 700
}

.bookings-history-col4-div3 {
  text-align: left;
  padding-top: 7px;
  width: 100%;
  min-height: 40px
}

.bookings-history-col4-div3 a img {
  max-width: 35px;
  max-height: 35px
}

.bookings-product-name {
  line-height: 1em
}

div.bookings-history-date-prebooking {
  width: auto;
  padding: .3em;
  margin: 5px 0 0;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: inline-block
}

div.bookings-history-date-booking {
  width: auto;
  padding: .3em;
  margin: 5px 0 0;
  background: #cfc;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #ddd;
}

div.bookings-history-date-enjoyed {
  width: auto;
  padding: .3em;
  margin: 5px 0 0;
  background: #fc9;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid #ddd;
}

div.bookings-history-date-event {
  width: auto;
  width: 50px;
  padding: .3em;
  margin: auto;
  background: #fffffa;
  border: 1px solid #888;
  border-radius: 3px;
  display: inline-block
}

div.bookings-history-row {
  padding: 2px;
  border-radius: .35em;
  margin: 0 12px 1px;
  box-shadow: 0 -120px 150px -120px rgba(0, 0, 0, .35) inset, 0 2px 3px rgba(0, 0, 0, .35)
}

div.bookings-history-email {
  width: 95%;
  overflow: hidden
}

.bookings-history-mini-header {
  font-size: .9em;
  color: #888
}

.bookings-history-payment-status {
  color: #111;
  font-size: 1.25em;
  line-height: 1em;
  font-weight: 700
}

.bookings-history-user {
  font-weight: 400;
  font-size: .85em;
  line-height: 1.1em;
  min-height: 1em;
  max-height: 3.5em;
  min-width: 5em;
  max-width: 20em;
  overflow: hidden;
  margin: auto
}

.bookings-history-user img {
  width: 10px;
  padding: 0 0 3px
}

div.pagination {
  margin: .5em;
  padding: .5em;
  text-align: center;
  font-size: 24px
}

div.pagination a {
  font-size: 24px;
  color: #999;
  padding: .3em;
  border: 1px solid #999;
  border-radius: .2em;
  text-decoration: none;
  display: inline-block;
  background-color: #fff;
}

div.pagination a:active, div.pagination strong {
  background-color: #fff;
  border: 2px solid;
}

div.pagination a:empty {
  display: none
}

div.pagination strong {
  font-size: 24px;
  padding: .15em .4em;
  border-radius: .2em
}

.currency {
  font-size: .65em;
  font-weight: 500;
  font-style: italic
}

.bookings-history-hide-details {
  float: right;
  text-align: right;
  margin: .65em 0 0;
  width: 45px
}

.bookings-history-booking-id, .bookings-history-booking-id a {
  color: #111;
  font-weight: 900;
  font-size: 18px;
  float: left;
  text-transform: uppercase
}

.bookings-history-booking-id-compact {
  color: #333;
  font-weight: 900;
  font-size: 13px;
  transform: uppercase
}

ul.order-list {
  margin: 0;
  padding: 0;
  line-height: 1em
}

ul.order-list li {
  padding: 0 0 .4em;
  line-height: 1em!important
}

div.bookings-history-supercompact {
  margin: 0 12px 1px;
  border-radius: .35em;
  box-shadow: 0 7px 10px -7px rgba(0, 0, 0, .15) inset, 0 2px 3px rgba(0, 0, 0, .25);
  max-width: 99%;
  overflow-x: hidden!important
}

div.bookings-history-supercompact table td {
  text-align: left!important
}

div.bookings-history-supercompact-button {
  float: right;
  width: 30px;
  margin: 0 6px 0 0
}

div.bookings-history-supercompact-button img {
  height: 26px;
  width: auto
}

td.bookings-history-supercompact-col1 {
  padding: 0 0 0 1em!important;
  width: 11em!important;
  text-align: left;
  overflow: hidden;
  font-weight: 700
}

td.bookings-history-supercompact-col2 {
  padding: 0!important;
  width: 12em!important;
  text-align: left;
  overflow: hidden;
  font-size: 11px!important;
  line-height: 13px
}

td.bookings-history-supercompact-col3 {
  padding: 0!important;
  width: 15em!important;
  text-align: left;
  overflow: hidden;
  font-size: 11px;
  line-height: 13px
}

td.bookings-history-supercompact-col4 {
  padding: 0!important;
  min-width: 10em!important;
  overflow: hidden!important;
  font-size: 11px;
  text-align: left;
  line-height: 13px;
  font-weight: 700
}

td.bookings-history-supercompact-col5 {
  padding: 0!important;
  min-width: 10em!important;
  font-size: 11px;
  line-height: 13px;
  line-height: 1em
}

td.bookings-history-supercompact-col6 {
  padding: 0!important;
  width: 6em!important;
  text-align: right!important;
  font-weight: 700
}

td.bookings-history-supercompact-col7 {
  padding: 0!important;
  min-width: 1em!important;
  max-width: 8em;
  text-align: right!important;
  font-size: 11px;
  line-height: 13px
}

td.bookings-history-supercompact-col7 div {
  font-weight: 400;
  font-size: .85em;
  line-height: 1.1em;
  min-height: 1em;
  max-height: 3em;
  min-width: 5em;
  max-width: 20em;
  overflow: hidden;
  margin: auto
}

td.bookings-history-supercompact-col7 div img {
  width: 10px;
  padding: 0 0 3px
}

td.bookings-history-supercompact-col8 {
  padding: 0 .3em 0 0!important;
  width: 60px!important;
  text-align: right!important
}

.bookings-history-supercompact-table {
  width: 100%;
  border-radius: .4em
}

.bookings-hisotry-supercompact-table-print {
  border: 0;
  width: 95%;
  text-align: left
}

.booking-language-selector {
  padding: 0;
  font-size: 11px;
  width: 4.5em
}

.booking-actions {
  background: #f7f7f7;
  padding: 0;
  margin: 0 12px 1px;
  border-radius: .35em;
  max-width: 99%;
  overflow-x: hidden!important
}

.booking-actions-container {
  text-align: center;
  padding: auto;
  margin: auto;
  max-width: 85em;
  overflow-x: hidden!important
}

.booking-actions-success {
  padding: 1em 0
}

.booking-actions-delete {
  padding: 1em 0;
  margin: auto;
  width: 80%;
  text-align: center
}

.booking-actions-email {
  padding: 1em 0 0;
  margin: auto;
  width: 100%;
  text-align: center
}

.autotranslate-button, .delete-button, .delete-button2 {
  height: 20px!important;
  width: 20px!important;
  border: 0;
  cursor: default
}

div.format-time-short {
  font-size: 1em;
  font-weight: 700;
  color: #111
}

div.format-day-of-month-number {
  line-height: .9em;
  font-size: 2.4em;
  font-weight: 700;
  margin: -4px 0;
  color: #111
}

div.format-day-of-week-name-short {
  font-size: 1em;
  font-style: italic;
  color: #111
}

div.format-day-of-week-name-long {
  font-size: .9em;
  color: #111
}

div.format-month-name-short {
  font-size: 1.2em;
  font-weight: 700
}

div.format-month-name-long {
  font-size: 1em;
  font-weight: 700
}

div.format-year-long {
  font-size: .9em;
  color: #111;
  margin-top: -6px
}

span.translate-from-lang, span.translate-to-lang select {
  font-size: 1.1em;
  font-weight: 600
}

.delete-button {
  background: url(/img/icon-delete1.png) 0 0/100% no-repeat
}

.delete-button2 {
  background: url(/img/icon-trash.png) 0 0/100% no-repeat
}

.autotranslate-button {
  background: url(/img/icon-ok.png) 0 0/100% no-repeat
}

.table3 {
  text-align: center;
  width: 100%
}

.table3 th {
  width: 50%
}

.table3 tr {
  padding-bottom: 2em
}

.admin-icon {
  margin: 0 1em 1em 0;
  height: 32px
}

.admin-fa-header {
  color: #ffffff;
  width: 40px;
  padding: 5px;
}

.admin-fa-header-navigation {
  color: #fff;
  width: 25px;
  padding-left: 10px;
}

.admin-fa {
  margin-right: 0.5em;
  width: 32px;
  text-align: center;
  color: #00B22D;
}

.admin-fa-tooltip {
  font-size: 15px !important;
  color: #acacac;
}

.avalability-tooltip {
  cursor:pointer;
  position:absolute;
  margin-top:5px;
  margin-left: 5px;
  font-size: 20px !important;
  color: grey;
}

.admin-icon-text {
  display: inline-block;
  margin: 1.6em 0 0 .2em;
  font-weight: 700;
  font-size: 1.35em;
  cursor: inherit;
}
.admin-icon-text:hover {
  color: #0088cc;
}

.tooltip-icon {
  float: right
}

.tooltip-text {
  display: none;
  position: fixed;
  right: 5%;
  top: 10%;
  min-width: 5em;
  max-width: 25em;
  min-height: 1em;
  max-height: 50em;
  background: #555;
  color: #fff;
  opacity: .95;
  filter: alpha(opacity=95);
  border: 2px solid #aaa;
  border-radius: .5em;
  padding: 1em 3em 1em 0;
  z-index: 1000
}

.tooltip-text ul li {
  margin: 0 0 .8em;
  line-height: 1.1em;
  z-index: 1000
}

.tooltip-inner {
  max-height: 150px;
  max-width: 420px;
  font-weight: 100;
  text-shadow: none;
  color: #eee;
  font-family: helvetica;
  z-index: 1000
}

a.button, a.button:hover {
  font-weight: 800;
  text-decoration: none
}

.tip {
  float: right;
  margin: .1em 0 .1em .4em;
  background: #ffd;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 3px;
  position: relative;
  min-width: 5em;
  max-width: 40em;
  opacity: .9;
  filter: alpha(opacity=90);
}

a.button {
  color: #FFF;
  font-size: 1.6em;
  width: auto;
  margin: 1em
}

a.button:hover {
  color: #efe;
  text-shadow: none
}

a.button span {
  background: #00b22d!important;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  height: auto;
  margin: 1em;
  width: auto;
  padding: .4em 1em;
}

a.hover-yellow:hover {
  color: #ff0!important
}

a.hover-white:hover {
  color: #fff!important
}

a.hover-green:hover {
  color: #00b22d!important
}

table.companies-table {
  width: 100%
}

table.companies-table tr.odd {
  background: #f1f8f1
}

table.companies-table tr.confirmed, table.companies-table tr.paid {
  background: #d6ffd6
}

table.companies-table tr.cancelled, table.companies-table tr.refunded {
  background: #ffd6d6
}

table.companies-table td {
  padding: .6em .2em;
  margin: auto;
  text-align: center;
  border: 3px solid #fff;
  font-size: .9em
}

table.companies-table th {
  padding: auto;
  margin: auto;
  text-align: center;
  font-size: 1em;
  font-weight: 600;
  color: #666
}

table.companies-table th a {
  font-size: 1em;
  font-weight: 600;
  color: #00f
}

table.companies-table th a:hover {
  font-size: 1em;
  font-weight: 600;
  color: pink;
  cursor: pointer
}

table.sql-table {
  margin: 0 auto;
  width: auto;
  font-size: .7em
}

.lightbox-dialog, .lightbox-dialog-super {
  min-width: 12em;
  max-width: 70em;
  margin: auto;
  max-height: 70em;
  overflow: hidden;
  border-radius: 1em;
  color: #000;
  display: none
}

table.sql-table tr.odd {
  background: #f1f8f1
}

table.status-log tr.odd {
  padding: 1em;
  background: #efe
}

table.status-log tr td {
  padding: 1em
}

.lightbox-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 7em;
  width: 100%;
  height: 100%;
  background: url(/img/overlay.png);
  text-align: center
}

.lightbox-dialog {
  width: auto;
  height: auto;
  padding: 1em 2em 2em;
  background: #fff;
  box-shadow: 0 0 15px #111;
  -webkit-box-shadow: 0 0 15px #111;
  -moz-box-shadow: 0 0 15px #111
}

.lightbox-background-super {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99998;
  padding-top: 7em;
  width: 100%;
  height: 100%;
  background: url(/img/overlay.png);
  text-align: center
}

.lightbox-dialog-super {
  position: fixed;
  z-index: 99999;
  width: auto;
  height: auto;
  padding: 1em 2em 2em;
  background: #fff;
  box-shadow: 0 0 15px #111;
  -webkit-box-shadow: 0 0 15px #111;
  -moz-box-shadow: 0 0 15px #111
}

div.status-log {
  font-size: .85em;
  line-height: 1em;
  max-height: 65em;
  overflow-y: scroll
}

table.status-log {
  width: auto
}

.evolution-field {
  width: auto;
  float: left;
  border-radius: 3px;
  height: auto;
  margin: 1em;
  max-width: 96%;
  padding: 1em 1em 6em;
  background: #fff;
  box-shadow: none;
}

@media screen and (max-width:60em) {
  .company-stats-container {
    text-align: center;
    padding: 1em;
    width: 95%
  }
  .evolution-field {
    float: none!important;
    min-width: 10em!important;
    margin: 0 1em 3em!important;
    overflow: hidden!important
  }
  .evolution-field table {
    margin: 0 auto!important
  }
}

.evolution-table {
  text-align: center;
  width: auto
}

.evolution-table tr {
  padding: 0;
  line-height: .85em
}

.evolution-table td {
  padding: .3em 1em
}

.evolution-table2 td {
  padding: .2em .3em;
  font-size: .8em
}

.css-version, textarea.css {
  font-size: .9em;
  color: #444
}

.evolution-table2 tr.even {
  background: #eec
}

img.evolution-list-icon {
  width: 2em;
  height: auto;
  opacity: .3;
}

textarea.css {
  margin: 0 1em 0 0;
  padding: .5em;
  font-weight: 900;
  line-height: 1.1em;
  width: 85%;
  max-width: 61em;
  min-width: 20em;
  height: 85%;
  min-height: 30em;
  max-height: 80em
}

.css-version {
  width: 30em;
  margin: auto;
  padding: 1em;
  line-height: 1.3em;
  text-align: left
}

textarea.notes {
  min-height: 10em
}

div.superadmin-companies-ministats {
  margin: 0;
  width: auto;
  height: 5em
}

div.search-box {
  padding: 0 .4em 0 0;
  margin-top: -1em;
  height: 2em
}

div.search-box input#destination, div.search-box input#filter, div.search-box input#company_id_search, div.search-box input#service_id_search {
  font-size: 18px;
  padding: 10px 15px;
  margin: 0 5px 0 0;
  width: 250px
}

div.company-delete {
  display: none;
  width: 100%;
  height: 100px;
  margin-bottom: -100px
}

.availability-time input[type=text] {
  width: 5em
}

table.bookings-calendar-table {
  width: 99%;
  margin: auto
}

.bookings-calendar-table td.column {
  padding: 1em!important
}

.bookings-calendar-table tr.separator {
  border: 0!important;
  background: #f7f7f7!important
}

.bookings-calendar-table tr.bookings-calendar-event {
  border: 0!important;
  background: #b5ffb5;
  min-height: 10em
}

table.event-tickets-table {
  width: 100%;
  margin: 0 0 5px
}

table.event-tickets-table td {
  text-align: left;
  padding: .3em 0 .4em
}

table.event-tickets-table th {
  text-align: left;
  font-size: 10px
}

div#container {
 min-width: 41em!important;
}

div#containerX {
 /*min-width: 41em!important;*/
}

div.offline-bookings-pagination {
  margin: 0 0 0 2.6em;
  width: 95%;
  min-height: 3em;
  height: auto;
  text-align: center
}

div.offline-bookings-pagination-inner {
  display: inline-table;
  min-width: 3em;
  width: auto;
  margin: auto
}

div.offline-bookings-pagination-button {
  width: auto;
  height: 2em;
  padding: .7em .7em .9em;
  float: left;
  font-weight: 700;
  font-size: 1em;
  color: #888;
  background: #fff;
  line-height: 1em
}

div.offline-bookings-pagination-button.selected {
  color: #fff;
  background: #888;
  border-radius: 3px;
}

div.offline-bookings-pagination-button.selected a {
  color: #fff;
  background: #888
}

div.offline-bookings-pagination-button a {
  text-decoration: none;
  color: #888
}

select.offline-bookings-product-selector {
  font-size: 1.1em;
  max-width: 100%;
  width: initial;
  font-weight: 700
}

td.offline-bookings-event-separator {
  background: #B5FFB5;
  height: 0;
  padding: 0;
  margin: 0;
  border-right: 1px solid #f7f7f7
}

td.offline-bookings-event-extra-content {
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  max-width: 30em;
  background: #f7f7f7
}

td.offline-bookings-buttons-area, td.offline-bookings-event-tickets-area {
  overflow: hidden;
  border-top: 1px solid #F6F6F6;
  border-bottom: 1px solid #F6F6F6
}

div.offline-bookings-button {
  overflow: hidden;
  display: none;
  width: auto;
  height: auto
}

div.insert-booking {
  padding: 0 0 1.3em;
  height: auto;
  background: #f7f7f7;
  margin: auto;
  max-width: auto;
  min-width: 25em
}

div.show-bookings {
  padding: 0 1em
}

input.offline-bookings-button2 {
  margin-left: 3px;
  padding-bottom: 5px;
  width: 30px;
  height: auto
}

td.offline-bookings-buttons-area {
  max-width: 6em;
  min-width: 2em;
  padding: .7em 0 0
}

td.offline-bookings-event-date {
  width: 6em;
  overflow: hidden;
  border-right: 2px solid #F6F6F6
}

div.offline-bookings-event-date-oneline {
  float: left;
  width: auto;
  max-height: 23px;
  margin: 5px 0 5px 5px;
  padding: 6px 6px 5px;
  background: #fff;
  border: 1px solid #888;
  border-radius: 3px;
  ;
  display: inline-block;
  font-size: 16px;
  font-weight: 700
}

div.offline-bookings-event-date-oneline div {
  float: left;
  height: 100%
}

div.offline-bookings-event-date-oneline div.format-day-of-week-name-long, div.offline-bookings-event-date-oneline div.format-day-of-week-name-short {
  color: #666;
  font-size: 15px;
  font-weight: 100;
  margin: 2px 3px 0 0
}

div.offline-bookings-event-date-oneline div.format-day-of-month-number {
  margin: 1px 0 0!important;
  font-size: 21px!important
}

div.offline-bookings-event-date-oneline div.format-month-name-short {
  font-weight: 700;
  font-size: 21px;
  margin: 1px 0 0 1px
}

div.offline-bookings-event-date-oneline div.format-year-long {
  color: #666;
  font-size: 16px;
  font-weight: 100;
  line-height: 17px;
  margin: 4px 0 0 4px
}

div.offline-bookings-event-time-oneline {
  float: left;
  width: auto;
  padding: 7px 6px 6px;
  font-size: 20px;
  margin: 5px 0 5px 5px;
  background: #fff;
  border: 1px solid #888;
  border-radius: 3px;
  ;
  display: inline-block;
  font-weight: 700
}

div.offline-bookings-event-type-oneline {
  float: left;
  padding: 7px 6px 6px;
  margin: 6px 0 5px 5px;
  color: #888;
  font-size: 18px
}

div.offline-bookings-event-date-inner {
  min-height: 4em;
  max-height: 4em;
  min-width: 4em;
  max-width: 6em;
  margin: auto;
  padding: 5px 1px 1px;
  border-radius: 3px;
  background: #fff;
  color: #666;
  font-weight: 700;
  height: 15px
}

td.offline-bookings-event-tickets-area {
  background: #cfffcf;
  min-width: 13em;
  max-width: 30em;
  /* border-right: 1px solid #F6F6F6; */
  font-size: 1em;
  line-height: 1em;
  padding: 0 5px 0 0
}

td.offline-bookings-event-time, td.offline-bookings-service {
  border-top: 1px solid #F6F6F6;
  border-bottom: 1px solid #F6F6F6;
  font-size: 1em;
  padding-top: 5px;
  overflow: hidden
}

td.offline-bookings-service {
  min-width: 6em;
  max-width: 14em
}

td.offline-bookings-event-time {
  min-width: 3em;
  max-width: 6em
}

div.offline-bookings-event-time-inner {
  min-height: 1.2em;
  max-height: 2em;
  min-width: 3.5em;
  max-width: 5em;
  margin: auto;
  padding: 5px 0;
  border: 1px solid #999;
  border-radius: 3px;
  background: #fff;
  color: #666;
  font-size: 16px;
  font-weight: 700;
  height: 15px
}

div.offline-bookings-event-total-booked-seats, div.offline-bookings-event-total-left-seats, div.offline-bookings-event-total-locked-seats, div.offline-bookings-event-total-seats {
  float: left;
  color: #fff;
  padding: .3em 0;
  margin: 0;
  font-size: 18px;
  line-height: 16px;
  min-width: 2em;
  font-weight: 700
}

div.offline-bookings-event-total-booked-seats {
  background: #f33;
  border-radius: 3px 0 0 3px;
}

div.offline-bookings-event-total-locked-seats {
  background: rgb(255, 178, 12);
  border-radius: 3px 0 0 3px;
}

div.offline-bookings-event-total-left-seats {
  background: #55bf55;
  border-radius: 0 0 0 0;
}

div.offline-bookings-event-total-seats {
  background: grey;
  border-radius: 0 3px 3px 0;
}

th.offline-bookings-event-tickets-left, th.offline-bookings-event-tickets-reserved {
  font-size: 12px!important;
  color: #666;
  padding: 5px 0 0
}

th.offline-bookings-event-tickets-left {
  text-align: right!important
}

td.offline-bookings-event-tickets-left, td.offline-bookings-event-tickets-reserved {
  font-size: 12px!important;
  color: #666;
  padding: 5px 0 0;
  font-weight: bold;
}

td.offline-bookings-event-tickets-left {
  text-align: right!important
}

div.offline-bookings-event-tickets-bar-left, div.offline-bookings-event-tickets-bar-reserved,
div.offline-bookings-event-tickets-bar-reserved-resource,  div.offline-bookings-event-tickets-bar-locked {
  float: left;
  text-align: center;
  margin: 0;
  padding: 10px 0 0;
  color: #fff;
  font-size: 13px;
  height: 20px;
  border-radius: 3px;
}

div.offline-bookings-event-tickets-bar-reserved {
  background: #f21
}

div.offline-bookings-event-tickets-bar-locked {
  background: rgb(255, 178, 12);
}


div.offline-bookings-event-tickets-bar-reserved-resource {
  background: #fa0
}

div.offline-bookings-event-tickets-bar-left {
  background: #55bf55
}

td.offline-bookings-event-ticket-name {
  width: 50%;
  font-weight: 700;
  text-align: right!important;
  padding: 4px 15px 4px 0!important;
  line-height: .85em
}

span.offline-bookings-event-tickets-seats {
  color: #999;
  font-style: italic;
  margin-left: 5px
}

span.offline-bookings-event-seats-reserved {
  font-weight: 700;
  border-radius: 3px;
  background: #f21;
  color: #fff;
  padding: 2px 5px
}

span.offline-bookings-event-seats-left {
  font-weight: 700;
  border-radius: 3px;
  ;
  background: #55bf55;
  color: #fff;
  padding: 2px 5px
}

span.offline-bookings-event-seats-locked {
  font-weight: 700;
  border-radius: 3px;
  ;
  background: rgb(255, 178, 12);
  color: #fff;
  padding: 2px 5px
}

.cancel-booking-button, .hide-bookings-button {
  display: none
}

.insert-booking {
  margin: 0 auto;
  min-width: 20em
}

.offline-bookings-event-status {
  float: none;
  clear: both;
  display: block;
  margin: auto;
  width: 95%;
  line-height: 9px;
  color: red;
  font-size: 11px
}

.calendar-close-event-button {
  margin: 0 auto!important;
  width: 15px!important;
  height: auto;
  background: #eee
}

.calendar-close-event-button:hover {
  margin: 0 auto!important;
  width: 15px!important;
  height: auto;
  background: #efefef
}

.calendar-closed {
  background: #fcc!important;
  border: 1px solid #fee!important
}

div.rental-tickets-free {
  margin: 0 0 1em;
  padding: 0;
  border: 0;
  background: #55bf55;
  color: #fff;
  border-radius: 3px;
  min-width: 30px;
  width: 100%
}

div.rental-tickets-free-show {
  padding: .05em .1em;
  font-size: 11px
}

div.rental-tickets-used {
  margin: 1em 0 0;
  padding: 0;
  border: 0;
  background: #f21;
  color: #fff;
  border-radius: 3px;
  width: 100%
}

div.rental-tickets-used-resource {
  margin: 0;
  padding: 0;
  border: 0;
  background: #fa0;
  color: #fff;
  border-radius: 3px;
  width: 100%
}

div.rental-tickets-used-show {
  padding: .05em .1em;
  font-size: 11px
}

table.rental-tickets-table {
  width: 100%
}

table.rental-tickets-table td {
  padding-left: 1px;
  margin: 0;
  border: 0
}

div.internal-booking-1 {
  background: #f7f7f7;
  width: 26.3em;
  float: left;
  padding: 1.5em 1em 0
}

div.internal-booking-1.hide_hours_internal_booking .booking-new-hour {
  display:none;
}

div.internal-booking-2, div.internal-booking-3 {
  text-align: left;
  background: #f7f7f7;
  width: 28em;
  padding: 1.5em 1em 0;
  float: left
}

div.internal-booking-1 h2 {
  font-size: 18px
}

div.internal-booking-2 {
  font-size: 92%
}

div.internal-booking-2 h2 {
  font-size: 18px
}

div.internal-booking-3 {
  font-size: 92%
}

div.internal-booking-3 h2 {
  font-size: 18px
}

td.column {
  padding: 1em
}

.col1 {
  width: 60%;
  font-size: 12px;
  padding-bottom: 12px
}

.col2, .col3 {
  width: 3em;
  font-size: 12px
}

.col2 {
  margin-bottom: 5px;
  line-height: 1em!important
}

.booking-box-sale {
  text-align: center;
  border-radius: 3px;
  font-size: 16px;
  margin: 0 2.2em!important;
  padding: .8em!important
}

.pricing-notes-block, p.pricing-notes {
  text-align: left
}

span.total-price-old {
  display: none;
  color: #999;
  font-weight: 400;
  font-size: .75em
}

div.ticket-warning, div.ticket-warning-visible {
  color: #faa;
  display: none
}

textarea.comments, textarea.internal-booking-notes {
  min-height: 3em;
  max-height: 1300px;
  min-width: 96%;
  max-width: 650px;
}

.pricing-notes-block div {
  margin: auto;
  text-align: left;
  min-width: 10em;
  max-width: 15em
}

p.pricing-notes {
  margin: 0 3em;
  padding: .8em;
  background: #fff;
  border-radius: 3px
}

.rental-datetime-end, .rental-datetime-start {
  max-width: 10em;
  padding: 0;
  text-align: center;
  min-width: 4em;
  min-height: 2em
}

div.booking-box-ticket-type td.col2 .strike {
  text-decoration: line-through;
  color: grey;
  font-size: .9em
}

span.total-price-old-strike {
  color: #333
}

.form-generator-admin-compact a, .tutorial-btn:focus, .tutorial-btn:hover {
  text-decoration: none
}

div.error {
  width: 0;
  height: 0
}

.rental-datetime-start {
  margin: .8em .2em 1em;
  float: left
}

.rental-datetime-end {
  margin: .8em 3.7em 1em .2em;
  float: right
}

.bookingbox-step1-label-2 {
  color: #fff;
  background: #999;
  border-radius: 3px;
  font-size: 11.8px;
  line-height: 13px;
  padding: 2px 4px;
  font-weight: 700
}

@media screen and (max-width:60em) {
  div.internal-booking-1, div.internal-booking-2, div.internal-booking-3, div.internal-booking-4 {
    float: none;
    margin: auto
  }
  .group_of_panel_options {
    padding-left: 15.5%;
  }
}

.form-generator-container {
  min-width: 35em;
  max-width: 40em;
  overflow: hidden
}

.form-generator-admin {
  border-radius: .5em;
  padding: .5em 1em;
  margin: .3em;
  overflow: hidden
}

.form-generator-admin-compact {
  max-height: 1.7em;
  padding: .1em 1em .1em .2em;
  cursor: pointer;
  margin: .3em .3em 0;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  display: none;
  float: left!important;
  min-width: 5em;
  max-width: 15em;
  border: 1px solid #ccc;
}

.form-generator-admin-detailed {
  float: none!important;
  clear: both!important;
  height: auto;
  min-height: 1em;
  background: #fff;
  border-radius: 3px;
  padding: .2em .1em 0;
  margin: .25em .5em 0;
  overflow: hidden;
  border: 1px solid #ccc;
}

.form-generator-admin-block-horizontal {
  overflow: hidden;
  padding: 0 0 0 .3em;
  margin: 0;
  width: 100%
}

.form-generator-admin-block-vertical-1-20-right {
  float: right!important;
  width: 3em;
  padding: 0 .4em;
  overflow: hidden;
  text-align: center
}

.form-generator-admin-block-vertical-1-15, .form-generator-admin-block-vertical-1-20, .form-generator-admin-block-vertical-1-3, .form-generator-admin-block-vertical-1-35 {
  float: left!important;
  height: 100%;
  padding: 0 .4em;
  overflow: hidden;
  text-align: center
}

.form-generator-admin-block-vertical-1-20 {
  min-width: 9em;
  max-width: 8em
}

.form-generator-admin-block-vertical-1-15 {
  min-width: 8em;
  max-width: 7em
}

.form-generator-admin-block-vertical-1-35 {
  min-width: 16em;
  max-width: 67%
}

.form-generator-admin-block-vertical-1-3 {
  width: 20em
}

.form-generator-admin-fields-list {
  min-width: 35em;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.form-generator-admin-field-dropdown {
  font-size: 11px;
  margin: 2px 0;
  padding: 0;
  width: 6em;
  height: 1.7em;
  pointer-events: auto!important
}

.form-generator-admin-field-required {
  color: #a33;
  font-size: .75em;
  line-height: .9em;
  margin: 0 .5em 0 .3em
}

.form-generator-admin-field-show {
  color: #3a3;
  font-size: .75em;
  line-height: .9em;
  margin: 0 .5em 0 .3em
}

.form-generator-admin-field-remove {
  margin: .6em 0 0;
  height: 25px;
  cursor: pointer
}

.form-generator-admin-field-remove2 {
  margin: -.25em 0 0;
  height: 25px
}

.form-generator-admin-order {
  width: 2em
}

.form-generator-admin-icon {
  height: 20px
}

.form-generator-admin-field-name {
  font-weight: 700;
  font-size: .9em
}

.form-generator-admin-field-status {
  display: none;
  padding: .2em 0 0;
  color: #999;
  font-weight: 400;
  float: right!important
}

.form-generator-admin-field-label {
  margin: 0;
  padding: 0;
  font-size: .95em
}

.form-generator-admin-code {
  min-width: 20em;
  max-width: 45em;
  float: left!important;
  text-align: left;
  font-size: .8em;
  line-height: 1.2em
}

.form-generator-admin-submit {
  margin: 2em auto;
  padding: .2em .5em .4em
}

form {
  margin: 0
}

.required-asterisk {
  color: red;
  font-weight: 700;
  font-size: 1em
}

.form-generator-admin-fields-list:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  padding: 0;
  margin: 0
}

.payment-partial-fixed {
  width: 7em;
  float: left;
  padding: 10px 5px 0 10px;
  margin: 0
}

.payment-partial-percent {
  width: 6em;
  float: left;
  padding: 10px 5px 0 10px;
  margin: 0
}

.payment-partial-selected {
  background: #bfb;
  border: 1px solid #ccc;
  border-radius: .4em
}

@media only screen and (max-width :1024px) {
  div.admin-submit-bar {
    position: relative;
    z-index: inherit
  }
}

.ui-datepicker td {
  border: 2px solid #eee!important
}

.ui-datepicker-unselectable span.ui-state-default {
  background: 0 0!important;
  color: #fff!important;
  opacity: 1;
  border: none!important
}

.ui-datepicker-today a.ui-state-default {
  background: #ffe45c!important;
  color: #222!important;
  border: 1px solid #ccc!important
}

.calendar-day-closed-but-available a.ui-state-default, .calendar-day-available a.ui-state-default {
  background: 0 0!important;
  color: #fff!important;
  opacity: 1;
  border: none!important
}

.ui-state-disabled {
  color: #fff!important;
  opacity: 1!important;
  border: none!important
}

.calendar-day-available {
  background: #6b3;
  color: #fff;
  opacity: 1
}

.calendar-day-not-available {
  background: #cc7070;
  color: #fff;
  opacity: 1;
  margin: 1px
}

.calendar-day-not-available-past {
  background: #bcbcbc;
  color: #333;
  opacity: 1
}

.calendar-day-not-available-opacity {
  background: #c99;
  color: #fff;
  opacity: .3
}

.calendar-day-closed-but-available {
  background: #7C7;
  color: white;
  opacity: 0.8
}

.ui-datepickr-today, .ui-state-highlight {
  text-shadow: 0 0 5px #ff0;
  font-weight: 700!important
}

.ui-widget-header {
  background: #666;
  border: 1px solid transparent;
  color: #fff;
  font-weight: 700
}

.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
  background: 0 0;
  border: 1px solid transparent
}

.ui-datepicker-calendar thead {
  font-size: 11px;
  color: #666
}

.ui-widget-content {
  box-shadow: 4px 4px 6px #999;
  width: 220px;
  font-weight: 0
}

.ui-dialog-buttonpane.ui-widget-content {
  box-shadow: none;
  width: auto;
}

.disabled, .enabled, .tutorial-btn {
  font-weight: bolder
}

.dropup .open {
  margin: 50px 0 0!important
}

@keyframes blink-green {
  0%, 100% {
    background-color: rgb(69, 255, 0)
  }
  50% {
    background-color: rgba(70, 255, 0, .35)
  }
}

@-webkit-keyframes blink-green {
  0%, 100% {
    background-color: rgba(70, 255, 0, 1)
  }
  50% {
    background-color: rgba(70, 255, 0, .35)
  }
}

@keyframes blink {
  0%, 100% {
    background-color: rgba(255, 70, 0, 1)
  }
  50% {
    background-color: rgba(255, 70, 0, .35)
  }
}

@-webkit-keyframes blink {
  0%, 100% {
    background-color: rgba(255, 70, 0, 1)
  }
  50% {
    background-color: rgba(255, 70, 0, .35)
  }
}

.change-plan-button {
  float: left;
  margin: -4px 0 0;
  padding: 7px;
  color: #fff;
  background: orange;
  border-radius: 3px;
  border: 1px solid #ccc;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -moz-animation: blink-green normal 1.4s infinite ease-in-out;
  -webkit-animation: blink-green normal 1.4s infinite ease-in-out;
  -ms-animation: blink-green normal 1.4s infinite ease-in-out;
  animation: blink-green normal 1.4s infinite ease-in-out
}

.select-plan-button {
  margin: -9px 0 0;
  padding: 7px;
  background: #F58500;
  border-radius: 3px;
  border: 1px solid #ccc;
  color: #fff;
  font-weight: bold;
}

.select-plan-button:hover {
  opacity: .8;
}
a.btn, input.btn, label.btn {
  margin: -10px 0 0;
  background: #F58500;
  color: white;
  box-shadow: none;
  font-weight: bold;
  border: none;
  text-shadow: none;
  opacity: 1;
}
.btn.delete, .submit3.delete, .submit.delete, .submit5.delete {
  background: #d44;
}
.btn.main, .subfield.main {
  background: #ddd;
}
.btn.add, .submit4.add, .submit5.add {
  background: #00b22d;
}
a.btn:focus, a.btn:hover, input.btn:focus, input.btn:hover, label.btn:hover, .btn-delete:hover, .btn-delete:focus  {
  opacity: .8;
  color: #fff;
}
/*
  green turitop 00b22d
*/
input.sign-up-button {
  background: #00b22d;
  font-size: 25px;
  width: 100%;
  border: none;
  box-shadow: none
}

input.sign-up-button:hover {
  opacity: 0.8;
  border: none;
  box-shadow: none;
}

div.sign-up-form-container {
  background: #eee;
  width: 90%;
  min-width: 250px;
  max-width: 450px;
  padding: 38px 18px;
  margin: 0
}

.tutorial-btn {
  background: #08c;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  margin: 10px 0;
  cursor: pointer;
}

.tutorial-btn:hover {
  color: #fff;
  background-color: #51b9ec
}

.tutorial-btn:visited, .tutorial-btn:active {
  color: #fff
}

.hour_container table tr:nth-child(odd) td,
.date_container table tr:nth-child(odd) td  {
  background-color: #fefefe
}

.hour_container table tr:nth-child(even) td,
.date_container table tr:nth-child(even) td {
  background-color: #fafafa
}

input[type=checkbox]:checked~.lock-open {
  display: none
}

input[type=checkbox]:checked~.lock-closed {
  display: inline;
  color: green
}

input[type=checkbox]~.lock-closed {
  display: none
}

.company-features {
  margin: 0 auto
}

.company-features td {
  border: none!important;
  padding: .3em .1em
}

.lock-closed, .lock-open {
  cursor: pointer;
  font-size: 2.5em;
  color: red
}

.enabled {
  color: green
}

.disabled {
  color: red
}

div.offline-bookings-event-total-transfer.bus {
  font-weight: 400;
  border-radius: 0 3px 3px 0
}

div.offline-bookings-event-total-transfer {
  float: left;
  color: #fff;
  border-radius: 3px 0 0 3px;
  background-color: #4169e1;
  padding: .3em 0;
  margin: 0;
  font-size: 18px;
  line-height: 16px;
  font-weight: 700;
  min-width: 2em
}

a.discount-active {
  padding: 6px 3px;
  border-radius: 10%;
  font-weight: 700;
  background-color: #90ee90;
  border: 2px solid green
}

a.product-discount {
  cursor: pointer;
  font-size: 1em;
  display: inline-block;
  -webkit-transition: all 50ms;
  -moz-transition: all 50ms;
  transition: all 50ms
}

.section-cart-discount table {
  margin: 0 auto;
  text-align: center;
  font-size: 1.1em
}

.section-cart-discount table.current-cart-discounts {
  width: 80%
}

.section-cart-discount table.service-selector td {
  height: 36px;
  width: 70px
}

table.current-cart-discounts thead {
  background-color: #d3d3d3
}

table.current-cart-discounts tr:nth-child(odd) td {
  background-color: #fefefe
}

table.current-cart-discounts tr:nth-child(even) td {
  background-color: #fafafa
}

.hidden {
  display: none!important
}

.progress-wrp {
  display: none;
  border: 1px solid #aaa;
  padding: 3px;
  position: relative;
  height: 13px;
  border-radius: 3px;
  margin: 50px 0 10px;
  text-align: left;
  background: #fff;
  width: 175px
}

.progress-wrp .progress-bar {
  height: 100%;
  border-radius: 3px;
  background-color: #5e9c45;
  width: 0
}

.progress-wrp .status {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  display: inline-block;
  color: #000
}

.uploaded-files-status {
  margin-bottom: 10px
}

.booking-actions-container .progress-wrp {
  margin-top: 0
}

.tooltip-upload {
  display: none
}

.booking-actions-container .tooltip-upload {
  display: inline-block
}

.delete-file-icon {
  cursor: pointer
}

.delete-file-icon img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 3px
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotateZ(0)
  }
  to {
    -webkit-transform: rotateZ(360deg)
  }
}

@keyframes spin {
  from {
    transform: rotateZ(0)
  }
  to {
    transform: rotateZ(360deg)
  }
}

.custom-icon-spinning {
  display: inline-block;
  animation: spin 3s cubic-bezier(.68, -.55, .27, 1.55) 0s infinite
}

.quota_1 {
  border-radius: 3px !important;
  border: 1px solid #ccc;
}

#quota_add_hours {
  margin: 0;
}

a.btn.upload {
  float:left; margin:0 1em 0 1em; width:10em;
  background-color: #F58500;
}

div.month-title {
  color: #333;
  border-radius: 3px;
  margin: auto;
  padding: 5px;
  text-align: center;
  background-color: #ddd;

}

table.weekday-selector, table.weekday-selector-meeting-point {
  display: none;
  text-align: center;
  margin: 0 auto;
  width: 90%;
}

table.weekday-selector .grey-dark {
  font-weight:bold;
}

table.weekday-selector-meeting-point .grey-dark {
  font-weight:bold;
}

.delete-hour, .delete-hour-meeting-point {
  width: 16px!important;
  padding:0 0 3px 5px;
}

.datepicker-blacklist, .datepicker-blacklist-meeting-point {
  width:5.5em;
}
.hour-container, .hour-container-meeting-point {
  margin-top: 0.6em;
}
.hour-container .hour-blacklist {
  border: 1px solid #ccc;
  padding: .3em;
  border-radius: 3px;
  background-color: #DDD;
  text-align: center;
  margin: .2em;
  display: inline-block;
}

.hour-container-meeting-point .hour-blacklist-meeting-point {
  border: 1px solid #ccc;
  padding: .3em;
  border-radius: 3px;
  background-color: #DDD;
  text-align: center;
  margin: .2em;
  display: inline-block;
}

#transfer_blacklist_save {
  display: none;
  margin: 0 auto;
  text-align: center;
}

#transfer_blacklist_save_meeting_point {
  display: none;
  margin: 0 auto;
  text-align: center;
}

#blacklist_add_hours {
  margin: -4px 0 0 0;
}
.transfer-blocked-dates input.submit {
  border: 2px solid transparent;
}

table.blacklist-hour, table.blacklist-date-range, table.blacklist-hour, table.blacklist-hour-meeting-point, table.blacklist-date-range-meeting-point, table.blacklist-hour-meeting-point {
  display: none;
  width: 60%;
  text-align: left;
}

table.blacklist-date-range .date_start,
table.blacklist-date-range .date_end,
table.blacklist-date-range-meeting-point .date_start,
table.blacklist-date-range-meeting-point .date_end,
.hour-container, .hour-container-meeting-point {
  display: none;
}

tr.payment-request-info td {
  border-top: 1px solid #666;
}

.delete-button-blacklist {
  position: absolute;
  z-index: 50000;
  right: 3px;
  height: 24px;
  top: 3px;
}

.payment-msg-error p {
  display: none;
}

.disabled-btn {
  pointer-events: none!important;
  background-color: #b3b3b3!important;
  opacity: 0.5!important;
}

.label-net {
  color:#08c;
}

.col4-net {
  min-width: 35px;
}
#show_payment_mail .error.font-big p,
#booking_email_send .error.font-big p {
  margin-bottom: 15px;
  margin-top: -5px;
}

.admin-calendar-gift-tab {
  background: #ddd;
  border-radius: 3px;
  border: 1px solid #ccc;
}

.admin-calendar-gift-tab, .admin-calendar-gift-tab-selected{
  float: left;
  width: 165px;
  height: 45px;
  margin: 0 3px;
  padding: 1em .5em .4em;
  text-align: center;
  overflow: hidden
}

.admin-calendar-gift-tab-selected {
  background: #fafafa;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.calendar-gift{
  font-size: 4em;
  margin-top: -13px;
}

.admin-calendar-gift-tab:hover {
  background: #eee;
}

div.checkbox-container {
  width:4em;
  font-size: 0.95em;
  padding: 0.1em;
  margin: 0.1em;
}

label.inline-label {
  display: inline-block;
  margin-left: 10px;
}

#schedule_subfield_add_weekly_event.active-hours .checkbox-hide-hour,
#schedule_subfield_add_weekly_event:not(.active-hours) input[type=text].timepicker,
#schedule_subfield_availability_exception_open.active-hours .checkbox-hide-hour,
#schedule_subfield_availability_exception_open:not(.active-hours) input[type=text].timepicker,
#schedule_subfield_availability_exception_open:not(.active-hours) .fake-input-time,
#schedule_subfield_availability_exception_open:not(.active-hours) .time-th {
  display:none;
}

.bookings-history-date-event.hideHours .format-time-short {
  display:none;
}

table.dns-record {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 5px;
}

table.dns-record input.record {
  border: 1px solid black;
  padding: 5px;
  text-align: center;
}

table.dns-record i.fa.fa-copy {
  vertical-align: super;
  font-size: 1.5em;
  color: #48d90f;
}

table.dns-record i.fa.fa-copy:hover {
  cursor: pointer;
  color: #15AF00;
}

.no-uses .discount-item-upper {
  background-color: lightcoral;
}

.no-uses .discount-item-lower {
  background-color: mistyrose;
}

.random-promocode {
  display:none;
  margin-top: 10px;
}

.label-promocode {
  display: inline;
}

.discount-item-condition.promo-code-input {
  margin-top:10px;
}

.promo-code-list {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #cccccc;
  margin-top: 3px;
  background-color: #f5f5f5;
  padding: 0.25em;
  height: 4.3em;
  max-height: 4.3em;
  overflow: hidden;
  transition: all .1s linear;
}

.promo-code-list.expanded {
  height: auto;
  max-height: unset;
}

.promo-code-list span {
  font-weight: bolder;
  background-color: #FFF;
  padding: 4px;
  border: 1px solid #000;
  border-radius: 3px;
  font-family: monospace;
  margin: 2px;
  display: inline-block;
  width: auto;
  line-height: normal;
}


.view-more-promocodes {
  text-align: right;
  display: block;
  margin-left: 10px;
  margin-right: 35px;
  color: #0088CC;
  cursor: pointer;
}

.copy-promo-code {
  color: #0088CC;
  cursor: pointer;
}
.promo-code-list span.used-promocode {
  background-color:lightcoral;
}

.title-promo-code {
  color: #777;
}

#product_payment_settings .label1 {
  color: #000;
  cursor: default;
}

.discount-item .discount-item-upper .discount-item-upper-info2 .webhook-url {
  font-size: 12px;
  width: 32em;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}
.testwebhook {
  padding: 0.35em;
  font-size: 1.1em
}
#status-message {
  font-size: 1.1em;
  font-weight: bolder;
  text-align: center;
  margin-top:1.5em;
}
#status-message.success {
  color: green;
}
#status-message.failure {
  color: red;
}

.modal-availability {
  right: 0%;
  top: 170px;
  width: 375px;
  padding-right: 0px;
}
.modal-body-availability {
  max-height: 250px;
  text-align: left;
}
body.modal-open {
  overflow: hidden;
}
.error_payment {
  border-color: red !important;
}
.select_transaction_payment {
  width: 200px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.note_label_transaction_payment {
  width: 411px;
  margin: 0px 0px 10px;
  height: auto;
  max-width: 400px;
}
.hr_transaction_payment {
  margin: 15px 0 20px 0;
  border-color: #ccc;
  border-bottom: none;
}
.toggle_transaction_payment {
  color: black;
  padding-left: 5px;
  cursor: pointer;
}
.i_toggle_transaction_payment{
  font-size: 28px !important;
  color: #0088cc;
  transform: rotate(90deg);
  transition: transform .2s linear;
}
.payment_transaction_date {
  max-width:80px;
  text-align:center;
}
.payment_transaction_time {
  max-width:50px;
  text-align:center;
}
.payment_transaction_texarea {
  width: 470px;
  margin: 0px 0px 10px;
  height: 83px;
  max-width: 470px;
}
.payment_transaction_gateway {
  width: 70px;
  text-align: right;
}
.payment_transaction_amount {
  width: 85px;
  text-align: right;
}
.rotate_toggle_transaction_payment {
  transform: rotate(0deg);
  transition: transform .2s linear;
}

@media only screen and (max-width: 767px) {
  .modal-availability {
    width: auto;
    margin-right: 10px;
  }
  .modal-body-availability {
    height: auto;
    text-align: left;
    max-height: none;
  }
  .close-modal {
    font-size: 40px;
  }
  @media screen and (orientation:landscape) {
    .modal-availability {
      width: auto;
      margin-right: 10px;
      height: 90%;
      top: 5px !important;
    }
    .modal-body-availability {
      height: 40%;
      text-align: left;
      max-height: none;
    }
  }
}

.whatsapp-button {
  display: inline!important;
}

#widget-backoffice.auditorium iframe {
  min-width: 780px;
  min-height: 700px;
}

.country-list {
  z-index: auto !important;
}

@media screen and (max-width: 480px) {
  .country-list { position: fixed !important; }
}

@media screen and (max-width: 320px) {
  .country-list { position: fixed !important; }
}

.g-recaptcha div {
  margin: 0 auto;
}

.template_email_row1 {
  background-color: #f5f5f5;
  width: 50%;
  padding-top: 5px;
}

.template_email_row2 {
  padding-top: 5px;
}

.template_email_label1{
  margin: 5px 15px 0px 10px;
  font-weight: bold;
}

.template_email_label2{
  margin: 5px 15px 0px 10px;
}

.copy_icon_template{
  font-size: 1.5em !important;
  margin-top: 5px;
}

.payment-icon {
    font-size: 1.5em!important;
    vertical-align: middle;
}
.payment-icon-image {
    max-width: 35px;
    border: 1px solid gray;
    border-radius: 3px;
}