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

#lunis {
   --bg_base: #2d8e9d;
   --fg_base: #ffffff;
   --fg_red: red;
   --fg_grey_a: #aaa;
}
@media (forced-colors: active) {
   #lunis {
      --fg_red: darkred;
      --fg_grey_a: #666;
   }
}

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

html,body {
   /*background-color:white !important;*/
}



#lunis header { 
   /*overflow:auto;*/
   background-color:#d7d7d7;
}
#lunis footer {
   overflow:auto;
   background-color:white;
}

#lunis h1 {
   font-size:20px;
   font-weight:600;
   margin-bottom:20px;
}
#lunis h2 {
   font-size:18px;
   font-weight:600;
   margin-top:-10px;
   margin-bottom:15px;
}
#lunis .ui-dialog h4,
#lunis h4 {
   font-size:15px;
   font-weight:600;
   margin-top:5px;
   margin-bottom:5px;
}
#lunis div h4:first-child {
   margin-top:0;
}
#lunis div h4:last-child {
   margin-bottom:0;
}

#lunis .ui-dialog #Popup,
#lunis #Popup {
   font-size:14px;
   font-weight:300;
   line-height:1.2em;
   overflow-y: scroll !important;
   max-height: 500px !important;
}   
#lunis #Popup h3 {
   font-size:15px;
   font-weight:600;
   margin-top:10px;
   margin-bottom:5px;
   letter-spacing:initial;
   padding:0;
   font-variant:initial;
}
#lunis #Popup h3:first-child {
   margin-top:0;
}
#lunis #Popup h4 {
   color:#555555;
   font-weight:normal;
   margin-top:10px;
   margin-bottom:5px;
}

#lunis p {
   font-size:14px;
   font-weight:400;
   line-height:18px;
}
#lunis ol {
   font-size:14px;
   font-weight:400;
   line-height:18px;
   padding:20px 0 20px 25px;
   list-style-type:decimal;
   list-style-position:outside;
}
#lunis li {
   padding-left:0.4em;
}
#lunis b { 
   font-weight:600;
}

@media screen and (min-width:641px) { 
   #lunis img.c { display:initial !important; }
   #lunis img.cm { display:none !important; }
}
@media only screen and (max-width:640px) { 
   #lunis img.c { display:none !important; }
   #lunis img.cm { display:initial !important; }
}

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

#lunis #container,
#lunis #right {
   background-color:transparent !important;
}
#lunis #container {
   /*overflow:auto;*/
}
#lunis #header_section { 
   background-color:white !important;
}
#lunis #header {
   width:100% !important;
   max-width:1000px !important;
   height:auto !important;
   background-color:white !important;
}
#lunis #footer_section { 
   background:none !important;
}

#lunis #header img {
   width:100%;
   height:auto;
   display:block;
}

@media only screen and (min-width:600px) { 
   #lunis #content {
      margin-top:20px;
      margin-bottom:20px;
   }
}

#lunis #footer { 
   width:100%;
   /*max-width:1000px !important;*/
   /*max-width:960px !important;*/
   /*max-width:640px !important;*/
   height:auto !important;
   text-align:center;
}
#lunis #footer div {
   float:left;
}
#lunis #footer div:first-of-type {
   width:100%;
   background-color:#ffffff;
}
@media only screen and (min-width:601px) and (max-width:959px) { 
   #lunis #footer div {
      /*width:33.3%;*/
   }
}
@media only screen and (max-width:600px) { 
   #lunis #footer div {
      width:100%;
      margin:auto;
   }
}

#lunis #footer img {
   max-width:min(100%,1000px);
   /*width:100%;*/
   /*max-width:320px !important;*/
   height:auto;
   display:block;
   margin:auto;
}
@media only screen and (max-width:600px) { 
   #lunis #footer img {
      display:none;
   }
}

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

#lunis div.progress_bar {
   width:100%;
   max-width:1000px;
   margin:auto;
   overflow:auto;

   display:table;
}
#lunis div.progress_bar div {
   color:white;
   background-color:#d7d7d7;
   font-size:15px;
   font-weight:700;
   /*float:left;*/
   padding:10px 15px 10px 15px;
   /*padding:8px 12px 8px 12px;*/
   text-align:center;

   display:table-cell;
   vertical-align:middle;

   box-sizing:border-box;
   width:20%;
}
#lunis div.progress_bar div.active {
   background-color:#2d8e9d;
}
#lunis div.progress_bar div span {
   font-size:11px;
   font-weight:normal;
   color:#666666;
}

@media screen and (min-width:601px) and (max-width:751px) { 
   #lunis div.progress_bar div {
      padding:6px 6px 6px 6px;
      font-weight:600;
      font-size:smaller;
   }
}
@media screen and (max-width:600px) { 
   #lunis div.progress_bar {
      display:none;
   }
}

#lunis div.PageTitle {
   border-radius:2px;
}

#lunis div.link_list {
   clear:both;
   width:100%;
   margin:20px auto 5px auto;
   font-size:12px;
}
#lunis div.link_list a { 
   font-size:inherit;
}
#lunis.embedded div.link_list {
   text-align:right;
   margin-top:5px;
   margin-bottom:0;
}
#lunis.embedded div.link_list a {
   color: var(--fg_grey_a);
   font-size:10px;
}

#lunis img.map {
   float:right;
   padding-left:10px;
   padding-bottom:20px;
}
@media only screen and (max-width:500px) { 
   #lunis img.map {
      display:none;
   }
}

/*
#lunis input[type="button"]:not(.CTA) {
   min-height:35px;
   padding-top:5px;
   padding-bottom:5px;
   padding-left:10px;
   padding-right:10px;
}
*/

#lunis #lr_choose { 
   display:none;
   width:100%;
   max-width:400px;
   font-size:12px;
   line-height:1.2em;
   margin-top:5px;
   margin-bottom:5px;
}

#lunis input:disabled.unavailable { 
   background-color:#cccccc !important;
}

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

#lunis div.warning {
   font-size:15px !important;
   border-radius:2px;
}
#lunis input:invalid,
#lunis input:required:invalid {
   /*border-color:#3dbdd1 !important;*/
}

#lunis #c_message {
   width:100%;
   box-sizing:border-box;
   margin-top:30px;
   background-color:#77999e;
   border-radius:5px;
}

#lunis .small,
#lunis .small:active { 
   font-size: 14px !important;
   min-height:28px !important;
   vertical-align:initial !important;
   padding-left:10px !important;
   padding-right:10px !important;
}

#lunis div.f_group {
   margin-bottom:15px;
}
#lunis #ap_form div.f_line {
   box-sizing:border-box;
   padding-left:0;
   padding-right:0;
}

#lunis div.message + table.bgroup { 
   margin-top:30px;
}

#lunis div.message {
   border:2px solid var(--bg_base);
}
#lunis div.message {
   color:black !important;
   background-color:#d7d7d7 !important;
   font-size:14px;
   font-weight: initial;
   line-height:1.3em;
}
#lunis div.message > h2 {
   font-size: 14px;
   font-weight: initial;
   margin-top: initial;
   margin-bottom: initial;
}

#lunis table.AppointmentData td {
   font-size:14px;
   font-weight:300;
   line-height:140%;
   padding-right:7px;
}
#lunis table.AppointmentData td:last-child {
   font-weight:600;
}

#lunis div.chosen-container {
   /*font-family:source-sans-pro,Helvetica,Arial,sans-serif;*/
}

#lunis .chosen-container .chosen-results {
   overflow:auto;
}

@media only screen and (max-width:599px) {
   #lunis div.c_serviceselect label {
      width:200px !important;
   }
}

#lunis div.c_serviceselect {
   float:left;  
   width:295px;
   padding-top:5px;
}
#lunis div.c_image div.c_serviceselect {
   float:none;
   width:290px;
}

#lunis div.c_serviceselect label {
   float:none !important;
   font-size:15px !important;
   font-weight:normal !important;
   padding-left:5px;
   padding-bottom:2px;
}
#lunis div.c_image {
   float:left;
   margin-left:2px;
   margin-right:4px;
   margin-bottom:25px;
}
#lunis div.c_image:nth-of-type(even) {
   margin-right:0px;
}
#lunis div.c_image label {
   width:250px !important;
   line-height:1.2em;
}

/* 381-614 */
#lunis.narrow .f_field {
   margin-left:150px !important;
}
#lunis.narrow label.img {
   margin-top:-2px !important;
}
#lunis.narrow label.img img {
   width:initial !important;
}
/* <=380 */
#lunis.n380 .label,
#lunis.n380 .f_label {
   width:112px; /* 120 */
}
#lunis.n380 label.img {
   margin-top:0px !important;
}
#lunis.n380 label.img img {
   width:115px !important;
}
#lunis.n380 .f_field {
   margin-left: 112px !important; /* 120 */
}
#lunis.n380 div.const3 {
   padding:1px 7px 1px 7px;
}

#lunis div.iradio_custom > div.ld {
   width:40%;
   max-width:250px;
   min-width:160px;
}
#lunis #sID label.iradio_custom > div.ld {
   float: left;
   width: initial;
}
#lunis #sID label.iradio_custom > div.l,
#lunis #sID label.iradio_custom > div.ld {
   font-weight: 500;
}
#lunis #sID label.iradio_custom > div.d {
   float: right;
   white-space: pre-wrap;
}


@media only screen and (min-width:382px) and (max-width:614px) {
   #lunis label.img {
      margin-top:-2px !important;
   }
   #lunis label.img img {
      width:initial !important;
   }
}
@media only screen and (max-width:381px) {
   #lunis label.img {
      margin-top:0px !important;
   }
   #lunis label.img img {
      width:115px;
   }
   #lunis .f_field {
      margin-left:120px;
   }
}

#lunis img.c_clock {
   vertical-align:middle;
   margin-top:4px;
   margin-right:4px;
   margin-bottom:5px;
}

#lunis #apZipCode {
   float:left;
   width:50px;
   margin-right:6px;
}

#lunis div.f_notlast ~ div.fullwidth {
   display:inline-block;
   /* 04.06.2022 */
   /*border-right:56px solid transparent;*/
   box-sizing:border-box;
}

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

/*
#lunis #c_calendar td input.CTA,
#lunis #c_calendar td input.CTA:focus {
   background-color:#00cd00;
}

#lunis #c_calendar td input.CTA:hover {
	background-color:#00ff00;
   background-image:-webkit-linear-gradient(top,#00ff00,#00b300);
   background-image:linear-gradient(to bottom,#00ff00,#00b300);
}

#lunis #c_calendar td input.CTA:active {
	background-color:#009900;
   background-image:-webkit-linear-gradient(top,#00b300,#009900);
   background-image:linear-gradient(to bottom,#00b300,#009900);
}
*/

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

#lunis div.grecaptcha-badge {
   z-index:11;
   opacity:0.7;
}

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

#lunis .grid-os {
   display:-ms-grid;
   display:grid;
   -ms-grid-columns:1fr 1fr;
   grid-template-columns:1fr 1fr;
   grid-gap:5px;
   gap:5px;
}
#lunis .grid-os > div:nth-child(2) {
   -ms-grid-column:2;
}

/*
#_lunis div#rID {
   display:table;
   width:100%;
   border-collapse:separate;
   border-spacing:5px;
}
#_lunis div.iradio_custom {
   display:table-row;
   border:none !important;
   box-sizing:border-box;
}
#_lunis div.iradio_custom::after {
   border:1px solid #aaaaaa;
   border-radius:3px;
   content:'';
   position:absolute;
   left:0px;
   width:100%;
   height:100%;
}
#_lunis div.iradio_custom:hover::after {
   border:2px solid #aaaaaa;
}
#_lunis div.iradio_custom.checked::after {
   border:2px solid var(--bg_base);
}
#_lunis div.iradio_custom > div {
   display:table-cell;
}
*/

#lunis div.iradio_custom > div.i {
   min-width:50px;
   max-width:50px;
}
#lunis div.iradio_custom img {
   max-width:100%;
   max-height:40px;
}
#lunis div.iradio_custom > div.l {
   /*24.05.2022*/
   /*min-width:160px;*/
}

#lunis div.nButton {
   display: inline-block;
   box-sizing: border-box;
   margin-bottom: 5px;
   margin-right: 5px;
   padding: 1px  1px 1px 1px;
   border: 1px solid #aaaaaa;
   border-radius: 3px;
   cursor: pointer;
}
#lunis div.nButton:hover {
   background:#eeeeee;
   border:2px solid #aaaaaa;
   padding:0;
}

#lunis div.nButton div {
   display: inline-block;
   vertical-align: middle;
}
#lunis div.nButton div.l {
   font-size: 17px;
   padding: 5px 10px 5px 5px;
}
#lunis div.nButton div.i {
   padding: 5px 5px 3px 5px;
}

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

#lunis div.c_selected {
   box-sizing:border-box;
   margin-bottom:20px;
   font-size:15px;
   font-weight:300;
   padding:5px;
   border:1px solid #aaaaaa;
   border-radius:3px;
}
#lunis div.c_selected table {
   margin-top:10px;
}
#lunis div.c_selected table td:first-of-type {
   padding-right:15px;
}
#lunis div.c_selected table td[colspan="2"],
#lunis div.c_selected table td+td {
   line-height:1.3em;
   font-weight:bold;
}
#lunis div.c_selected table th {
   line-height: 0;
   overflow: hidden;
}

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