/*
*/
/*-----------------------------------------------------------------------------
/ reset
/----------------------------------------------------------------------------*/

#lunis {
   --bg_base: #aa9b7a;
   --fg_base: #000000;
   --fg_red: red;
}
@media (forced-colors: active) {
   #lunis {
      --fg_red: darkred;
   }
}

html,body,
#lunis div,#lunis span,
#lunis h1,#lunis h2,#lunis h3,#lunis h4,#lunis h5,#lunis h6,#lunis p,#lunis blockquote,#lunis pre,
#lunis abbr,#lunis address,#lunis cite,#lunis code,
#lunis del,#lunis dfn,#lunis em,#lunis img,#lunis ins,#lunis kbd,#lunis q,#lunis samp,
#lunis small,#lunis strong,#lunis sub,#lunis sup,#lunis var,
#lunis b,#lunis i,
#lunis dl,#lunis dt,#lunis dd,#lunis ol,#lunis ul,#lunis li,
#lunis fieldset,#lunis form,#lunis label,#lunis legend,
#lunis table,#lunis caption,#lunis tbody,#lunis tfoot,#lunis thead,#lunis tr,#lunis th,#lunis td,
#lunis article,#lunis aside,#lunis canvas,#lunis details,#lunis figcaption,#lunis figure,
#lunis footer,#lunis header,#lunis hgroup,#lunis menu,#lunis nav,#lunis section,#lunis summary,
#lunis time,#lunis mark,#lunis audio,#lunis video {
   clear: initial;
   width: initial;
   margin:0;
   padding:0;
   border:0;
   /*outline:0;*/
   font-size: initial;
   font-weight:normal;
 	font:inherit;
   letter-spacing: initial;
   word-break: initial;
   word-wrap: initial;
   vertical-align:baseline;
   text-transform: initial;
   color: initial;
   background-color: initial;
   background-image: initial;
   /*background:transparent;*/
   transition: initial;
   box-shadow: initial;
}
#lunis br {
   display: initial;
}
#lunis h1,#lunis h2,#lunis h3,#lunis h4,#lunis h5,#lunis h6 {
   color: initial;
}
body {
   line-height:1;
}
#lunis article,#lunis aside,#lunis details,#lunis figcaption,#lunis figure,
#lunis footer,#lunis header,#lunis hgroup,#lunis menu,#lunis nav,#lunis section {
    display:block;
}
#lunis label {
   position: initial;
   background: initial;
}
#lunis img {
   width: initial;
   display: initial;
}
#lunis nav ul {
   list-style:none;
}
#lunis ul li::before {
   all: revert;
}
#lunis input:not([type=submit]) {
   min-height: initial;
}
#lunis input[type=checkbox]:before {
   content: initial;
}
#lunis a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
#lunis a::before {
   content:initial !important;
   padding:0 !important;
}
#lunis ins {
    text-decoration:none;
}
#lunis mark {
    font-style:italic;
    font-weight:bold;
}
#lunis del {
    text-decoration: line-through;
}
#lunis abbr[title],
#lunis dfn[title] {
    border-bottom:1px dotted;
}
#lunis table {
    border-collapse:collapse;
    border-spacing:0;
}
#lunis input,
#lunis div.f_line input[type="text"],
#lunis select {
   margin: initial;
   vertical-align:middle;
   color: initial;
   background-color: initial;
   letter-spacing: initial;
}

#lunis td {
	height:0;
   background-color: initial;
   text-align: initial;
}
#lunis :focus {
   outline:none;
}
#lunis.embedded {
   max-width: 650px;
   margin: auto;
}
#lunis input[type="email"],
#lunis input[type="tel"],
#lunis input[type="text"],
#lunis input[type="button"],
#lunis select,
#lunis textarea {
   height: initial;
   color: initial;
   background: initial;
   font-size: initial;
   font-weight: initial;
   line-height: initial;
   border: initial;
   padding: initial;
}
#lunis select.chr {
   color: var(--fg_base);
   background-color: var(--bg_base);
   border: 0;
   border-radius: 2px;
   height: 25px;
   appearance: auto;
}
@media (hover: none) {
   #lunis select.chr {
      height: 100%;
   }
}
#lunis select.chr:focus {
   /*box-shadow: 0 0 3px 1px var(--bg_base);*/
}

@media (pointer: none) {
   #lunis select.chr:focus-visible,
   #lunis input[type=button]:focus-visible,
   #lunis input[type=radio]:focus-visible,
   #lunis input[type=checkbox]:focus-visible,
   #lunis textarea:focus-visible,
   #lunis .icheckbox_square-custom:focus-visible,
   #lunis #ap_form input[type=radio]:focus-visible+label.iradio_custom {
      outline: 3px dashed black;
      outline-offset: 2px;
   }
   #lunis input[type=button]:focus-visible {
      position: relative;
   }
}

#lunis select.chr ~ select.chr {
   margin-left: 1px;
}
#lunis td > select.chr {
   display: inline-block;
}

#lunis textarea {
   border: 1px solid #777;
   padding: 2px;
   font-size: 13px;
}
#lunis input[type="email"]::placeholder,
#lunis input[type="tel"]::placeholder,
#lunis input[type="text"]::placeholder,
#lunis select::placeholder,
#lunis textarea::placeholder {
   padding-top: 1px;
   color: #999;
   font-weight: 300;
   text-transform: none;
}

/* thun */
#lunis #c_calendar th {
   padding:0 !important;
}


/*-----------------------------------------------------------------------------
/ generic
/----------------------------------------------------------------------------*/

@font-face {
  font-family:LunisFont;
  src:url(../i/custom.font);
}

body,
#lunis select,#lunis input,#lunis textarea,#lunis button {
   font-family:LunisFont,source-sans-pro,Helvetica,Arial,sans-serif;
}

html {
   background-color:white !important;
   background-image:none !important;
   overflow-x:hidden;
}
html,body {
   height:100%;
}
body {
   margin-bottom:0px;
   /*background-color:transparent;*/
}
#lunis form[name='lunis_sf'] {
   background-image:url(../i/c_main_background);
   background-size:auto auto;
   background-repeat:no-repeat;
   background-position:right top;
}
@media only screen and (max-width:600px) { 
   #lunis form[name='lunis_sf'] {
      background:none !important;
   }
}

#lunis a {
   text-decoration:none;
   color:black;
}
#lunis a:hover,
#lunis a:focus {
   text-decoration:underline;
   cursor:pointer;
}

#lunis label {
   display:block;
   font-size:12px;
   white-space:nowrap;
}
#lunis label.disabled {
   color:#777777;
   cursor:default;
}
#lunis label.disabled.check {
   cursor:default;
}

#lunis h1 {
   font-size:24px;
   margin-bottom:12px;
}
#lunis h1.settings {
   margin-left:5px;
   margin-top:20px;
}
#lunis h2 {
   font-size:21px;
   margin-bottom:10px;
}
#lunis h2.settings {
   margin-left:5px;
   margin-top:16px;
}
#lunis h2.h2 {
   margin-top: 30px;
   margin-bottom: 10px:
}
#lunis h3 {
   font-size:18px;
   margin-bottom:8px;
   line-height:19px;
}
#lunis input[type="button"] {
   width:initial;
   border:initial;
   white-space:pre-line;
   -webkit-appearance:none;
}
#lunis input[type="button"]:not(.CTA) {
   min-height:35px;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:10px;
   padding-right:10px;
}


#lunis select {
   font-size:13px !important;
}

#lunis ins {
   text-decoration:none;
}

#lunis s {
   display:none;
}

/*-----------------------------------------------------------------------------
/ specific
/----------------------------------------------------------------------------*/

#lunis #header_section {
   background-color:#ff8888;
}

#lunis #header {
	width:1000px;
   height:31px;
   margin:auto;
   padding-top:0px;
   background-color:#ffbbbb;
}

#lunis #container {
   clear:both;
   box-sizing:border-box;
   width:1000px;
   /*min-height:100%;*/
   margin:auto;
   z-index:5;
   position:relative;
}

#lunis #content {
   position:static;
   box-sizing:border-box;
   float:left;
   width:600px;
   height:100%;
   padding:5px 5px 5px 5px;
   background-color:white;
   opacity:0.9;
}

#lunis #right {
   /*float:right;*/
   /*max-width:400px;*/
   height:100%;
}
#lunis #c_calendar th div abbr {
   display:none;
}

/*****************************************************************************/

#lunis.narrow #c_calendar th div span {
   font-size:16px !important;
   line-height:18px !important;
}
#lunis.narrow #c_calendar th div span span,
#lunis.narrow #c_calendar th div strong {
   display:none;
}
#lunis.narrow #c_calendar th div abbr {
   display:initial;
}
#lunis.n380 .label,
#lunis.n380 .f_label,
#lunis.n380 label:not(.ui-button) {
   width:112px !important; /* 120 */
}
#lunis.narrow .f_field,
#lunis.narrow div.const2 {
   margin-left:120px !important;
}
#lunis.narrow label.img {
   margin-top:1px !important;
}
#lunis.narrow label.img img {
   width:115px;
}

/*****************************************************************************/

@media only screen and (min-width:615px) {
   #lunis .label,
   #lunis div.label,
   #lunis label:not(.ui-button),
   #lunis #ap_form label:not(.ui-button) {
      width:150px;
   }
}

@media only screen and (max-width:614px) {
   #lunis #container,
   #lunis #content {
      width:100%;
   }
   #lunis #right {
      display:none;
   }

   #lunis #c_calendar th div span {
      font-size:16px !important;
      line-height:18px !important;
   }
   #lunis #c_calendar th div span span,
   #lunis #c_calendar th div strong {
      display:none;
   }
   #lunis #c_calendar th div abbr {
      display:initial;
   }
}

@media only screen and (min-width:382px) and (max-width:614px) {
   #lunis .label,
   #lunis .f_label,
   #lunis label:not(.ui-button) {
      width:150px;
   }
   #lunis .f_field,
   #lunis div.const2 {
      /*margin-left:120px !important;*/
   }
   #lunis label.img {
      margin-top:1px !important;
   }
   #lunis label.img img {
      width:115px;
   }
}
@media only screen and (max-width:381px) {
   #lunis .f_field,
   #lunis div.const2 {
      margin-left:115px; /* 120 */
   }
   #lunis .label,
   #lunis label:not(.ui-button),
   #lunis div.f_label,
   #lunis div.f_label label.img {
      width:115px; /* 120 */
   }
}

/*****************************************************************************/

#lunis footer {
   clear:both;
   height:100%;
   margin:auto;
   position:relative;
}
#lunis #footer {
   margin:auto;
}

#lunis #footer_section {
   position:relative;
   clear:both;
   height:30px;
}
#lunis #footer_section > div {
   float:none;
}
#lunis #footer_section > div+div {
   float:right;
   color:white;
   font-size:13px;
   padding:7px;
}

#lunis #rt {
   position:fixed;
   color:white;
   background-color:#3c3c3c;
   background-image:linear-gradient(to bottom,#555555,#333333);
   opacity:0.3;
   right:0;
   bottom:50px;
   z-index:100;
   text-align:right;
}

#lunis div.sgroup {
   display:table-cell;
   height:inherit;
   vertical-align:middle;
   /*padding-top:auto;
   padding-bottom:auto;*/
   padding-right:5px;
   margin-left:5px;
}
#lunis div.sgroup>label {
   padding-bottom:2px;
}
#lunis div.sgroup:first-child {
   padding-right:10px;
}

#lunis table.bgroup {
   margin-top:50px;
   width:100%;
}
#lunis table.bgroup td {
   vertical-align:middle;
}
#lunis table.bgroup td:nth-child(even) {
   text-align:right;
}

#lunis #custom_header {
   color:#888888;
   background:url('../custom.d/Charly-Kunden/img.d/logo.png') no-repeat left top,url('../custom.d/Charly-Kunden/img.d/header_right.png') no-repeat right top;
   background-color:white;
   font-size:36px;
   font-weight:300;
   text-align:center;
   padding-top:14px;
   height:70px;
   box-sizing:border-box;
   min-width:1000px;
}

#lunis div.field label {
   font-size:14px;
   margin-bottom:2px;
}
#lunis div.message {
   overflow:hidden;
   padding:8px;
   border-radius:5px;
   margin-bottom:15px;
}
#lunis div.message {
   color:white;
   background-color:#ee3b3b;
}
#lunis div.message:focus-visible {
   outline: 2px dashed black;
   outline-offset: 1px;
}

#lunis div.message.alert {
   color:#000000 !important;
   background-color:#aa9b7a !important;
   border:2px solid #aa9b7a;
}
#lunis div.message.info {
   background-color:#dddddd;
}
#lunis div.message > span.ui-icon,
#lunis div.message > div > span.ui-icon {
   /*float:left;*/
   margin-right:8px;
   background-image:url("../img.d/ui-icons_ffffff_256x240.png");
}
#lunis div.message > div > span.ui-black {
   background-image:url("../img.d/ui-icons_222222_256x240.png");
}
#lunis div.message h2 {
   white-space: pre-wrap;
}

#lunis div.message2 {
   color:#666666;
   background-color:#dddddd;
   padding:8px;
   border-radius:5px;
   line-height:1.3em;
}
#lunis div.message2 h2 {
   font-size:18px;
}

#lunis div.ec {
   /*color: #aaaaaa;*/
   text-align: right;
   opacity: 0.25;
}

#lunis .pre {
   color:#555555;
   font-family:Courier,monospace;
   font-size:12px;
   white-space:pre-wrap;
}

/*****************************************************************************/

#lunis .ui-widget-header {
   background:none;
   background-color:#bbbbbb;
}

#lunis fieldset[role=radiogroup] .ui-state-disabled {
   opacity: 0.6;
}

#lunis div.ui-dialog-content>p {
   font-size:15px;
   line-height:20px;
}

#lunis p.icon-text {
   margin-left:25px;
}
#lunis p.icon-text > span.ui-icon {
   float:left;
   margin:2px 10px 0 -30px;
}

#lunis div#sName {
   display:none;
   color:white;
   background-image:linear-gradient(to bottom,#006fff,#328bff);
   background-color:#006fff;
   margin-top:10px;
   font-size:13px;
   font-weight:normal;
   line-height:1.3em;
   padding:3px;
   border:none;
   border-radius:2px;
}

/*-----------------------------------------------------------------------------
/ jTable
/----------------------------------------------------------------------------*/

#lunis .pointer {
   cursor:pointer;
}
#lunis tr.bold>td {
   font-weight:bold;
}

#lunis .note {
   font-size:10px;
   color:#888888;
}

#lunis div.icheckbox_square-blue + span.jtable-option-text-clickable {
   top:1px !important;
   padding-left:6px !important;
}

#lunis #ap_form div.icheckbox_square-blue + label {
   padding-left:0px;
}
#lunis div.icheckbox_square-blue + label {
   display:inline;
   font-size:13px;
   position:relative;
   top:1px;
   padding-left:6px;
   cursor:pointer;
}

#lunis span.up,
#lunis span.down {
   display:inline-block;
   width:18px;
   height:13px;
   margin-top:4px;
   background-repeat:no-repeat;
   cursor:pointer;
}
#lunis span.up {
   /*background-image:url('up_blue_12.png');*/
   background-image:url('../arrow-up-32.png');
   background-position:top left; 
}
#lunis span.down {
   /*background-image:url('down_blue_12.png');*/
   background-image:url('../arrow-down-32.png');
   background-position:bottom right; 
}

/*****************************************************************************/

#lunis div.tabs_border {
   border-top:2px solid #888888 !important;
}

#lunis .ui-widget-overlay {
   opacity:0.7;
}

#lunis li.ui-menubar-item .ui-button-text {
   /*padding:0.4em 0.7em;*/
   padding:4px 7px 4px 4px;
}

#lunis div.tabs .ui-widget-header,
#lunis #tabs>.ui-widget-header {
   background-color:inherit;
   border:none;
}
#lunis div.tabs .ui-tabs-nav,
#lunis #tabs>.ui-tabs-nav {
   border-radius:0;
}
#lunis div.tabs.ui-tabs,
#lunis div.tabs>.ui-tabs,
#lunis div.tabs .ui-tabs-panel,
#lunis #tabs.ui-tabs,
#lunis #tabs>.ui-tabs,
#lunis #tabs>.ui-tabs-panel {
   background:none;
   padding:0;
}

#lunis div.tabs.ui-corner-all,
#lunis #tabs.ui-corner-all {
   border:none;
   border-radius:0;
}
#lunis div.tabs.ui-tabs .ui-tabs-anchor,
#lunis #tabs .ui-tabs-anchor {
   font-size:15px;
   padding-top:1px;
   padding-bottom:0px;
   padding-left:10px;
   padding-right:10px;
}

#lunis div.ui-buttonset span.ui-button-text {
   font-size:14px;
   padding:1px 8px;
}
#lunis div.ui-buttonset .ui-state-default,
#lunis div.ui-buttonset .ui-state-hover,
#lunis div.ui-buttonset .ui-state-active {
   background:none;
}
#lunis div.ui-buttonset label.ui-state-active {
   /*background-image:linear-gradient(to bottom,#55cc55,#55bb55);*/
   background-image:linear-gradient(to bottom,#66ee55,#66dd66);
}

#lunis .ui-dialog,
#lunis .ui-dialog-content {
   overflow:initial !important;
}
#lunis .ui-dialog-content p.alert,
#lunis .ui-dialog-content div.alert {
   font-size:15px;
   font-weight:400;
   line-height:1.3em;
}

#lunis .noclose .ui-dialog-titlebar-close {
   display:none;
}
#lunis span.ui-dialog-error {
   font-size:16px;
   line-height:125%;
}

#lunis div.ui-dialog.jmsg {
   width:min(calc(100vw - 30px),420px) !important;
}
#lunis .ui-dialog.jmsg .ui-dialog-content {
   padding:0.5em 0.5em;
}

/*-----------------------------------------------------------------------------
/ calendar
/----------------------------------------------------------------------------*/

#lunis .th_spacer {
   height:2px;
}

#lunis td.oh {
   font-size:14px;
   color:#888888;
   background-color:#eeeeee;
   text-align:center;
   padding-top:2px;
   padding-bottom:1px;
   border-top:1px solid #bbbbbb;
   border-bottom:1px solid #bbbbbb;
}

#lunis tr.gone {
   background-image:none;
   background-color:#aaaaaa;
   /*background-color:red;*/
   height:3px;
}

#lunis td.free,
#lunis td.available,
#lunis td.closed {
   color:#aaaaaa;
   /*position:relative;*/
   position:static; /* firefox bug */
   text-align:center;
   vertical-align:middle;
   /*border-left:1px dotted #888888;*/
   /* ff */
   border-left:1px solid #cccccc;
   /*min-height:100%;
   max-height:100%;
   max-height:20px;*/
}
#lunis td.free span.spp {
   float:left;
   width:20%;
   padding:1px 3px 1px 3px;
   margin:1px -400px 0 5px;
   font-size:12px;
   /*color:#777;*/
   color:white;
   overflow:hidden;
   text-overflow:ellipsis;
   border-radius:4px;
}

#lunis tr:not(.gone) td.available {
   color:#dddddd;
   background-color:#ee6666;
}
#lunis td.apwrapper {
   vertical-align:middle;
   border-left:1px solid #cccccc;
}
#lunis td.nbl { border-left:none; }
#lunis td.nbr { border-right:none; }
#lunis td.nblr { border-left:none;border-right:none; }

#lunis td.free:first-child,
#lunis td.closed:first-child {
   /*border-left:none;*/
}
#lunis td.free:last-child,
#lunis td.closed:last-child {
}
#lunis tr.newhour>td.hour,
#lunis tr.newhour>td.free,
#lunis tr.newhour>td.available,
#lunis tr.newhour>td.closed,
#lunis tr.newhour>td.offlimits,
#lunis tr.newhour>td.apwrapper,
#lunis #calendar.slotmode>tbody>tr:first-of-type>td {
   /*border-top:1px dotted #888888;*/
   /* ff */
   border-top:1px solid #cccccc;
}
#lunis td.hour {
   vertical-align:middle;
   text-align:center;
   /*color:white;*/
   color:#888888;
}
#lunis td.hour.notgone {
   background-color:white;
   /*color:#888888;*/
}
#lunis div.hour {
   font-size:24px;
   -webkit-transform:rotate(-90deg);
   -ms-transform:rotate(-90deg);
   -o-transform:rotate(-90deg);
   transform:rotate(-90deg);
   -webkit-transform-origin:50% 50%;
   -ms-transform-origin:50% 50%;
   -o-transform-origin:50% 50%;
   transform-origin:50% 50%;
}

#lunis table.free,
#lunis table.closed {
   width:100%;
   height:100%;
   border:0;
}
#lunis td.blocked,
#lunis td.gone,
#lunis td.full,
#lunis td.short,
#lunis td.complete,
#lunis td.closed {
   /*height:100%;*/
   vertical-align:middle;
}
#lunis table.free td.blocked,
#lunis table.free td.gone,
#lunis table.free td.full,
#lunis table.free td.short,
#lunis table.free td.complete,
#lunis table.free td.closed,
#lunis table.closed td.blocked,
#lunis table.closed td.gone,
#lunis table.closed td.full,
#lunis table.closed td.short,
#lunis table.closed td.complete,
#lunis table.closed td.closed {
   width:33.3%;
}
#lunis td.gone {
   /*background-color:#aaaaaa;*/
   /*background-color:red;*/
}
#lunis td.full,
#lunis td.short,
#lunis td.complete {
   background-color:white;
}
#lunis td.full,
#lunis td.short {
   cursor:pointer;
}
#lunis td.full {
   color:#77cc77;
}
#lunis td.short {
   color:#ff7777;
   font-style:italic;
}
#lunis td.blocked {
   cursor:default;
   /*background-color:#8888ff;*/
}

#lunis div.gone,
#lunis div.complete,
#lunis div.closed {
   float:left;
   width:33.3%;
}
#lunis div.complete {
   background-color:white;
   min-height:1px;
}
#lunis div.gone {
   background-color:#aaaaaa;
   min-height:1px;
}
#lunis div.closed {
   background-color:red;
   min-height:0px;
}

#lunis .full:not(.selectize-input):hover {
   color:green;
}
#lunis .short:hover {
   color:red;
}
#lunis table.newapp tr:hover .complete,
#lunis table.newapp tr:hover .full,
#lunis table.newapp tr:hover .short {
   background-color:#dddddd;
}

#lunis td.ap {
   position:relative;
   /*z-index:10; 12.06.2016 */
   cursor:pointer;
   vertical-align:top;
   border:1px solid transparent;
   background-clip:padding-box;
   border-radius:10px;
   padding:5px;
   /*padding:2px 5px;
   padding-bottom:0;*/
}
#lunis td.sha span,
#lunis td.ap span {
   /*font-size:13px;*/
   font-size:80%;
}
#lunis td.ap span.ui-icon {
   float:right;
}
#lunis td.ap span > img {
   border-top:5px solid transparent; 
   border-right:2px solid transparent;
}
#lunis td.ap span img + img {
   border-top:0px; 
}

#lunis td.permanent {
   cursor:pointer;
}
#lunis td.temporary {
   height:10px;
   background-color:#888888;
   cursor:default;
   padding:0;
}
#lunis td.closed {
   background-color:#a59385;
   /*background-clip:content-box;*/
}
#lunis td.offlimits {
   /*color:white;
   background-image:linear-gradient(to bottom,#555555,#777777);
   background-color:#555555;*/
   color:black;
   background-color:#b7d5d5;
   font-size:13px;
   font-weight:300;
   /*border-left:1px dotted #888888;*/
   /* ff */
   border-left:1px solid #cccccc;
   padding:2px 3px 2px 3px;
}

#lunis #calendar:not(.newapp) tr:not(.gone) td.ap.permanent {
   cursor:context-menu;
}
#lunis td.internal {
   /*color:green;*/
   background-color:#ecf6ec;
}

#lunis td.temp_1 {
   height:16px;
   border-radius:8px;
}
#lunis td.temp_s {
   padding:5px;
   border-radius:10px 10px 0 0;
   border-bottom:none;
}
#lunis td.temp_m {
   height:5px;
   border-radius:0;
   border-top:none;
   border-bottom:none;
}
#lunis td.temp_e {
   padding:5px;
   border-radius:0 0 10px 10px;
   border-top:none;
}

#lunis td.first {
   border-top-left-radius:0;
   border-top-right-radius:0;
   /*border-radius:0px 0px 10px 10px;*/
}
#lunis td.last {
   /*border-radius:10px 10px 0px 0px;*/
   border-bottom-right-radius:0;
   border-bottom-left-radius:0;
}

#lunis td.cal_message {
   font-weight:200;
   font-size:48px;
   text-align:center;
   padding:30px;
   color:#444444;
   background-color:white;
}
#lunis #weekview td.cal_message {
   font-size:32px;
   padding:30px 15px 30px 15px;
}
#lunis #weekview > tbody > tr:first-child {
   /*border-bottom:2px solid transparent;*/
}
#lunis #weekview > tbody > tr:first-child th {
   height:1px;
   padding:2px 2px 7px 2px;
}
#lunis #weekview > tbody > tr:first-child th>div {
   height:100%;
   margin-bottom:-2px;
   padding:2px 1px 2px 1px;
   /*border:1px solid #777777;*/
   border-radius:5px;
   background-color:#dddddd;
   line-height:18px;
}

#lunis .c_default {
   cursor:default !important;
}

#lunis table.legend {
   height:100%;
   /*background-color:inherit;*/
   border-collapse:separate;
   border-spacing:2px;
}
#lunis table.legend td {
   cursor:default;
   box-sizing:border-box;
   height:26px;
   min-width:140px;
   padding:4px 8px 3px 8px;
}

#lunis fieldset > legend {
   font-size:14px;
   padding-bottom:3px;
}


#lunis #view,
#lunis #editmode {
   padding:2px 0px 2px 4px;
}
#lunis #view label,
#lunis #editmode label {
   height:22px;
}
#lunis #view label.icon span,
#lunis #editmode label.icon span {
   padding:2px 2px 2px 0;
}
@media only screen and (max-width:1025px) {
   #lunis #view,
   #lunis #editmode {
      display:none;
   }
}

#lunis #preview {
   height:30px;
   width:600px;
   color:#333333;
   font-size:14px;
   margin-left:66px;
}
#lunis #CalContainer.today #preview {
   margin-left:12px;
}
#lunis #preview div {
   float:left;
   margin-left:5px;
   margin-right:5px;
}
#lunis #preview span {
   display:inline-block;
   font-size:16px;
   color:white;
   height:28px;
   width:28px;
   text-align:center;
   padding-top:5px;
   margin-top:4px;
   /*margin-bottom:4px;*/
   margin-left:2px;
   box-sizing:border-box;
   /*background-clip:padding-box;*/
   /*border:1px solid transparent;*/
   border-radius:14px;
   cursor:pointer;
}
#lunis #preview span.red {
   background-image:linear-gradient(to bottom,#ff5050,red);
   background-color:red;
   cursor:default;
}
#lunis #preview span.green {
   background-image:linear-gradient(to bottom,#83da56,#4ac908);
   background-color:#4ac908;
}
#lunis #preview span.yellow {
   color:#333333;
   background-image:linear-gradient(to bottom,#ffff00,#dddd00);
   background-color:#dddd00;
}
#lunis #preview span[onclick]:hover {
   box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5) inset;
}

/*****************************************************************************/

#lunis #CalContainer {
   width:100%;
   min-height:47px;
   background-color:white;
}
#lunis #CalContainer.preview {
   min-height:91px;
}

#lunis #CalSelect {
   padding-left:5px;
   /*padding-right:5px;*/
   /*overflow:scroll;*/
   background-color:white;
}
#lunis #CalBottom {
   clear:both;
   width:100%;
}

#lunis div.group_left {
   float:left;
   /*height:35px;
   max-height:35px;*/
   padding-top:14px;
   padding-bottom:5px;
}
#lunis div.group_left.preview {
   padding-top:9px;
}
#lunis div.group_left ~ div.group_left {
   margin-left:15px;
}
#lunis div.group_right {
   float:right;
   /*height:35px;
   max-height:35px;*/
   padding-top:4px;
   padding-bottom:5px;
}
#lunis div.group_right > table {
   margin-right:5px;
}
#lunis div.group_right > div {
   float:left;
}
#lunis div.group_right div.button {
   margin-top:2px;
   margin-right:5px;
}

#lunis #ResSelect {
   float:right;
   /*padding-top:3px;*/
   padding-top:5px;
   padding-bottom:5px;
}

#lunis div.button {
   height:35px;
   margin-right:3px;
}
#lunis div.button > .ui-button-text {
   padding-top:6px;
}

#lunis #CalDate {
   float:left;
   height:35px;
   text-align:center;
   cursor:pointer;
   min-width:305px;
   margin-left:10px;
   margin-right:0;
}
#lunis #today {
   float:left;
   margin-left:5px;
   /*margin-right:10px;*/
}
#lunis .CalButton {
   padding-top:2px;
   float:left;
   height:35px;
   cursor:pointer;
}
#lunis .CalButton + .CalButton {
   margin-left:5px;
}
#lunis .ui-button + .CalButton,
#lunis .CalButton + .button {
   margin-left:10px;
}
#lunis #CalGo {
   /*display:none;*/
}
#lunis #CalDate > .ui-button-text {
   padding-top:6px;
   padding-bottom:0;
}
#lunis #CalDate.sunday > .ui-button-text {
   color:red;
}
#lunis #CalDate.holiday > .ui-button-text {
   font-size:15px;
   line-height:17px;
   color:red;
   padding-top:0px;
   padding-bottom:0;
}
#lunis #CalGo > .ui-button-text {
   padding-top:4px;
   padding-bottom:0;
   padding-left:5px;
   padding-right:5px;
}

#lunis #dlg-reservation,
#lunis #dlg-improvement,
#lunis #dlg-mail2unit {
   display:none;
}
#lunis #dlg-appointment {
   background-color:#aaaaaa;
   padding:0 !important;
}

#lunis p.dlg-text {
   line-height:25px;
}

#lunis #new_appointment,
#lunis #new_appointment:focus {
   box-sizing:border-box;
   height:37px;
   color:white;
   padding-top:1px;
   border:none;
   background:none;
	background-color:#aa9b7a;
}
#lunis #new_appointment:hover {
   box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	background-color:#decaa0;
   background-image:-webkit-linear-gradient(top,#decaa0,#918469);
   background-image:linear-gradient(to bottom,#decaa0,#918469);
}
#lunis #new_appointment:active {
   box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5);
	background-color:#786d56;
   background-image:-webkit-linear-gradient(top,#918469,#786d56);
   background-image:linear-gradient(to bottom,#918469,#786d56);
}
#lunis #new_appointment:active span.ui-button-text {
   padding:7px 18px 6px 16px;
}

/*****************************************************************************/

#lunis input[type="button"].disabled,
#lunis input[type="button"].disabled:hover,
#lunis input[type="button"].disabled:active,
#lunis input[type="button"].disabled:focus,
#lunis input[type="button"]:disabled,
#lunis input[type="button"]:disabled:hover,
#lunis input[type="button"]:disabled:active,
#lunis input[type="button"]:disabled:focus {
   cursor:default;
   color:#888888;
	background-color:#cccccc;
   background-image:none;
   box-shadow:none;
   border:none;

   padding-top:1px;
   padding-bottom:1px;
   /*padding-left:5px;
   padding-right:5px;*/
}
#lunis input.CTA.disabled,
#lunis input.CTA.disabled:hover,
#lunis input.CTA.disabled:active,
#lunis input.CTA.disabled:focus,
#lunis input.CTA:disabled,
#lunis input.CTA:disabled:hover,
#lunis input.CTA:disabled:active,
#lunis input.CTA:disabled:focus {
	background-color:#ab9055;

   padding-top:5px;
   padding-bottom:5px;
   padding-left:16px;
   padding-right:16px;
}
#lunis input.CTA.notreleased.disabled,
#lunis input.CTA.notreleased.disabled:hover,
#lunis input.CTA.notreleased.disabled:active,
#lunis input.CTA.notreleased.disabled:focus,
#lunis input.CTA.notreleased:disabled,
#lunis input.CTA.notreleased:disabled:hover,
#lunis input.CTA.notreleased:disabled:active,
#lunis input.CTA.notreleased:disabled:focus {
	background-color:#ed7777;
}

#lunis input[type="button"],
#lunis input[type="button"]:focus,
#lunis div.ui-buttonset .ui-state-default {
   vertical-align:top;
   color:black;
   font-weight:normal;
   font-size:13px;
   line-height:13px;
   border:none;
   /*border-radius:2px;*//*21.10.2016*/

   /*min-height:21px;
   padding-top:1px;
   padding-bottom:1px;
   padding-left:5px;
   padding-right:5px;

   margin-top:1px;
   margin-bottom:1px;*/

   /*border:1px solid #666666;*/

   cursor:pointer;

	background-color:#cccccc;
/*
   box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
   background-image:-webkit-linear-gradient(top,#dddddd,#cccccc);
   background-image:linear-gradient(to bottom,#dddddd,#cccccc);
*/
}
#lunis input[type="button"],
#lunis input[type="button"]:focus {
   border-radius:2px; /*21.10.2016*/
}

#lunis input:disabled.unavailable,
#lunis input[type="button"]:disabled.unavailable:hover,
#lunis input[type="button"]:disabled.unavailable:active,
#lunis input[type="button"]:disabled.unavailable:focus,
#lunis input.CTA,
#lunis input.CTA:focus {
   color: var(--fg_base);
   font-size:16px;
   line-height:16px;
   /*border-radius:2px;*/

   min-height: 35px;
   margin: 0;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:16px;
   padding-right:16px;

	background-color:#aa9b7a;
/*
   box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
   background-image:-webkit-linear-gradient(top,#c4b38d,#918469);
   background-image:linear-gradient(to bottom,#c4b38d,#918469);
*/
}
#lunis select:focus-visible,
#lunis input[type=button]:not(.cal):focus-visible {
   outline: 2px dashed black;
   outline-offset: 1px;
}
#lunis input.CTA.notreleased,
#lunis input.CTA.notreleased:focus {
	background-color:#ee6666;
}

#lunis input[type="button"]:hover,
#lunis div.ui-buttonset .ui-state-hover {
   box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	background-color:white;
   background-image:-webkit-linear-gradient(top,white,#cccccc);
   background-image:linear-gradient(to bottom,white,#cccccc);
}
#lunis input.CTA:hover {
   box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	background-color:#decaa0;
   background-image:-webkit-linear-gradient(top,#decaa0,#918469);
   background-image:linear-gradient(to bottom,#decaa0,#918469);
}
#lunis input.CTA.notreleased:hover {
	background-color:#ed9f9f;
   background-image:-webkit-linear-gradient(top,#ed9f9f,#d45b5b);
   background-image:linear-gradient(to bottom,#ed9f9f,#d45b5b);
}

#lunis input[type="button"]:active,
#lunis div.ui-buttonset .ui-state-active {
   /*line-height:10px;*/
   padding-top:2px;
   padding-bottom:1px;
   /*padding-left:4px;
   padding-right:6px;*/

   box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5);
	background-color:#bbbbbb;
   background-image:-webkit-linear-gradient(top,#cccccc,#bbbbbb);
   background-image:linear-gradient(to bottom,#cccccc,#bbbbbb);
}

#lunis input.CTA:active {
   padding-top:6px;
   padding-bottom:4px;
   padding-left:15px;
   padding-right:17px;

   box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5);
	background-color:#786d56;
   background-image:-webkit-linear-gradient(top,#918469,#786d56);
   background-image:linear-gradient(to bottom,#918469,#786d56);
   border:none;
}
#lunis input.CTA.notreleased:active {
	background-color:#ba5050;
   background-image:-webkit-linear-gradient(top,#d45b5b,#ba5050);
   background-image:linear-gradient(to bottom,#d45b5b,#ba5050);
}


#lunis td.Const>span.CTA {
   display:inline-block;
}

#lunis #ap_form div > span.discreet {
   padding-top:0 !important;
   padding-bottom:5px !important;
}
#lunis #ap_form div > span.discreet + span.discreet {
   margin-top:-5px !important;
}
#lunis span.discreet input[type="button"] {
   border:1px solid #bbbbbb;
   box-sizing:border-box;
   box-shadow:none;
}
#lunis span.discreet input[type="button"]:disabled {
   border:1px solid #cccccc;
}

#lunis img.throbber {
   margin-top:1px;
   visibility:collapse;
}

#lunis .darkbutton,
#lunis .darkbutton:active {
   background-color:#c0c0c0 !important;
   padding:4px 8px 4px 8px !important;
   margin-bottom:5px !important;
   line-height:initial !important;
}

/*****************************************************************************/

#lunis #col0 {
   width:800px;
}
#lunis #col1 {
   float:left;
   width:610px;
   max-width:610px;
   margin-right:10px;
   padding-left:5px;
}
#lunis #col2 {
   float:right;
   width:175px;
}
#lunis #col3 {
   box-sizing:border-box;
   width:100%;
   padding-left:5px;
   padding-right:5px;
}
#lunis #col4 {
   box-sizing:border-box;
   width:100%;
   padding:5px;
   margin-bottom:15px;
}

#lunis input.CTA+h3 {
   margin-top:15px;
}

#lunis div.v_title {
   padding-bottom:1px;
}
#lunis input[type="button"]+div.v_title {
   padding-top:5px;
}

#lunis .h1_select {
   margin-left:10px;

}

#lunis .NoteName {
   font-size:16px;
   float:left;
   /*min-height:30px;*/
   margin-right:5px;
}
#lunis .NoteText {
   font-size:16px;
   color:white;
}
#lunis .NoteClear {
   clear:both;
   margin-bottom:15px;
}

#lunis label.check {
   font-size:16px;
   cursor:pointer;
   margin-left:5px;
   display:inline;
}
#lunis label.check:before {
   content:' ';
}

/*****************************************************************************/

#lunis div.PageTitle {
   width:100%;
   overflow:auto;
   background-color:#c0c0c0;
   padding:5px 8px 6px 8px;
   box-sizing:border-box;
   margin-bottom:10px;
}
#lunis div.PageTitle>div>h1 {
   margin-top:0px; /* 1px; */
   margin-bottom:1px; /* 0px; */
}

#lunis .clear {
   clear:both;
}
#lunis .mauto {
   margin:auto;
}

#lunis div.arrow_l {
   z-index:10;
   position:relative; 
   float:left;
   width:16px;
   height:23px;
   margin-top:1px;
   margin-right:-8px;
   background-image:url('arrow_l.png');
   background-repeat:no-repeat;
   cursor:pointer;
}
#lunis div.back {
   z-index:9;
   float:left;
   font-size:14px;
   color:#333333;
   min-height:23px;
   max-height:23px;
   height:23px;
   box-sizing:border-box;
   margin-top:1px;
   margin-right:15px;
   padding:5px 10px 4px 15px;
   background-color:#d0d0d0;
   box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5);
   border-radius:4px 4px 4px 4px;
   cursor:pointer;
}
#lunis div.arrow_l:hover>div.back,
#lunis div.back:hover {
   color:black;
}

/*****************************************************************************/

#lunis table.nsTable,
#lunis table.std {
   border-collapse:separate;
   border-spacing:10px 5px;
}
#lunis table.std th {
   text-align:left;
}

#lunis div.oh { width:520px; }
#lunis div.ss { width:645px; }

#lunis td.weekday {
   padding-right:20px;
   vertical-align:middle;
}
#lunis td.weekday>div {
   white-space:nowrap;
}

#lunis div.break {
   visibility:collapse;
}

/*****************************************************************************/
/* appointment edit */

#lunis #ap_form {
   clear:both;
   margin-top:-10px;
}
#lunis #ap_form {
   margin-top:0px;
}
#lunis #ap_body {
   clear:both;
}
#lunis #ap_data {
   box-sizing:border-box;
   display:inline-block;
   width:100%;
   background-color:#dddddd;
   line-height:20px;
   padding-left:4px;
   padding-bottom:5px;
}
#lunis #ap_data h1 {
   font-size:32px;
   font-weight:200;
   line-height:32px;
   padding-top:5px;
   margin-left:-1px;
}
#lunis #ap_data h2 {
   font-size:24px;
   font-weight:300;
   display:table-row;
   line-height:1.1em;
}
#lunis #ap_data h2 .hlabel {
   display:inline;
   font-size:16px;
   font-weight:300;
   display:table-cell;
   min-width:138px;
   padding-bottom:7px;
   /*padding-right:5px;*/
}

#lunis #ap_left {
   float:left;
}
#lunis #ap_right {
   float:right;
}
#lunis #ap_right {
   text-align:right;
}
#lunis #ap_left,
#lunis #ap_right {
   width:400px;
}
#lunis #ap_left,
#lunis #ap_right {
   width:100%;
   box-sizing:border-box;
}

#lunis #ap_left div,
#lunis #ap_right div {
}


#lunis #ap_customerdata {
   background-color:#f6f6f6; /*#eeeeee;*/
}
#lunis #ap_customercontact {
   background-color:#eceded; /*#dddddd;*/
}
#lunis #ap_comment {
   background-color:#e3e4e4; /*#cccccc;*/
}
#lunis #ap_car {
   background-color:#e3e4e4; /*#bbbbbb;*/
}
#lunis #ap_tiredata {
   background-color:#d9dadb; /*#aaaaaa;*/
}
#lunis #ap_custom {
   background-color:#cfd1d2; /*#999999;*/
}
#lunis #ap_extra {
   background-color:#c6c7c8; /*#888888;*/
}
#lunis #ap_reminder {
   background-color:#f6f6f6;
}

#lunis #ap_form input:required + label:not(.img):not(:empty)::after {
  content:" *"; 
}
/*
#lunis #ap_form input:hover + label,
#lunis #ap_form textarea:hover + label {
   font-weight:400;
}
*/
#lunis #ap_form input:required:invalid {
   border:1px solid red;
}
#lunis #ap_form input:invalid,
#lunis #ap_form input[type="text"]:invalid {
   border:1px solid red;
}
#lunis #ap_form input[type="text"].wlist {
   width:360px;
}
#lunis #ap_form input[type="button"].wlist {
   float:right;
   width:364px;
   text-align:left;
   font-size:15px;
   height:24px;
   text-overflow:ellipsis;
   box-shadow:none;
}
#lunis #ap_form input[type="button"].wlist ~ label {
   width:35px;
   padding-top:0;
}

#lunis #ap_form textarea {
    border:1px solid #555;
    border-radius:2px;
    font-size:16px;
    padding:1px;
}

#lunis #ap_form h3 {
   font-size:22px;
   font-weight:300;
   letter-spacing:5px;
   padding-top:4px;
   padding-left:3px;
   font-variant:small-caps;
   box-sizing:border-box;
   /*border-top:2px solid white;*/
}
#lunis #ap_right h3 {
   text-align:right;
}
#lunis #ap_form div > span:not(.ui-icon):not(.image-upload):not(.note):not(.highlight) {
   display:inline-block;
   width:100%;
   box-sizing:border-box;
   padding:3px 4px 3px 4px;
   vertical-align:bottom;
}
#lunis #ap_form div > span:not(.ui-icon) {
   padding:3px 0 3px 0;
}
#lunis #ap_form div > span td {
   vertical-align:middle;
}
#lunis #ap_form span.sub {
   font-size:12px;
   font-weight:400;
   line-height:16px;
   vertical-align:bottom;
}
#lunis #ap_form span.sub > span {
   float:left;
}
#lunis #ap_search {
   min-height:31px;
   padding-right:3px;
}
#lunis #ap_form span#source {
   width:180px;
   color:#006fff;
   font-weight:300;
   line-height:16px;
   padding-bottom:8px;
}
#lunis #ap_form span#clear {
   float:right;
   width:140px;
   text-align:right;
}
#lunis div.label,
#lunis #ap_form label:not(.ui-button) {
   float:left;
   display:inline-block;
   color:black;
   background-color: initial;
   text-align:left;
   text-transform: initial;
   font-size:15px;
   font-weight:300;
   padding-top:4px;
   vertical-align:middle;
   padding-right:4px;
   white-space:normal;
   word-wrap:break-word;
   box-sizing:border-box;
   box-shadow: initial;
}

#lunis #ap_form span.input input[type="email"] ~ label,
#lunis #ap_form span.input input[type="text"] ~ label,
#lunis #ap_form span.input input[type="tel"] ~ label,
#lunis #ap_form span.input input[type="number"] ~ label {
   padding-top:6px; /* new */
}


#lunis #ap_form label.img {
   margin-top:-2px;
   padding-top:0px;
}

#lunis div.const,
#lunis #ap_form span > input[type="email"],
#lunis #ap_form span > input[type="tel"],
#lunis #ap_form span > input[type="text"],
#lunis #ap_form span > input[type="number"] {
   float:right;
   width:250px;
   border:1px solid #555;
   border-radius:2px;
   font-size:16px;
   padding: 1px;
}
#lunis #ap_form span div.date_dd {
   width:250px;
}
#lunis #ap_form span > input[type="text"] {
   display:block;
   float:none;
   margin-left:145px;
}
#lunis .f_none {
   float:none !important;
}
#lunis div.const {
   width:620px !important;
   border:none !important;
   word-wrap:break-word;
}
#lunis #ap_form input[type="checkbox"],
#lunis #ap_form input[type="radio"] {
}
#lunis #ap_search input[type="button"] {
   float:right;
   max-height:25px;
   min-height:25px;
   box-sizing:border-box;
   padding:3px 8px;
   margin-top:3px;
}
#lunis #ap_search input[type="button"].ml {
   margin-left:3px;
}
#lunis #ap_search input[type="button"].CTA {
   max-height:25px;
   min-height:25px;
   box-sizing:border-box;
   padding:3px 19px;
   margin:0;
}

#lunis #ap_form textarea,
#lunis textarea {
   width:100%;
   box-sizing:border-box;
   resize:none;
   height:62px;
   min-height:60px;
   max-height:200px;
}

#lunis html:not(.customer) #ap_form #f_apLicencePlateNumber {
   width:400px;
}
#lunis #ap_form #apLicencePlateNumber {
   float:none;
   width:150px;
}
#lunis #ap_form #apZipCode {
   float:none;
   width:50px;
   margin-right:6px;
}
#lunis #ap_form #apCity {
   width:190px;
}
#lunis #ap_form #apCustomField1,
#lunis #ap_form #apCustomField2,
#lunis #ap_form #apHbAddress,
#lunis #ap_form #apToDoList,
#lunis #ap_form #apReminderText {
   width:220px;
   /*visibility:collapse;*/
   display:none;
}
#lunis #ap_form #apHbAddress,
#lunis #ap_form #apToDoList,
#lunis #ap_form #apReminderText {
   float:right;
   box-sizing:content-box;
}
#lunis #ap_form #date_apReminderDate {
   float:right;
   width:222px;
   display:none;
   margin-bottom:5px;
   margin-right:0;
}

#lunis #ap_form #apLicencePlateNumber,
#lunis #ap_form #apLicencePlateNumber0,
#lunis #ap_form #apLicencePlateNumber1,
#lunis #ap_form #apLicencePlateNumber2,
#lunis #ap_form input[name^="apLicencePlateNumber"],
#lunis #ap_form #apCustomField2 {
   text-transform:uppercase;
}
#lunis #ap_form #apLicencePlateNumber0,
#lunis #ap_form #apLicencePlateNumber1,
#lunis #ap_form #apLicencePlateNumber2, 
#lunis #ap_form input[name^="apLicencePlateNumber"] {
   /*text-align:center;*/
   /*width:50px;*/
}

#lunis #apLicencePlateNumber0,
#lunis #apLicencePlateNumber1,
#lunis #apLicencePlateNumber2,
#lunis input[name^="apLicencePlateNumber"] {
   text-transform:uppercase;
   text-align:center;
}

#lunis #ap_form #apEMail {
   text-transform:lowercase;
}
#lunis #ap_form #apSalutation,
#lunis #ap_form #apNotifications {
   float:right;
   width:254px;
}

#lunis span.valign > div.ui-buttonset {
   float:right;
}

#lunis #ap_form .ui-buttonset {
   margin:0;
}
#lunis #ap_form span.ui-button-text {
   font-size:16px;
}
#lunis #ap_form input:checked + label.ui-button {
   z-index:20;
}
#lunis #ap_form div.const2 {
   margin-left:138px;
   font-size:15px;
   padding-top:4px;
   vertical-align:middle;
}

#lunis ::-webkit-input-placeholder {color:#888888;font-weight:300;text-transform:none;}
#lunis ::-moz-placeholder {color:#777777;font-weight:300;text-transform:none;}
#lunis ::-ms-input-placeholder {color:#777777;font-weight:300;text-transform:none;}
#lunis ::input-placeholder {color:#777777;font-weight:300;text-transform:none;}
#lunis ::placeholder {color:#777777;font-weight:300;text-transform:none;}

#lunis .uppercase {
   text-transform:uppercase;
}

#lunis div.PageTitle div#ptTitle ~ input {
   float:right;
}
#lunis div.PageTitle input.CTA {
   margin-left:8px;
   padding:2px 16px;
   line-height:12px;
   min-height:23px;
}
#lunis #ap_data input.CTA {
   /*margin-top:5px;
   margin-right:5px;*/
   margin-bottom:5px;
}



#lunis #ap_main {
   width:450px;
}
#lunis #ap_main span > div:not(.ui-button) {
   width:303px;
   text-align:left;
}
#lunis #ap_main span > input[type="text"] {
   float:none;
}

#lunis #ap_main span > div.ui-button {
   box-sizing:border-box;
   text-align:left;
   width:300px;
}

#lunis #ap_form #pType {
   float:right;
}

#lunis #ap_form div > span.note {
   width:auto;
   float:right;
   font-size:13px;
   line-height:16px;
   color:#444444;
   background-color:#cccccc;
   border-radius:4px;
   padding:8px 8px 8px 30px;
   margin-left:5px;
   margin-bottom:10px;
}
#lunis #ap_form > #ap_main > span.note {
   margin-top:10px;
}
#lunis #ap_form span + span.note {
   margin-top:25px !important;
}
#lunis #ap_form span.note>span.ui-icon {
   margin-left:-22px;
   float:left;
}

#lunis #ap_form #f_pCustom1 {
   display:none;
}

#lunis #ap_form #f_apBirthDate {
   font-size:0;
}
#lunis #ap_form #f_apBirthDate > div.chosen-container {
   margin-right:2px;
}

#lunis div.date_reset {
   margin-right:0;
   width:27px;
}
#lunis div.date_reset a {
   padding:3px 0 0 4px !important;
}

#lunis #f_improvement,
#lunis #f_msg {
   margin-top:20px;
   display:block;
}
#lunis #f_improvement textarea,
#lunis #f_msg textarea {
   width:100%;
   min-height:240px;
   font-family:monospace;
   white-space:pre-wrap;
}

#lunis #GetVCEMail,
#lunis #GetVCSms {
   float:left;
   /*margin-top:-1px;*/
   margin-left:0;
   margin-right:5px;
}
#lunis #GetVCEMail ~ img,
#lunis #GetVCSms ~ img {
   /*float:left;*/
   /*margin-right:2px;*/
   margin-top:3px;
   margin-left:3px;
}
#lunis #VCodeEMail,
#lunis #VCodeSms {
   /*margin-top:1px;*/
   text-align:center;
}

/*****************************************************************************/

#lunis .label {
   font-size:15px;
   font-weight:300;
   width:108px;
   /*vertical-align:text-top;*/
   padding-right:4px;
}
#lunis .left {
   text-align:left;
}
#lunis .center {
   text-align:center;
}
#lunis .of {
   background-color:yellow;
}
#lunis .UpperCase {
   text-transform:uppercase;
}

/*****************************************************************************/
/* tooltips */

#lunis table.tt caption {
   font-size:22px;
   font-weight:300;
   text-align:left;
   padding-bottom:7px;
   min-width:225px;
}
#lunis table.tt td:first-child {
   color:#444444;
   font-size:14px;
   padding-right:10px;
}
#lunis table.tt td:not(:first-child) {
   padding-bottom:2px;
}
#lunis table.tt td.spacer {
   padding-top:5px;
}

#lunis table.tt td.text {
   max-width:250px;
}

#lunis .ui-tooltip {
   max-width:350px;
   max-width:-moz-fit-content;
   max-width:fit-content;
}

/*****************************************************************************/
/* chosen */

#lunis li.group-result {
   font-weight:400 !important;
   font-size:16px !important;
   color:#777777;
}
#lunis .chosen-container .chosen-results {
   max-height:400px;
}
#lunis div.chosen-drop div {
   float:initial;
}


/*****************************************************************************/
/* Search */

#lunis .simple .ui-dialog-titlebar {
   display:none;
}
#lunis #dlg-search {
   padding:0;
   min-height:0 !important;
}

#lunis .simple input {
   font-size:14px;
   border:none;
   padding:2px;
   border-radius:2px;
}
#lunis .simple.ui-dialog {
   padding:3px;
   background:none;
   background-color:#5bc20a;
}
#lunis .simple.notfound.ui-dialog {
   background-color:red;
}
#lunis #smessage {
   display:none;
   color:white;
   padding-top:3px;
   font-size:12px;
}

#lunis .ui-dialog-title {
   overflow:visible !important;
}
#lunis #dlg-sresult {
   padding:4px 0 1px 0;
}

/*****************************************************************************/

#lunis .g-recaptcha,
#lunis #g-recaptcha {
   /*padding:20px 0 10px 0;*/
}

#lunis div.warning {
   font-size:17px;
   color: var(--fg_red);
   width:100%;
   border:1px solid var(--fg_red);
   margin-top:15px;
   margin-bottom:8px;
   padding:3px 5px 3px 5px;
   box-sizing:border-box;
}
#lunis #ap_form div.warning {
   margin:0px;
}
/*
#lunis div.warning ~ div {
   padding-top:0px !important;
}
*/
#lunis div.warning pre {
   color:#666666;
   background-color:white;
   font-family:monospace;
   font-size:14px;
   margin-top:5px;
   padding:2px;
   /*white-space:pre-wrap;*/
   overflow:hidden;
   text-overflow:ellipsis;
   box-sizing:border-box;
}

/*****************************************************************************/

#lunis .red {
   color:red;
}

#lunis #c_calendar,
#lunis #c_control {
   width:100%;
   margin-bottom:5px;
}

#lunis #c_calendar thead {
   border-bottom:4px solid transparent;
}
#lunis #c_calendar tr {
   height:100%;
}
#lunis #c_calendar th {
   height:1px;
   text-align:center;
   vertical-align:top;
}
@-moz-document url-prefix() {
   #lunis #c_calendar th {
      height:100%;
   }
}
#lunis #c_calendar th div {
   box-sizing:border-box;
   min-height:100%;
   font-size:16px;
   padding:2px 1px 2px 1px;
   border:1px solid #777777;
   border-radius:3px;
   background-color:#dddddd;
   line-height:18px;
}
#lunis #c_calendar th div span {
   display:block;
   font-size:14px;
   line-height:15px;
   color: var(--fg_red);
}
#lunis #c_calendar th div span abbr,
#lunis #c_calendar th div span strong {
   color: var(--fg_red);
}

#lunis #c_calendar td {
   vertical-align:top;
   border-top:2px solid transparent;
   border-bottom:2px solid transparent;
   /*text-align:center;*/
}
#lunis #c_calendar td.closed {
   color:#bbbbbb;
   font-size:15px;
   padding:4px;
}
#lunis #c_calendar td input.CTA, 
#lunis #c_calendar td input.unavailable {
   width:100%;
   margin:0;
   padding-left:0;
   padding-right:0;
}
#lunis #c_calendar td input.CTA:focus {
   font-weight: bold;
}

#lunis #c_calendar th+th,
#lunis #c_calendar td+td {
   border-left:3px solid transparent;
}
#lunis input.unavailable,
#lunis input[type="button"].unavailable:hover,
#lunis input[type="button"].unavailable:active,
#lunis input[type="button"].unavailable:focus,
#lunis input:disabled.unavailable,
#lunis input[type="button"]:disabled.unavailable:hover,
#lunis input[type="button"]:disabled.unavailable:active,
#lunis input[type="button"]:disabled.unavailable:focus {
   /*background-color:#d46c6c;*/
   background-color:#ee6666;
   background-image:none;
   box-shadow:none;
   cursor:default;
}

#lunis #c_control td:first-child,
#lunis #c_control td:last-child {
   width:30px;
   height:33px;
}
#lunis #c_control td:nth-child(2) {
   text-align:center;
   vertical-align:middle;
}
#lunis #c_control td:nth-child(2) > select {
   width: initial;
}
#lunis #c_control td:last-child {
   text-align:right;
}
#lunis #c_control td:first-child div,
#lunis #c_control td:last-child div {
   cursor:pointer;
   height:100%;
   background-repeat:no-repeat;
}

#lunis.n380 #c_control td:first-child input,
#lunis.n380 #c_control td:last-child input {
   padding-left:5px !important;
   padding-right:5px !important;
}
@media only screen and (max-width:380px) {
   #lunis #c_control td:first-child input,
   #lunis #c_control td:last-child input {
      padding-left:5px;
      padding-right:5px;
   }
}

#lunis #pdown {
   background-image:url('arrow-l-double3_32.png');
   background-position:left top;
}
#lunis #pup {
   background-image:url('arrow-r-double3_32.png');
   background-position:right top;
}

/*****************************************************************************/

#lunis #ap_data div.rcol {
   clear:both;
   float:right;
   /*width:250px;*/
   text-align:right;
   margin:5px 5px 0px 5px;
}
#lunis #extend div {
   text-align:initial;
   margin-bottom:4px;
}
#lunis #timer,
#lunis #c_timer {
   display:inline !important;
   color:green;
   padding-right:0 !important;
}

/*****************************************************************************/

#lunis label + textarea {
   margin-top:2px;
}
#lunis #ap_form textarea,
#lunis textarea {
   border-radius:2px;
}

#lunis input[type="email"],
#lunis input[type="tel"],
#lunis input[type="text"],
#lunis input[type="number"],
#lunis input[type="password"],
#lunis div.const3 {
   height: 25px;
   line-height: 21px;
   font-size:16px;
   border:1px solid #555;
   border-radius:2px;
   padding:1px;
   box-sizing:border-box;
}
#lunis div.const3 {
   color:#666666;
   border:1px solid #666666;
   padding:1px min(10px,2vw) 1px min(10px,2vw);
   line-height:normal;
}

#lunis .label,
#lunis label:not(.ui-button) {
   font-size:15px;
   font-weight:300;
   padding-top:6px;
   /*vertical-align:middle;*/
   padding-right:4px;
   white-space:normal;
   word-wrap:break-word;
   box-sizing:border-box;
}

#lunis #apNotifications {
   /*padding-top:8px;*/
}

#lunis .fullwidth {
   float:left;
   width:100%;
}
#lunis div.fieldmsg {
   font-size: 14px;
   padding: 2px 5px 3px 5px;
   margin-left: 150px;
/*
   color: var(--fg_base);
   background-color: var(--bg_base);
   border: 2px solid var(--bg_base);
   border-radius: 5px;
   margin-bottom: 3px;
*/
}
#lunis div.fieldmsg2 {
   font-size: 14px;
/*
   color: var(--fg_base);
   background-color: var(--bg_base);
   border: 2px solid var(--bg_base);
   border-radius: 5px;
   margin-bottom: 3px;
*/
   padding: 2px 5px;
}
#lunis div.f_field.f_msg {
   flex-direction: column;
   align-items: flex-start;
}
#lunis div.f_label.f_msg {
   /*margin-top: 25px;*/
   margin-top: 18px;
}
#lunis .f_line {
   clear:both;
   float:none;
   width:100%;
   display:inline-block;
   min-height:19px;
   margin-top:5px;
}
/* 03.06.2022 */
#lunis .f_field {
   display:flex;
   align-items: center;
   /*flex-wrap:wrap;*/
}

#lunis #ap_form .f_line {
   margin-top:0;
   padding:3px 4px 5px 4px;
   box-sizing:border-box;
}
#lunis .f_label {
   float:left;
   width:150px;
}
#lunis .f_label label.twolines {
   margin-top:-9px;
}
#lunis .f_label label.threelines {
   margin-top:-14px;
}
#lunis div.seField span label {
   margin-top:-5px;
}
#lunis .f_field {
   margin-left:150px;
}
#lunis .f_field {
   /* 24.05.2022 */
   /*white-space:nowrap;*/
}
#lunis .f_field select {
   width: initial;
}
#lunis .f_line input:not(.icheckbox_square-custom) {
   height: initial;
}
#lunis .f_line input {
   margin-bottom: 0;
}
#lunis div.f_field div:first-child {
   float:left;
}
#lunis .f_notlast,
#lunis .f_post {
   float:left;
}
#lunis .f_post {
   /*padding-top:5px;*/
   border:1px solid transparent;
   padding:1px 0 1px 0;
   line-height:normal;
}
#lunis .f_group {
   clear:both;
   padding-top:5px;
   padding-bottom:5px;
   margin-bottom:5px;
}

#lunis .clear {
   clear:both;
}
#lunis .fright div {
   float:right;
}

#lunis .const2 {
   font-size:15px;
   padding-top:4px;
   margin-left:150px;
   /*vertical-align:middle;*/
}
#lunis h3 {
   font-size:22px;
   font-weight:300;
   letter-spacing:5px;
   padding-top:6px;
   padding-bottom:3px;
   /*padding-left:3px;*/
   font-variant:small-caps;
   box-sizing:border-box;
}

/*
#lunis input:required + label:not(.img):not(:empty)::after {
  content:" *"; 
}
*/
#lunis input:required:invalid {
   border:1px solid red;
}
#lunis input:invalid {
   border:1px solid red;
}

#lunis div.message ~ div.icheckbox_square-custom {
   float:left;
}
#lunis label[for="dp"],
#lunis.n380 label[for="dp"],
#lunis label[for="apCustomFlag4"],
#lunis.n380 label[for="apCustomFlag4"] {
   display:block !important;
   margin-left:30px !important;
   padding-top:3px;
   line-height:17px;
   width:calc(100% - 30px) !important;
}

/*****************************************************************************/

#lunis .ui-icon.ui-white,
#lunis .ui-icon.white {
   background-image:url('../thirdparty.d/jquery/images/ui-icons_ffffff_256x240.png') !important;
}

/*****************************************************************************/

#lunis input[type=button].inline {
   margin-left:5px;
   margin-top:0;
   min-height:27px !important;
}
#lunis input[type=button].inline + img.throbber {
   vertical-align:middle;
}

#lunis p.greeting {
   margin-bottom:25px;
}
#lunis p.greeting::first-line {
   font-size:1.2em;
   line-height:1.2em;
}

/*****************************************************************************/

#lunis #Impressum {
   display:none;
}

#lunis div.message > div:first-child {
   float:left;
}
#lunis div.message > div:last-child,
#lunis div.message > h2 {
   margin-left:24px;
}

#lunis div#Popup ul {
   padding: 5px 0 5px 40px;
}

/*****************************************************************************/

#lunis #lm_overlay {	
   position:fixed;
   z-index:999999999;
   top:0;
   left:0;
   border:none;
   margin:0;
   padding:0;
   width:100%;
   height:100%;
   cursor:wait;
   display:none;
   background:rgba(0,0,0,0.5);
}
#lunis .cv-spinner {
   height:100%;
   display:flex;
   justify-content:center;
   align-items:center;  
}
#lunis .spinner {
   width:40px;
   height:40px;
   border:5px #ddd solid;
   border-top:5px #aa9b7a solid;
   border-radius:50%;
   animation:sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
   100% { 
      transform:rotate(360deg); 
   }
}

#lunis #VCodeEMail,
#lunis #VCodeSms {
   text-transform:uppercase;
}

/*
#lunis #select_TsX_chosen .chosen-results li {
   padding:5px 0px;
}
*/

#lunis table.tdbottom > tbody > tr > td {
   vertical-align: bottom;
}

@media (pointer: fine) or (pointer: coarse) {
   .sr-only {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      position: absolute;
   }
   .sr-only_ {
      border: 0;
      clip: rect(1px, 1px, 1px, 1px);
      clip-path: inset(50%);
      height: 1px;
      width: 1px;
      margin: -1px;
      margin: 0 !important;
      padding: 0;
      overflow: hidden;
      position: absolute;
   }
}