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

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-weight:normal;
	font:inherit;
	vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
body {
	line-height:1;
}
ol,ul {
	list-style:none;
}
blockquote,q {
	quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td {
	height:0;
}

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

html,select,input,textarea {
   font-family:source-sans-pro,Helvetica,Arial,sans-serif;
}
html.customer {
   background-color:#aaaaaa;
   /*background-image:linear-gradient(to bottom,#999999,#dddddd);*/
   /*background-image:linear-gradient(to bottom,#dddddd,#999999);*/
   /*background-image:linear-gradient(to bottom,#dddddd,#000000);*/
   background-image:linear-gradient(to bottom,#aaaaaa,#dddddd);
}
html,body {
   height:100%;
}

html.customer body {
   background-color:#88ff88;
   /*background-color:#aaaaaa;*/
   /*background-image:linear-gradient(to bottom,#dddddd,#aaaaaa);*/
   margin-bottom:0px;
}
html.cal_view>body {
   width:100%;
}

html.cal_view header {
   width:100%;
}

a {
   text-decoration:none;
   color:black;
}
a:hover {
   text-decoration:underline;
   cursor:pointer;
}

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

h1 {
   font-size:24px;
   margin-bottom:12px;
}
h1.settings {
   margin-left:5px;
   margin-top:20px;
}
h2 {
   font-size:21px;
   margin-bottom:10px;
}
h2.settings {
   margin-left:5px;
   margin-top:16px;
}
h3 {
   font-size:18px;
   margin-bottom:8px;
   line-height:19px;
}
input[type="button"] {
   -webkit-appearance:none;
}
select {
   font-size:13px !important;
}

ins {
   text-decoration:none;
}

s {
   display:none;
}

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

#header_section {
   /*z-index:10;*/
   background-color:#3c3c3c;
   background-image:linear-gradient(to bottom,#000000,#555555);
}
html.customer #header_section {
   background-color:#ff8888;
   background-image:none;
}

#header {
	/*width:1000px;*/
   height:31px;
   margin:auto;
   padding-top:1px;
}
html.cal_view #header {
   width:100%;
   padding-left:4px;
   padding-right:4px;
   box-sizing:border-box;
}
html.customer #header {
	width:1000px;
   padding-top:0px;
   background-color:#ffbbbb;
}

#h_left {
   float:left;
	width:200px;
   color:white;
   padding-top:6px;
}
#h_middle {
   float:left;
   /*height:inherit;*/
   padding-top:2px;
}
#h_middle h3 {
   color:white;
   display:inline;
}

.hlink {
   float:right;
   padding-top:6px;
   margin-left:15px;
}
.hlink>a {
   font-size:16px;
   color:white;
   cursor:pointer;
	background-repeat:no-repeat;
   background-position:left center; 
}
.hlink:hover>a {
   text-decoration:none;
   /*text-shadow:0 0 5px black;*/
   color:#006fff;
}
div.PageTitle .hlink {
   padding-top:4px;
   margin-left:20px;
}

#h_new_window>a {
   padding-left:28px;
   background-image:url('new_window_white_24.png');
}
#h_logout>a {
   padding-left:20px;
   background-image:url('exit_white_16.png');
}
#h_print>a {
   padding-left:22px;
   background-image:url('print_white_16.png');
}
#h_new_window:hover>a {
   background-image:url('new_window_blue_24.png');
}
#h_logout:hover>a {
   background-image:url('exit_blue_16.png');
}
#h_print:hover>a {
   background-image:url('print_blue_16.png');
}
#h_improvement>a {
   /*font-weight:600;*/
   height:26px;
   color:white;
   background-color:#5bc20a;
   border:1px solid #5bc20a;
   border-radius:8px;
   padding:0px 10px 1px 10px;
}


#container {
   clear:both;
   width:1000px;
   /*min-height:100%;*/
   margin:auto;
   background:#cccccc;
}
html.cal_view #container {
   width:100%;
}
html.customer #container {
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   background:#ff88ff;
}
html.embedded #container {
   width:initial;
}


#container_mobile {
   background-color:#cccccc;
   margin:auto;
	/*margin:0px;*/
	width:320px;
	padding:0px;
	/*min-height:100%;
	height:100%;*/
   -webkit-overflow-scrolling:touch;
   -webkit-text-size-adjust:none;
}

#menu {
   /*z-index:10;*/
   position:static;
   float:left;
   width:200px;
   /*min-height:100%;*/
   background-color:#dddddd;
}
#menu_mobile {
	width:315px;
   margin-left:2px;
   margin-right:3px;
   min-height:234px;
}
html.cal_view #menu {
   width:100%;
   float:none;
   height:30px;
}

#content {
   /*z-index:5;*/
   position:static;
   float:right;
   width:800px;
   /*min-height:100%;*/
   background-color:#aaaaaa;
}
html.cal_view #content {
   width:100%;
}
html.embedded #content {
   width:initial;
   float:none;
}


html.customer #content {
   float:left;
   width:600px;
   height:100%;
   padding:5px 5px 5px 5px;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   background-color:#ffff88;
}
#right {
   /*float:right;*/
   /*max-width:400px;*/
   height:100%;
   background-color:#ffffaa;
}
#c_calendar th div abbr {
   display:none;
}
@media only screen and (max-width:614px) {
   html.customer #container {
      width:100%;
   }
   html.customer #content {
      width:100%;
   }
   #right {
      display:none;
   }
   #c_calendar th div:before {
      /*content:"langer Tag";*/
   }
   #c_calendar th div span {
      font-size:16px !important;
      line-height:18px !important;
   }
   #c_calendar th div span span,
   #c_calendar th div strong {
      display:none;
   }
   #c_calendar th div abbr {
      display:initial;
   }
   html.customer .label,
   html.customer .f_label,
   html.customer label:not(.ui-button) {
      width:120px !important;
   }
   html.customer .f_field {
      margin-left:120px;
   }
   html.customer div.const2 {
      margin-left:120px;
   }
   html.customer label.img {
      margin-top:1px !important;
   }
   html.customer label.img img {
      width:115px;
   }
}

footer {
   clear:both;
   /*height:0;*/
   height:auto;
}
html.cal_view footer {
   width:100%;
   z-index:50;
   position:fixed;
   bottom:0;
}
#footer_section {
   z-index:10;
   position:relative;
   clear:both;
   height:30px;
   background-color:#3c3c3c;
   background-image:linear-gradient(to bottom,#555555,#333333);
}
html.customer #footer_section {
   background-color:#8888ff;
   background-image:none;
}
#footer_section > div {
   float:left;
}
#footer_section > div+div {
   float:right;
   color:white;
   font-size:13px;
   padding:7px;
}
html.customer #footer_section > div {
   float:none;
}

#footer {
	/*width:1000px;*/
   height:100%;
   margin:auto;
}
html.customer #footer {
   background-color:#bbbbff;
}

#rt {
   position:fixed;
   background-color:#3c3c3c;
   background-image:linear-gradient(to bottom,#555555,#333333);
   opacity:0.7;
   right:312px;
   bottom:2px;
}
html.customer #rt {
   background:none;
   opacity:1;
   right:0;
   bottom:0;
   z-index:100;
   text-align:right;
}

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

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

#custom_header {
   color:#888888;
   background:url('../custom.d/REIFF/img.d/logo.png') no-repeat left top,url('../custom.d/REIFF/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;
}

#content_form {
   padding:5px 8px 10px 8px;
}
#content_form div {
   /*height:40px;*/
}
#content_form div+div {
   margin-top:5px;
}
#content_form div+input {
   margin-top:15px;
}
div.field label {
   font-size:14px;
   margin-bottom:2px;
}
div.message {
   overflow:hidden;
   color:white;
   background-color:#ee3b3b;
   padding:8px;
   border-radius:5px;
   margin-bottom:15px;
}
div.message.info {
   background-color:#dddddd;
}
div.message > span.ui-icon,
div.message > div > span.ui-icon {
   float:left;
   margin-right:8px;
   background-image:url("ui-icons_ffffff_256x240.png");
}
html.customer div.message > div > span.ui-black {
   background-image:url("ui-icons_222222_256x240.png");
}

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


#pcontent {
   padding:0 5px 5px 5px;
}

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

img.upload {
   max-width:100%;
}

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

#menu1 {
   z-index:10;
   position:relative;
}

ul#menu1 {
   font-size:14px;
   padding:0;
   background-color:#dddddd;
   border-radius:0;
   border:none;
}
ul#menu1:hover,
ul#menu1:focus,
ul#menu1:active {
   margin:0;
   padding:0;
   border-radius:0;
   border:none;
   /*background:none;*/
   /*background-color:#dddddd;*/
}

ul#menu1>li {
   background-color:#bbbbbb;
   border:none;
}

ul#menu1>li:hover,
ul#menu1>li:focus,
ul#menu1>li:active {
   margin:0;
   padding:0;
   background:none;
   background-color:#dddddd;
}

ul#menu1>li>a,
ul#menu1>li>a:visited,
ul#menu1>li>a:hover,
ul#menu1>li>a:link,
ul#menu1>li>a:focus,
ul#menu1>li>a:active {
   margin:0;
   border:none;
   border-radius:0;
   color:black;
   background:none;
   background-color:#dddddd;
   text-decoration:none;
}
ul#menu1>li>a:hover {
   /*color:red;*/
   color:#006fff;
}


ul#menu1>li.active>a {
   font-weight:600;
}
/*
ul#menu1>li.active>a:before {
   content:">>\0000a0";
}
*/

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

div.ui-dialog-content>p {
   font-size:15px;
   line-height:20px;
}
/*
div.ui-dialog-content>p>span.ui-icon {
   float:left;
   margin:0 7px 30px 0;
}
*/

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

ul#mn-serviceselect li {
   font-size:13px;
   font-weight:normal;
   padding:3px;
   border-radius:2px;
   box-sizing:border-box;
}
ul#mn-serviceselect li:hover,
ul#mn-serviceselect li.ui-state-focus {
   cursor:pointer;
   color:white;
   background-image:linear-gradient(to bottom,#006fff,#328bff);
   background-color:#006fff;
   border:none !important;
}
ul#mn-serviceselect li {
   white-space:nowrap;
}
ul#mn-serviceselect > li {
   font-weight:400;
   font-size:16px;
   color:#777777;
}
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
/----------------------------------------------------------------------------*/

#Edit-sName {
   width:300px;
}
#Edit-unName,
#Edit-unEMail,
#Edit-unWWW {
   width:300px;
}

/*
td.JtProps:before {
   content:'<a href="http://www.heise.de/?ID=';
}
td.JtProps:after {
   content:'">testlink</a>';
}
td.JtProps {
   cursor:pointer;
   border:20px dotted black;
   font-size:20px;
}
*/


tr.jtable-data-row,
tr.jtable-data-row td {
   /*cursor:pointer;*/
   vertical-align:middle;
}

table#UnitGroup.jtable > tbody > tr.jtable-data-row,
table#Unit.jtable > tbody > tr.jtable-data-row {
   cursor:pointer;
}

.pointer {
   cursor:pointer;
}
td.Flag,
td.rtIsPrimary {
   cursor:pointer;
   text-align:center;
}
tr.bold>td {
   font-weight:bold;
}

.child-opener-image {
   cursor:pointer;
}
.child-opener-image {
   opacity:0.5;
}
.child-opener-image:hover {
   opacity:0.8;
}
.child-opener-image-column {
   text-align:center;
}

/*
#ListContainer {
   z-index:0;
   position:relative;
}
*/
#ListContainer2 tr.jtable-data-row td {
   cursor:pointer;
}


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

tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]) td.unUsers,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]) td.ugUsers,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]) td.rProperty,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]) td.rRessource,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]) td.sProperty,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]) td.rtIsPrimary,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]) td.Flag {
   background-color:#e0ffe0;
   cursor:pointer;
}
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]):hover td.unUsers,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]):hover td.ugUsers,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]):hover td.rProperty,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]):hover td.rRessource,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]):hover td.sProperty,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]):hover td.rtIsPrimary,
tr:not(.jtable-row-selected):not(.jtable-row-updated):not([style]):hover td.Flag {
   background-color:#b0ffb0;
}
td.unUsers>i,
td.ugUsers>i {
   font-style:italic;
   color:#888888;
}
td.ugUsers>b {
   color:red;
}
td.ugUsers>i>b {
   color:#ff7777;
}

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

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

div.jtable-custom-input div ~ div {
   padding-top:5px;
}

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

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

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

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

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

/*
.ui-tooltip,.arrow:after {
background:black;
border:2px solid white;
}
.ui-tooltip {
padding:10px 20px;
color:white;
border-radius:20px;
font-size:12px;
box-shadow:0 0 7px black;
}
.arrow {
width:70px;
height:16px;
overflow:hidden;
position:absolute;
left:50%;
margin-left:-35px;
bottom:-16px;
}
.arrow.top {
top:-16px;
bottom:auto;
}
.arrow.left {
left:20%;
}
.arrow:after {
content:"";
position:absolute;
left:20px;
top:-20px;
width:25px;
height:25px;
box-shadow:6px 5px 9px -9px black;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
tranform:rotate(45deg);
}
.arrow.top:after {
bottom:-20px;
top:auto;
}
*/

#menu1>li.ui-menu-divider {
   margin:0px;
   background:none;
   width:inherit;
   height:2px;
   background-color:white;
/*
   background-color:#bbbbbb;
   border-left:5px solid #dddddd;
   border-right:5px solid #dddddd;
*/
}

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

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

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

.ui-dialog,
.ui-dialog-content {
   overflow:initial !important;
}
.ui-dialog-content p.alert {
   line-height:1.2em;
}

.noclose .ui-dialog-titlebar-close {
   display:none;
}


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

table.lcalendar {
   position:relative;
   width:100%;
   /*border-top:1px solid black;*/
   /*border-bottom:1px solid black;*/
   border-bottom:1px solid #3c3c3c;
   border-collapse:collapse;
   /*border-collapse:separate;*/
   background-color:white;
   /*background-image:url('Hatch.gif'); geht nicht*/
}
table.lcalendar th:not(:first-child) {
   min-width:125px;
   font-size:16px;
   font-weight:400;
   padding-top:2px;
   padding-bottom:2px;
   /*border-bottom:1px solid black;*/
}
table.lcalendar table {
   border-collapse:separate;
   width:100%;
   height:100%;
}
.th_spacer {
   height:2px;
}
table.lcalendar thead {
   border-top:1px solid black;
   background-color:white;
}

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;
}

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

td.free,
td.available,
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;*/
}
tr:not(.gone) td.available {
   color:#dddddd;
   background-color:#ee6666;
}
td.apwrapper {
   vertical-align:middle;
   border-left:1px solid #cccccc;
}
td.nbl { border-left:none; }
td.nbr { border-right:none; }
td.nblr { border-left:none;border-right:none; }

td.free:first-child,
td.closed:first-child {
   /*border-left:none;*/
}
td.free:last-child,
td.closed:last-child {
}
tr.newhour>td.hour,
tr.newhour>td.free,
tr.newhour>td.available,
tr.newhour>td.closed,
tr.newhour>td.offlimits,
tr.newhour>td.apwrapper {
   /*border-top:1px dotted #888888;*/
   /* ff */
   border-top:1px solid #cccccc;
}
td.hour {
   vertical-align:middle;
   text-align:center;
   /*color:white;*/
   color:#888888;
}
td.hour.notgone {
   background-color:white;
   /*color:#888888;*/
}
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%;
}

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

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

.full:hover {
   color:green;
}
.short:hover {
   color:red;
}
table.newapp tr:hover .complete,
table.newapp tr:hover .full,
table.newapp tr:hover .short {
   background-color:#dddddd;
}

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;*/
}
td.ap span {
   /*font-size:13px;*/
   font-size:80%;
}
td.ap span.ui-icon {
   float:right;
}
td.ap span > img {
   border-top:5px solid transparent; 
   border-right:2px solid transparent;
}
td.ap span img + img {
   border-top:0px; 
}
td.admin {
   color:white;
   background-image:linear-gradient(to bottom,#d70000,#e04141
);
   background-color:#d70000;
}
td.admin.kept {
   background-image:linear-gradient(to bottom,#d6abab
,#d6bcbc
);
   background-color:#d6abab
;
}
td.groupadmin {
   color:white;
   background-image:linear-gradient(to bottom,#d70000,#e04141
);
   background-color:#d70000;
}
td.groupadmin.kept {
   background-image:linear-gradient(to bottom,#d6abab
,#d6bcbc
);
   background-color:#d6abab
;
}
td.unitadmin {
   color:white;
   background-image:linear-gradient(to bottom,#d70000,#e04141
);
   background-color:#d70000;
}
td.unitadmin.kept {
   background-image:linear-gradient(to bottom,#d6abab
,#d6bcbc
);
   background-color:#d6abab
;
}
td.callcenter {
   color:white;
   background-image:linear-gradient(to bottom,#336600,#5b8532
);
   background-color:#336600;
}
td.callcenter.kept {
   background-image:linear-gradient(to bottom,#a1b38f
,#b4bfa8
);
   background-color:#a1b38f
;
}
td.groupapi,
td.unitapi,
td.customer {
   color:black;
   background-image:linear-gradient(to bottom,#b9c203,#c7cf36
);
   background-color:#b9c203;
}
td.groupapi.kept,
td.unitapi.kept,
td.customer.kept {
   background-image:linear-gradient(to bottom,#cccfa5
,#cdcfb6
);
   background-color:#cccfa5
;
}
td.shop {
   color:white;
   background-image:linear-gradient(to bottom,CL_BG_SHOP,CL_BG_SHOP_LIGHT);
   background-color:CL_BG_SHOP;
}
td.custom1 {
   color:white;
   background-image:linear-gradient(to bottom,CL_BG_CUSTOM1,CL_BG_CUSTOM1_LIGHT);
   background-color:CL_BG_CUSTOM1;
}
td.custom2 {
   color:white;
   background-image:linear-gradient(to bottom,#33b3b1,#63bfbe
);
   background-color:#33b3b1;
}
td.custom2.kept {
   background-image:linear-gradient(to bottom,#99bfbf
,#a8bfbf
);
   background-color:#99bfbf
;
}

td.permanent {
   cursor:pointer;
}
td.temporary {
   height:10px;
   background-color:#888888;
   cursor:default;
   padding:0;
}
td.closed {
   background-color:#a59385;
   /*background-clip:content-box;*/
}
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;
}
td.offlimits.p_custom1 {
   /*color:white;
   background-image:linear-gradient(to bottom,#550000,#770000);
   background-color:#550000;*/
   color:black;
   background-color:#dcdcba;
}
#calendar:not(.newapp) tr:not(.gone) td.offlimits,
#calendar:not(.newapp) tr td.offlimits.today,
#calendar:not(.newapp) td.internal:not(.gone),
#calendar td.complete,
#calendar:not(.newapp) tr:not(.gone) td.ap.permanent {
   cursor:url(cursor-context-menu.png),pointer;
}
td.internal {
   /*color:green;*/
   background-color:#ecf6ec;
}

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

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

td.cal_message {
   font-weight:200;
   font-size:48px;
   text-align:center;
   padding:30px;
   color:#444444;
   background-color:white;
}

.c_default {
   cursor:default !important;
}

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

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

#preview {
   height:30px;
   width:600px;
   color:#333333;
   font-size:14px;
   margin-left:66px;
}
#CalContainer.today #preview {
   margin-left:12px;
}
#preview div {
   float:left;
   margin-left:5px;
   margin-right:5px;
}
#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;
}
#preview span.red {
   background-image:linear-gradient(to bottom,#ff5050,red);
   background-color:red;
   cursor:default;
}
#preview span.green {
   background-image:linear-gradient(to bottom,#83da56,#4ac908);
   background-color:#4ac908;
}
#preview span.yellow {
   color:#333333;
   background-image:linear-gradient(to bottom,#ffff00,#dddd00);
   background-color:#dddd00;
}
#preview span[onclick]:hover {
   box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5) inset;
}

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

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

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

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

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

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

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

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

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

#new_appointment,
#new_appointment:focus {
   box-sizing:border-box;
   height:37px;
   color:white;
   padding-top:1px;
   border:none;
   background:none;
	background-color:#5bc20a;
}
#new_appointment:hover {
   box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	background-color:#71f50c
;
   background-image:-webkit-linear-gradient(top,#71f50c
,#4ea808
);
   background-image:linear-gradient(to bottom,#71f50c
,#4ea808
);
}
#new_appointment:active {
   box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5);
	background-color:#428f07
;
   background-image:-webkit-linear-gradient(top,#4ea808
,#428f07
);
   background-image:linear-gradient(to bottom,#4ea808
,#428f07
);
}
#new_appointment:active span.ui-button-text {
   padding:7px 18px 6px 16px;
}

#wlist.todo {
   color:red;
}

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

input[type="button"].disabled,
input[type="button"].disabled:hover,
input[type="button"].disabled:active,
input[type="button"].disabled:focus,
input[type="button"]:disabled,
input[type="button"]:disabled:hover,
input[type="button"]:disabled:active,
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;
}
input.CTA.disabled,
input.CTA.disabled:hover,
input.CTA.disabled:active,
input.CTA.disabled:focus,
input.CTA:disabled,
input.CTA:disabled:hover,
input.CTA:disabled:active,
input.CTA:disabled:focus {
	background-color:#8bc261
;

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

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

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

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

	background-color:#5bc20a;
/*
   box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
   background-image:-webkit-linear-gradient(top,#65db0b
,#4ea808
);
   background-image:linear-gradient(to bottom,#65db0b
,#4ea808
);
*/
}
input.CTA.notreleased,
input.CTA.notreleased:focus {
	background-color:#ee6666;
}

input[type="button"]:hover,
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);
}
input.CTA:hover {
   box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	background-color:#71f50c
;
   background-image:-webkit-linear-gradient(top,#71f50c
,#4ea808
);
   background-image:linear-gradient(to bottom,#71f50c
,#4ea808
);
}
input.CTA.notreleased:hover {
	background-color:#ed9f9f
;
   background-image:-webkit-linear-gradient(top,#ed9f9f
,#d45b5b
);
   background-image:linear-gradient(to bottom,#ed9f9f
,#d45b5b
);
}

input[type="button"]:active,
div.ui-buttonset .ui-state-active {
   line-height:10px;
   padding-top:2px;
   padding-bottom:0px;
   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);
}
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:#428f07
;
   background-image:-webkit-linear-gradient(top,#4ea808
,#428f07
);
   background-image:linear-gradient(to bottom,#4ea808
,#428f07
);
   border:none;
}
input.CTA.notreleased:active {
	background-color:#ba5050
;
   background-image:-webkit-linear-gradient(top,#d45b5b
,#ba5050
);
   background-image:linear-gradient(to bottom,#d45b5b
,#ba5050
);
}


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

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

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

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

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

textarea.Mail,
input.MailSubject {
   font-family:Courier,monospace;
   font-size:13px;
   margin-bottom:10px;
}

#col0 {
   width:800px;
}
#col1 {
   float:left;
   width:610px;
   max-width:610px;
   margin-right:10px;
   padding-left:5px;
}
#col2 {
   float:right;
   width:175px;
}
#col3 {
   box-sizing:border-box;
   width:100%;
   padding-left:5px;
   padding-right:5px;
}
#MailVariables {
   padding-bottom:2px;
}
#MailConditions {
   visibility:collapse;
   margin-top:10px;
   margin-bottom:5px;
}

.bt_variable {
   width:165px;
}
.bt_variable_half {
   width:81px;
}
.bt_variable_third {
   width:53px;
}
.bt_variable_half+.bt_variable_half {
   /*margin-left:2px;*/
}

input+button.bt_variable {
   margin-top:15px;
}
input.CTA+h3 {
   margin-top:15px;
}

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

.h1_select {
   margin-left:10px;

}

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

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

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

table.SettingGroup {
   border-collapse:separate;
   border-spacing:0 20px;
   margin-top:-20px;
}
td.SettingGroup {
   width:360px;
   padding:5px;
   border:1px solid transparent;
   vertical-align:top;
}
td.SettingGroup:hover {
   background-color:#cccccc;
   border:1px solid #888888;
   border-radius:20px;
   cursor:pointer;
}
div.sgIcon {
   float:left;
   width:128px;
   height:128px;
   color:#555555;
   padding:5px;
   box-sizing:border-box;
   text-align:center;
   border:2px solid #777777;
   border-radius:15px;
   background-color:#eeeeee;
   background-repeat:no-repeat;
   background-position:center;
   word-wrap:break-word;
}
td.SettingGroup:hover div.sgIcon {
   background-color:white;
}
div.seField_full,
div.seField {
   float:left;
   height:60px;
   width:430px;
   padding:29px 10px 5px 5px;
   box-sizing:border-box;
}
div.seField_full {
   height:initial;
   width:800px !important;
}
div.sgAccess {
   clear:both;
   padding:5px;
}
div.seAccess {
   float:right;
   height:50px;
   width:330px;
   padding:5px 5px 5px 10px;
   box-sizing:border-box;
}
div.seAccess>p,
div.sgAccess>p {
   font-size:12px;
   margin-bottom:3px;
}
div.sgText {
   float:right;
   box-sizing:border-box;
   width:232px;
   height:128px;
   padding-left:5px;
}
div.sgText>h3 {
   overflow:hidden;
   /*overflow-y:hidden;
   overflow-x:hidden;*/
   text-overflow:ellipsis;
   line-height:20px;
   /*max-height:25px;*/
}
div.sgText>h3>span {
   font-size:12px;
}
div.sgText>p {
   font-size:13px;
}

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

#UseGlobal {
   padding-left:5px;
   margin-bottom:10px;
}

#ptBack {
   float:left;
   color:#006fff;
   cursor:pointer;
   font-size:18px;
   padding-top:4px;
   margin-right:23px;
}
/*
#ptBack::before {
   content:'< ';
   font-size:32px;
   line-height:1px;
   vertical-align:middle;
}
*/
#ptTitle {
   margin-left:2px;
   float:left;
}
#ptSave {
   float:right;
   color:#006fff;
   cursor:pointer;
   font-size:18px;
   margin-left:20px;
   padding-top:3px;
}
#ptSave.disabled {
   color:#888888;
   cursor:default;
}
.clear {
   clear:both;
}
.mauto {
   margin:auto;
}

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;
}
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;
}
div.arrow_l:hover>div.back,
div.back:hover {
   color:black;
}

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

table.nsTable {
   border-collapse:separate;
   border-spacing:10px 5px;


}

#oh_container { 
   /*overflow:auto;*/
   background-color:#d0d0d0;
   padding-left:5px;
}
div.slider {
   margin-left:35px;
   margin-right:25px;
   margin-bottom:5px;
}
div.oh { width:520px; }
div.ss { width:645px; }

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

div.break {
   visibility:collapse;
}

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

table.break {
   width:100%;
   background-color:#d0d0d0;
   border:5px solid #d0d0d0;
}
table.break tr {
   visibility:collapse;
}
table.break td {
   vertical-align:middle;
}
table.break td[name="save"] {
   vertical-align:bottom;
}
table.break tr td:not(:last-child) {
   vertical-align:middle;
   width:40px;
   padding-right:25px;
   white-space:nowrap;
}
/*
table.break tr:not(:last-child) td {
   padding-bottom:5px;
}
*/
table.break tr td {
   padding-bottom:5px;
}

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

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

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

#ap_left div,
#ap_right div {
}


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

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

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

#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;*/
}
#ap_right h3 {
   text-align:right;
}
#ap_form div > span:not(.ui-icon):not(.image-upload) {
   display:inline-block;
   width:100%;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   padding:3px 4px 3px 4px;
   vertical-align:bottom;
}
html.customer #ap_form div > span:not(.ui-icon) {
   padding:3px 0 3px 0;
}
#ap_form div > span td {
   vertical-align:middle;
}
#ap_form span.sub {
   font-size:12px;
   font-weight:400;
   line-height:16px;
   vertical-align:bottom;
}
#ap_form span.sub > span {
   float:left;
}
#ap_search {
   min-height:31px;
   padding-right:3px;
}
#ap_form span#source {
   width:180px;
   color:#006fff;
   font-weight:300;
   line-height:16px;
   padding-bottom:8px;
}
#ap_form span#clear {
   float:right;
   width:140px;
   text-align:right;
}
div.label,
#ap_form label:not(.ui-button) {
   float:left;
   display:inline-block;
   font-size:15px;
   font-weight:300;
   width:138px;
   padding-top:4px;
   vertical-align:middle;
   padding-right:4px;
   white-space:normal;
   word-wrap:break-word;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
}

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


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

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

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

html:not(.customer) #ap_form #f_apLicencePlateNumber {
   width:400px;
}
#ap_form #apLicencePlateNumber {
   float:none;
   width:150px;
}
#ap_form #apZipCode {
   float:none;
   width:50px;
   margin-right:6px;
}
#ap_form #apCity {
   width:190px;
}
#ap_form #apCustomField1,
#ap_form #apCustomField2,
#ap_form #apHbAddress,
#ap_form #apToDoList,
#ap_form #apReminderText {
   width:220px;
   /*visibility:collapse;*/
   display:none;
}
#ap_form #apHbAddress,
#ap_form #apToDoList,
#ap_form #apReminderText {
   float:right;
   box-sizing:content-box;
/*   border:1px solid #555;
   border-radius:2px;
   font-size:16px;
   padding: 1px;*/
   /*vertical-align:top;*/
}
#ap_form #date_apReminderDate {
   float:right;
   width:222px;
   display:none;
   margin-bottom:5px;
   margin-right:0;
}

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

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

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

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

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

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

.uppercase {
   text-transform:uppercase;
}

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



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

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

#ap_form #pType {
   float:right;
}

#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;
}
#ap_form > #ap_main > span.note {
   margin-top:10px;
}
#ap_form span + span.note {
   margin-top:25px !important;
}
#ap_form span.note>span.ui-icon {
   margin-left:-22px;
   float:left;
}

#ap_form #f_pCustom1 {
   display:none;
}

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

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

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

table.TireData {
   border-collapse:separate;
   border-spacing:2px;
   padding-left:3px;
   padding-right:3px;
}
table.TireData td {
   padding-top:1px;
   padding-bottom:2px;
}
table.TireData td.tirefield {
   text-align:center;
}
table.TireData td.warning {
   color:red;
   font-size:20px;
   text-align:center;
   padding-top:8px;
   padding-bottom:5px;
}
table.TireData span {
   font-size:15px;
   font-weight:300;
}
table.TireData hr {
   color:white;
   background-color:white;
   width:100%;
   height:0px;
   padding:0;
   margin:0;
   border:0;
   border-bottom:1px dotted #555555;
}
table.TireData img {
   vertical-align:top;
}
div.tirefield1 {
   overflow:hidden;
   text-overflow:ellipsis;
   width:70px;
}

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

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

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

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

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

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

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

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

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

@media print {
   * {
      -webkit-print-color-adjust:exact !important;
      /*transition:none !important;*/
   }

   #header,footer,#CalContainer,#menu,div.progress_bar,table.bgroup,#clone { display:none; }
   #custom_header {
      height:40px;
      color:black;
      font-size:32px;
      font-weight:400;
      background:none;
      background-color:white;
      text-align:left;
      padding-top:0;
   }

   html.webkit thead { 
      display:table-row-group;
   }

   td.apwrapper {
      vertical-align:top;
   }

   td.apwrapper._ap {
      background-clip:padding-box;
      border-radius:10px;
   }

   td.apwrapper._admin {
      background-image:linear-gradient(to bottom,#d70000,#e04141
);
   }
   td.apwrapper._kept {
      background-image:linear-gradient(to bottom,#d6abab
,#d6bcbc
);
   }
   td.apwrapper._groupadmin {
      background-image:linear-gradient(to bottom,#d70000,#e04141
);
   }
   td.apwrapper._groupadmin._kept {
      background-image:linear-gradient(to bottom,#d6abab
,#d6bcbc
);
   }
   td.apwrapper._unitadmin {
      background-image:linear-gradient(to bottom,#d70000,#e04141
);
   }
   td.apwrapper._unitadmin._kept {
      background-image:linear-gradient(to bottom,#d6abab
,#d6bcbc
);
   }
   td.apwrapper._callcenter {
      background-image:linear-gradient(to bottom,#336600,#5b8532
);
   }
   td.apwrapper._callcenter._kept {
      background-image:linear-gradient(to bottom,#a1b38f
,#b4bfa8
);
   }
   td.apwrapper._groupapi,
   td.apwrapper._unitapi,
   td.apwrapper._customer {
      background-image:linear-gradient(to bottom,#b9c203,#c7cf36
);
   }
   td.apwrapper._groupapi._kept,
   td.apwrapper._unitapi._kept,
   td.apwrapper._customer._kept {
      background-image:linear-gradient(to bottom,#cccfa5
,#cdcfb6
);
   }
   td.apwrapper._shop {
      background-image:linear-gradient(to bottom,CL_BG_SHOP,CL_BG_SHOP_LIGHT);
   }
   td.apwrapper._custom1 {
      background-image:linear-gradient(to bottom,CL_BG_CUSTOM1,CL_BG_CUSTOM1_LIGHT);
   }
   td.apwrapper._custom2 {
      background-image:linear-gradient(to bottom,#33b3b1,#63bfbe
);
   }
   td.apwrapper._custom2._kept {
      background-image:linear-gradient(to bottom,#99bfbf
,#a8bfbf
);
   }

   div.ui-widget-overlay.ui-front {
      background:none;
      background-color:white;
      opacity:1;
   }
   div.ui-dialog.ui-widget {
      /*position:absolute;*/
      left:0 !important;
      /*top:0; !important;*/
   }
}

/*
#dlg-appointment > form
*/
/*****************************************************************************/

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

div.warning {
   font-size:14px;
   color:red;
   width:100%;
   border:1px solid red;
   margin-top:15px;
   margin-bottom:8px;
   padding:3px 5px 3px 5px;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
}
#wcontainer {
   background-color:#dddddd;
   display:none;
   width:100%;
   padding:5px;
   padding-bottom:10px;
   box-sizing:border-box;
}
#ap_form div.warning {
   margin:0px;
}
html.customer div.warning {
   font-size:17px;
}
/*
div.warning ~ div {
   padding-top:0px !important;
}
*/
div.warning pre {
   color:#666666;
   font-family:monospace;
   font-size:14px;
   margin-top:5px;
   padding:2px;
   /*white-space:pre-wrap;*/
   overflow:hidden;
   text-overflow:ellipsis;
   box-sizing:border-box;
}

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

.red {
   color:red;
}

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

#c_calendar thead {
   border-bottom:4px solid transparent;
}
#c_calendar th {
   vertical-align:top;
}
#c_calendar th div {
   height:100%;
   padding:2px 1px 2px 1px;
   border:1px solid #777777;
   border-radius:3px;
   background-color:#dddddd;
   line-height:18px;
}
#c_calendar th div span {
   display:block;
   font-size:14px;
   line-height:15px;
   color:red;
}
#c_calendar td {
   vertical-align:top;
   border-top:2px solid transparent;
   border-bottom:2px solid transparent;
   /*text-align:center;*/
}
#c_calendar td.closed {
   color:#bbbbbb;
   font-size:15px;
   padding:4px;
}
#c_calendar td input.CTA, 
#c_calendar td input.unavailable {
   width:100%;
   margin:0;
   padding-left:0;
   padding-right:0;
}
#c_calendar th+th,
#c_calendar td+td {
   border-left:3px solid transparent;
}
input.unavailable,
input[type="button"].unavailable:hover,
input[type="button"].unavailable:active,
input[type="button"].unavailable:focus,
input:disabled.unavailable,
input[type="button"]:disabled.unavailable:hover,
input[type="button"]:disabled.unavailable:active,
input[type="button"]:disabled.unavailable:focus {
   /*background-color:#d46c6c;*/
   background-color:#ee6666;
   background-image:none;
   box-shadow:none;
   cursor:default;
}

/*
#c_control td {
   width:33.3%;
}
*/
#c_control td:first-child,
#c_control td:last-child {
   width:30px;
   height:33px;
}
#c_control td:nth-child(2) {
   text-align:center;
   vertical-align:middle;
}
#c_control td:last-child {
   text-align:right;
}
/*
#c_control img {
   cursor:pointer;
   vertical-align:top;
}
*/
#c_control td:first-child div,
#c_control td:last-child div {
   cursor:pointer;
   height:100%;
   background-repeat:no-repeat;
}
#pdown {
   background-image:url('arrow-l-double3_32.png');
   background-position:left top;
}
#pup {
   background-image:url('arrow-r-double3_32.png');
   background-position:right top;
}

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

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

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

html.customer label + textarea {
   margin-top:2px;
}

html.customer input[type="email"],
html.customer input[type="tel"],
html.customer input[type="text"],
html.customer input[type="number"],
div.const3 {
   font-size:16px;
   border:1px solid #555;
   border-radius:2px;
   padding:1px;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
}
div.const3 {
   /*border:1px solid transparent;*/
   color:#666666;
   border:1px solid #666666;
   padding:3px 10px 2px 10px;
}

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

html.customer #apNotifications {
   /*padding-top:8px;*/
}

.fullwidth {
   width:100%;
}
.f_line {
   clear:both;
   float:none;
   width:100%;
   display:inline-block;
   min-height:19px;
   margin-top:5px;
}
#ap_form .f_line {
   margin-top:0;
   padding:3px 4px 5px 4px;
   box-sizing:border-box;
}
.f_label {
   float:left;
   width:150px;
}
.f_field {
   margin-left:150px;
}
html.customer .f_field {
   white-space:nowrap;
}
div.f_field div:first-child {
   float:left;
}
.f_notlast,
.f_post {
   float:left;
}
.f_post {
   padding-top:5px;
}
.f_group {
   clear:both;
   padding-top:5px;
   padding-bottom:5px;
   margin-bottom:5px;
}

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

html.customer .const2 {
   font-size:15px;
   padding-top:6px;
   margin-left:150px;
   /*vertical-align:middle;*/
}
html.customer 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;
   -webkit-box-sizing:border-box;
}

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

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

#apSelectors,
#stSelectors {
   border-left:1px solid transparent;
   border-top:7px solid transparent;
   border-bottom:11px solid transparent;
}
#apSelectors > table th,
#stSelectors > table th {
   text-align:left;
   font-size:14px;
   padding-left:1px;
   padding-right:20px;
   padding-bottom:2px;
}
#apSelectors > table td {
   padding-right:20px;
}
#stSelectors > table th {
   width:153px;
}
#stSelectors > table td select {
   width:600px;
}
#stSelectors th label {
   display:inline;
   font-size:14px;
   padding-left:5px;
}

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

.ttFix {
   font-size:14px;
   color:red;
   padding:0;
   border:none;
   background:none;
   /*background-color:transparent;*/
   box-shadow:none;
}

.st_sep {
   height:20px;
}
.st_header {
   padding-top:0px !important;
   padding-bottom:10px !important;
   font-size:18px !important;
}


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

#Impressum {
   display:none;
}

html.customer div.message > div:first-child {
   float:left;
}
html.customer div.message > div:last-child {
   margin-left:24px;
}

#memo {
   position:fixed;
   z-index:1000;
   right:0;
   top:0;
   border:18px solid #aaaaaa;
   border-bottom:18px solid transparent;
   border-left:18px solid transparent;
   cursor:pointer;
}
#memo.todo {
   border-color:red red transparent transparent;
}
.ttMemo {
   white-space:nowrap;
   line-height:1.2em;
}

#ap_form textarea[name^=wlNameArray] {
   width:364px;
   margin-left:20px;
   vertical-align:top;
   min-height:63px;
   max-height:109px;
}

/*****************************************************************************/
/* CodeMirror */

.CodeMirror {
   border:1px solid silver;
   height:auto;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-placeholder {
   font-family:Courier,monospace;
   font-weight:normal;
   font-size:13px;
}
/*.CodeMirror-empty { outline: 1px solid #c22; }*/
.CodeMirror-empty.CodeMirror-focused { outline: none; }
.CodeMirror pre.CodeMirror-placeholder { color: #999; }

.CodeMirror .CodeMirror-scroll {
   min-height:20px;
}
.CodeMirror span.cm-atom,
.CodeMirror span.cm-keyword {
   font-weight:600;
}
 
/*****************************************************************************/
span.image-upload {
   position:relative;
   margin-top:5px;
   margin-bottom:5px;
   /*background-color:white;*/
   display:inline-block;
   min-height:60px;  
   min-width:350px;
   line-height:0;
   cursor:pointer;
}
span.image-upload:not(:last-of-type) {
   margin-bottom:25px;
}
span.image-upload input[type=file] {
   position:absolute;
   top:0;
   right:0;
   margin:0;
   opacity:0;
   font-size:0px !important;
}
span.image-upload:hover > img:first-child {
   opacity:0.3;
}

span.image-upload > div {
   display:none;
   position:absolute;
   box-sizing:border-box;
   top:0;
}
span.image-upload:hover > div {
   display:block;
}
span.image-upload:hover > div.img_upload {
   width:100%;
   height:100%;
   /*background-color:rgba(255,255,255,0.4);*/
   /*color:white;*/
   border:2px dotted black;
   text-align:center;
   font-size:24px;
}
span.image-upload:hover > div.img_upload:before {
   content:"";
   display:inline-block;
   height:100%;
   vertical-align:middle;
}

span.image-upload > div.img_delete {
   line-height:0;
   top:6px;
   left:6px;
}
/*
span.image-upload > div.img_delete:hover:after {
   content:" Bild loeschen";
}
span.image-upload > div.img_delete img {
   padding-right:5px;
   padding-bottom:5px;
   vertical-align:middle;
}
*/

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