/*@#: #### colors ####*/
/*
## white ##
rgb(255,255,255);

## ci red (bs-primary) ##
#AA182C;
#AA182C;

## ci red (menu b) (bs-secondary) ##
#8F1425;
#8F1425;

## ci red (menu c) ##
#6B0F1C;
#6B0F1C;

## ci red (menu d) ##
#470A12;
#470A12;

## basic gray (footer) ##
rgb(58,58,58);

## basic text ##
rgb(81,81,81);

## light gray (footer text) ##
#97A3AE;

## light light gray (menu hover bg) ##
rgb(233,233,233);

## light light gray bg (menu hover bg) ##
rgb(243,243,243);

## black ##
rgb(0,0,0);
*/

:root {
  --kmr-order-gray-1:rgb(89,89,89);
  --kmr-order-gray-2:rgb(76,76,76);
}

/*@#: #### plans -  ####*/

.node-kmrorder-plans .wrap-plans {
    padding-left:2.5em;
    padding-right:2.5em;
}
/* tablet / small devices */
@media only screen and (min-width : 768px) {
  .node-kmrorder-plans .wrap-plans {
      padding-left:60px;
      padding-right:140px;
  }
}

.node-kmrorder-plans .wrap-plans .tns-nav {
  text-align:center;
}

.node-kmrorder-plans .wrap-plans .tns-nav button {
  background: #EFEFEF 0% 0% no-repeat padding-box;
  border: 1px solid #A7A7A7;
  width:15px;
  height:15px;
  border-radius:50%;
  margin:0 5px;
}

.node-kmrorder-plans .wrap-plans .tns-nav button.tns-nav-active {
  background: #A7A7A7 0% 0% no-repeat padding-box;
  border: 1px solid #A7A7A7;
}

.node-kmrorder-plans .wrap-plans .tns-controls {
  text-align:center;
}

.node-kmrorder-plans .wrap-plans .tns-controls button {
  text-align:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background-color:var(--bs-primary);
  color:rgb(255,255,255);
  border:1px solid var(--bs-primary);
  position:relative;
  top:-28px;  
}

.node-kmrorder-plans .wrap-plans .tns-controls button:first-child {
  margin-right:240px;
}

@media only screen and (min-width : 768px) {
  .node-kmrorder-plans .wrap-plans .tns-controls button:first-child {
    margin-right:120px;    
  }  
}

.node-kmrorder-plans .wrap-plans .wrap-plan {
  border-radius:8px;
  background-color:rgb(243,243,243);
  overflow:hidden;  
}

.node-kmrorder-plans .wrap-plans .wrap-plan.plan-highlighted {
  border-top-left-radius:0;
  border-top-right-radius:0;
}

.node-kmrorder-plans .wrap-plans .wrap-plan .wrap-plan-content {
  text-align:center;
  padding:0 0.5em 0.5em 0.5em;
}

.node-kmrorder-plans .wrap-plans .wrap-plan .wrap-plan-content .wrap-body {
  font-size:0.9em;
  padding: 0.5em 0 0.5em 0;
}

.node-kmrorder-plans .wrap-plans .wrap-plan .wrap-plan-content .wrap-body p:last-child {
  margin:0;
}

.node-kmrorder-plans .wrap-plans .wrap-plan a.link-order {
  text-decoration:none;
}

.node-kmrorder-plans .wrap-plans .wrap-plan a:hover.link-order {
  text-decoration:none;
}

.node-kmrorder-plans .wrap-plans .wrap-plan .wrap-pricing {
  font-size:0.9rem;
  background-color:var(--bs-primary); 
  padding:0.5em 0.5em 0.5em 0.5em;  
  border-radius:8px;
}

.node-kmrorder-plans .wrap-plans .wrap-plan .wrap-pricing p {
  color:#fff;  
}

.node-kmrorder-plans .wrap-plans .wrap-plan .wrap-pricing p.pricing-headline {
  font-size:1.4rem;
  margin:0;
}

.node-kmrorder-plans .wrap-plans .wrap-plan .wrap-pricing .pricing-info {
  border-top:1px solid #fff;
  padding-top:0.5em;
}

.node-kmrorder-plans .wrap-plans .wrap-plan .wrap-pricing .pricing-info p:last-child {
  margin-bottom:0;
}

.node-kmrorder-plans .wrap-plans .wrap-plan .wrap-pricing hr {
  border-color:#fff;
}

.node-kmrorder-plans .wrap-plans .wrap-plan .wrap-pricing .base-price {
  font-size:3rem;
  line-height:3rem;
  font-weight:700;
}



.node-kmrorder-plans .wrap-plans .highlight-label {
  background-color:transparent;  
}

.node-kmrorder-plans .wrap-plans .highlight-label.active {
  padding:0.5em 0.5em 0 0.5em;
  text-align:center;
  line-height:1rem;
  font-size:1rem;
  background-color:var(--bs-primary);
  color:#fff;
  border-radius:8px 8px 0 0;  
}

.node-kmrorder-plans .wrap-plans .highlight-label.active p {
  border-bottom: 1px solid #fff;  
  padding-bottom:0.5em;
}

.node-kmrorder-plans .wrap-plans .wrap-plan header {
  background-color:rgb(85,85,85);
  color:rgb(255,255,255);
  overflow:hidden;
  padding:0.7em 0.5em 0.7em 0.5em;
}

.node-kmrorder-plans .wrap-plans .wrap-plan.plan-highlighted header {
  background-color:var(--bs-primary);
}

.node-kmrorder-plans .wrap-plans .wrap-plan header p {
  margin:0;
  line-height:1rem;
  font-size:1.4rem;
}

.node-kmrorder-plans .wrap-plans .wrap-plan header p:last-child {
  float:right;
  font-size:3rem;
  line-height:3rem;
  margin-top:-15px;
}

.node-kmrorder-plans .wrap-plans .wrap-plan .wrap-plan-content .btn.plan-start {
  border-radius:6px;
  font-size:0.9rem;
  font-weight:500;
  width:100%;
}

.node-kmrorder-plans .wrap-plans .tns-outer {
  position:relative;
}
.node-kmrorder-plans .wrap-plans .tns-controls button:first-child {
  position:absolute;
  top:40%;
  left:-40px;
}
.node-kmrorder-plans .wrap-plans .tns-controls button:last-child {
  position:absolute;
  top:40%;
  right:-40px;
}  

@media only screen and (min-width : 768px) {
  .node-kmrorder-plans .wrap-plans .tns-controls button:first-child {
    top:50%;    
    left:-55px;
  }
  .node-kmrorder-plans .wrap-plans .tns-controls button:last-child {
    top:50%;    
    right:-55px;
  }  
}

.node-kmrorder-config-set-step.page-revision {
  font-size:16px;
}

/*@#: #### config set step - breadcrumbs ####*/
.node-kmrorder-config-set-step ol.breadcrumb li.breadcrumb-item {
  background-color:rgb(233,233,233);
  color:var(--kmr-order-gray-2);
  height:24px;
  font-size:12px;
  margin-right:10px;
  padding:0;
  font-weight:300;
}

.node-kmrorder-config-set-step ol.breadcrumb li.breadcrumb-item:first-child {
  padding-left:17px;
}

.node-kmrorder-config-set-step ol.breadcrumb li.breadcrumb-item:not(:first-child)::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 24px;
  background-color:rgb(233,233,233);
  clip-path:polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 25% 50%, 0 0);
  position:relative;
  right:6px;  
}

.node-kmrorder-config-set-step ol.breadcrumb li.breadcrumb-item::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 24px;
  background-color:rgb(233,233,233);
  clip-path:polygon(75% 0, 100% 50%, 75% 100%, 0 100%, 0 50%, 0 0);
  position:relative;
  left:6px;    
}

.node-kmrorder-config-set-step ol.breadcrumb li.breadcrumb-item.step-current,
.node-kmrorder-config-set-step ol.breadcrumb li.breadcrumb-item.step-current::before,
.node-kmrorder-config-set-step ol.breadcrumb li.breadcrumb-item.step-current::after,
.node-kmrorder-config-set-step ol.breadcrumb li.breadcrumb-item.step-done,
.node-kmrorder-config-set-step ol.breadcrumb li.breadcrumb-item.step-done::before,
.node-kmrorder-config-set-step ol.breadcrumb li.breadcrumb-item.step-done::after {
  background-color:var(--bs-primary);
  color:rgb(255,255,255);
}

/*@#: #### config set step - general ####*/
.node-kmrorder-config-set-step h1 {
  font-weight:500;
  color:rgb(81,81,81);
}

.node-kmrorder-config-set-step.page-revision h1 {
  font-weight:400;
  color:var(--kmr-red);
}

.node-kmrorder-config-set-step .wrap-configuration-image {
  max-width:100%;
  height:auto;
}

/* tablet / small devices */
@media only screen and (min-width:1400px) {
  .node-kmrorder-config-set-step .wrap-configuration-image {
     height:300px; 
  }
}

.node-kmrorder-config-set-step .wrap-configuration-image h2 {
  z-index:10;
  position:relative;
  font-weight:700;
  color:rgb(255,255,255);
  text-shadow: 3px 3px 3px #00000065;
  font-size:1rem;
}

/* tablet / small devices */
@media only screen and (min-width:768px) {
  .node-kmrorder-config-set-step .wrap-configuration-image h2 {
    font-size:2rem;
  }
}

.node-kmrorder-plans svg,
.node-kmrorder-config-set-step svg {
  fill:var(--bs-primary);
  width:28px;
  height:28px;
}

.node-kmrorder-plans .accordion-item,
.node-kmrorder-config-set-step .accordion-item {
  border:0;
}

.node-kmrorder-plans .accordion-button,
.node-kmrorder-config-set-step .accordion-button {
  background-color: rgb(243,243,243);
  color:rgb(58,58,58);
  font-size:1.1rem;
  padding:0;
  box-shadow:none !important;
  align-items:baseline;
}

.node-kmrorder-plans .accordion-button:focus,
.node-kmrorder-config-set-step .accordion-button:focus {
  border:0;
}

.accordion-button::after {
  background-color:var(--bs-primary);
  width:60px;
  height:60px;
  font:var(--fa-font-solid);
  content: "\2b";
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image:none !important;
}

.node-kmrorder-plans .accordion-button div,
.node-kmrorder-config-set-step .accordion-button div {
  margin-bottom:0.55em;
}


.accordion-button:not(.collapsed)::after {
  content: "\f068";
}

nav.nav-order-top {
  white-space:nowrap;
}

/*@#: #### config set step - configuration form ####*/
.node-kmrorder-config-set-step section.configuration-form .wrap-option h4 {
  font-size:1rem;
  font-weight:500;
  color:rgb(81,81,81);
}

.node-kmrorder-config-set-step section.configuration-form .wrap-option .wrap-description {
  color:var(--kmr-order-gray-1);
  font-size:0.9rem;
}

.node-kmrorder-config-set-step section.configuration-form .notice {
  color:var(--kmr-order-gray-1);
  font-size:0.9rem;
}

.node-kmrorder-config-set-step section.configuration-form .wrap-option .wrap-confirmation {
  display:none;
}

.node-kmrorder-config-set-step section.configuration-form textarea {
	width:100%;
	height:200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:300;
	font-family:'The Sans',sans-serif;
	color:rgb(81,81,81);
  background-color:rgb(243,243,243);
	font-size:1rem;
	padding:15px;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border:1px solid #97A3AE;
  outline:none;
	font-family:'The Sans',sans-serif;
  resize: vertical;  
}

.btn:focus {
  box-shadow:none !important;
}

.node-kmrorder-config-set-step section.configuration-form div.option-pricing p {
  text-align:right;
  margin:0;
}

.node-kmrorder-config-set-step section.configuration-form div.option-pricing .subtitle {
  color:var(--kmr-order-gray-1);
}

/*@#: #### config set step - default step data form ####*/
.node-kmrorder-config-set-step section.configuration-form form.data-form h4 {
  font-size:1rem;
  font-weight:500;
  color:rgb(81,81,81);
}

.node-kmrorder-config-set-step section.configuration-form form.data-form .wrap-input {
  
}

.node-kmrorder-plans h1 {
  background-color: #97A3AE;
  width: auto;
  display: inline-block;
  color: rgb(255,255,255);
  font-weight: 700;
  padding: 0.2em 0.5em;
}

.node-kmrorder-plans p.lead {
  padding-left:0.5em;
  font-weight:500;
}

.node-kmrorder-plans.page-revision h1 {
  color:var(--kmr-red);
  font-weight:400;
  
  background-color:transparent;
  display:block;
  padding:0 0 0 0;
}

.node-kmrorder-plans.page-revision p.lead {
  padding-left:0;
  font-weight:700;
}

/* tablet / small devices */
@media only screen and (min-width : 768px) {

  .node-kmrorder-plans p.lead {
    font-size:1.3rem;
  }

}


/* tablet / small devices */
@media only screen and (min-width : 768px) {

  .node-kmrorder-plans .availability-check {
    padding-left:60px;
    padding-right:140px;
  }

}

.node-kmrorder-plans .availability-check select.form-select,
.node-kmrorder-config-set-step section.configuration-form select.form-select {
  height:45px;
  background-color:rgb(243,243,243);
	border:1px solid #97A3AE;
  font-size: 1rem;
  line-height: 1.4em;
	color:rgb(81,81,81);
  padding: 0 30px 0 10px;
  outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family:'The Sans',sans-serif;
  font-weight:300;
  width: auto;
}
.node-kmrorder-plans .wrap-availability-check {
  background-color: rgb(243,243,243);
}

.node-kmrorder-plans .availability-check select.form-select,
.node-kmrorder-config-set-step section.configuration-form form.data-form select.form-select {
  width: 100%;
}

.node-kmrorder-plans .availability-check select:disabled.form-select,
.node-kmrorder-config-set-step section.configuration-form select:disabled.form-select {
  color:#97A3AE;
}

.node-kmrorder-plans .availability-check select:focus.form-select,
.node-kmrorder-config-set-step section.configuration-form select:focus.form-select {
  box-shadow:none !important;
}

.node-kmrorder-plans .availability-check select.form-select {
  background-color:rgb(255,255,255);
}

.node-kmrorder-plans .availability-check input.input-text,
.node-kmrorder-config-set-step section.configuration-form input.input-text {
  width: 100%;
  height: 46px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 300;
  font-family: 'Lato','sans-serif';
  color: rgb(81,81,81);
  background-color: rgb(243,243,243);
  font-size: 1rem;
  padding: 0 15px 0 15px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 1px solid #97A3AE;
  outline: none;
  font-family: 'The Sans',sans-serif;
}


.node-kmrorder-plans .availability-check .inactive-step {
  opacity:0.3;
}

.node-kmrorder-plans .availability-check input.input-text {
  background-color:rgb(255,255,255);
}

.node-kmrorder-plans .availability-check label {
  height:24px;
}

.node-kmrorder-plans .availability-check .btn {
  margin-top:24px !important;
  height:45px;
}

.node-kmrorder-plans .availability-check,
.node-kmrorder-config-set-step section.configuration-form .nln-css-form-error {
  border-color:#AA182C !important;
}

.node-kmrorder-plans .availability-check .nln-css-form-highlight {
  box-shadow: 0px 0px 12px #E2001A80;
}


/*@#: #### config set step - prices ####*/
.node-kmrorder-config-set-step section.prices h3 {
  font-size:1rem;
  font-weight:500;
  color:rgb(81,81,81);
}

.node-kmrorder-config-set-step section.prices table.live-pricing {
  width:100%;
  line-height:1.2em;
}

.node-kmrorder-config-set-step section.prices table.live-pricing tr.total {
  font-weight:500;
}

.node-kmrorder-config-set-step section.prices table.live-pricing tr:nth-last-child(2) td {
  padding-bottom:7px;
}

.node-kmrorder-config-set-step section.prices table.live-pricing tr.total td {
  padding-top:7px;
  border-top:3px double #97A3AE;
}

.node-kmrorder-config-set-step section.prices table.live-pricing tr.notice,
.node-kmrorder-config-set-step section.prices p.notice {
  color:var(--kmr-order-gray-1);
  font-size:0.8em;
  line-height:1em;  
}

.node-kmrorder-config-set-step section.prices table.live-pricing tr.notice td {
  padding-bottom:8px;
}

.node-kmrorder-config-set-step section.prices table.live-pricing tr.notice {
  color:var(--kmr-order-gray-1);
}

.node-kmrorder-config-set-step section.prices table.live-pricing td:first-child {
  text-align:left;
}

.node-kmrorder-config-set-step section.prices table.live-pricing td:last-child {
  text-align:right;
}

/*@#: #### tooltipster ####*/

.tooltip_templates {
  display:none;
}

.tooltip-trigger {
  cursor:pointer;
  text-decoration:none;
  font-size:0.9rem;
  color:#AA182C;  
}

.tooltipster-sidetip.tooltipster-noir .tooltipster-box{border-radius:0;border:1px solid rgb(81,81,81);background:#fff;padding-bottom:5px;padding-top:5px;}
.tooltipster-sidetip.tooltipster-noir .tooltipster-content{color:rgb(81,81,81);font-weight: 300;color: rgb(81,81,81);line-height: 1.5em;font-size:1rem;}
.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}
.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}
.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background{border:9px solid transparent}
.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#fff;top:1px}
.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background{border-left-color:#fff;left:-1px}
.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background{border-right-color:#fff;left:1px}
.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background{border-top-color:#fff;top:-1px}
.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border{border:9px solid transparent}
.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:rgb(81,81,81);}
.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-border{border-left-color:rgb(81,81,81);}
.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-border{border-right-color:rgb(81,81,81);}
.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-border{border-top-color:rgb(81,81,81);}
.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}
.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}

.tooltipster-noir .wysiwyg {
	padding-bottom:10px;
}

.tooltipster-noir .wysiwyg p {
	font-size:1rem;
  line-height:1.3rem;
  margin-top:10px;
}

.tooltipster-noir .wysiwyg *:first-child {
	margin-top:0 !important;
}

.tooltipster-noir h4 {
  color:#AA182C !important;
}

/* tablet / small devices */
@media only screen and (min-width : 768px) {

  .tooltipster-noir h4 {
		font-size:1.1rem !important;
	}

}

/* medium devices / desktop */
@media only screen and (min-width : 992px) {
  .tooltipster-noir .wysiwyg > p, .tooltipster-noir .wysiwyg div > p {
    font-size:0.9rem !important;
  }
}

/*@#: ########____print css____########*/

@media print {
    
  /*@#: #### order summary ####*/
  body.css-printable-order-summary #usercentrics-button,
  body.css-printable-order-summary .sidebar-nav,
  body.css-printable-order-summary footer.page,
  body.css-printable-order-summary nav.division,
  body.css-printable-order-summary .scroll-top,
  body.css-printable-order-summary .main-content .wrap-order-breadcrumbs,
  body.css-printable-order-summary .main-content .wrap-helpdesk,  
  body.css-printable-order-summary .main-content .wrap-configuration-image,
  body.css-printable-order-summary .main-content .css-print-disable,    
  body.css-printable-order-summary .main-content .sf-dump,
  body.css-printable-order-summary .main-content .wrap-debug-options,
  body.css-printable-order-summary header.page {
    display:none !important;
  }
  
  body.css-printable-order-summary {
    font-family: 'Arial','sans-serif';
  }  
  
  body.css-printable-order-summary .main-content .container {
    max-width:none !important;
  } 

  body.css-printable-order-summary div#page {
    padding-bottom:0;
    min-height:none;
  }    
  
  body.css-printable-order-summary .css-print-only {
    display:block !important;
  }
  
  body.css-printable-order-summary .css-print-only .table > :not(caption) > * > * {
    padding: 0.1rem 0.5rem;  
  }
  
  body.css-printable-order-summary .css-print-only .table {
    font-size:14px;
  }  
  
  body.css-printable-order-summary .css-print-only h2 {
    font-size:1.2rem;
    font-family:'The Sans',sans-serif;    
  }  

  body.css-printable-order-summary .css-print-only small,
  body.css-printable-order-summary .css-print-only ol li {
    font-size:0.94em;
    line-height:1.2em;
  }
  
  body.css-printable-order-summary .css-print-only ol li {
    margin-bottom:5px;
  }
  
  body.css-printable-order-summary .css-print-only ol li:last-child {
    margin-bottom:0;
  }  
  
  body.css-printable-order-summary .css-print-only small {
    display:inline-block;
  }

}