﻿.xnet-bot {
  display: inline-block;
  background: none;
  border: none;
  min-width: 0px;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 1000;
  width: 80px;
  height: 80px;
  background: url("/Content/images/bot/mascot.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.xnet-bot:focus {
  outline: none;
}
@media screen and (max-device-width: 450px) and (max-device-height: 950px), screen and (max-width: 390px) {
  .xnet-bot {
    right: 20px;
    bottom: 20px;
  }
}

.xnet-bot-bubble {
  position: fixed;
  right: 115px;
  bottom: 130px;
  z-index: 1001;
  background: #4B82AA;
  margin: 0px;
  padding: 0px;
  padding: 7px 16px;
  border-radius: 6px 6px 0px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: white;
}
@media screen and (max-device-width: 450px) and (max-device-height: 950px), screen and (max-width: 390px) {
  .xnet-bot-bubble {
    right: 87px;
    bottom: 100px;
  }
}

.xnet-bot-bubble-tail {
  position: fixed;
  right: 113px;
  bottom: 115px;
  z-index: 1001;
  width: 20px;
  height: 20px;
  background: url("/Content/images/bot/bubble_tail.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
}
@media screen and (max-device-width: 450px) and (max-device-height: 950px), screen and (max-width: 390px) {
  .xnet-bot-bubble-tail {
    right: 85px;
    bottom: 85px;
  }
}

.xnet-bot-background-layer {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100dvh;
  z-index: 1002;
}
.xnet-bot-background-layer .xnet-bot-modal {
  position: fixed;
  bottom: 50px;
  right: 150px;
  width: 350px;
  background: white;
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.15);
  border-radius: 14px;
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .xnet-bot-background-layer .xnet-bot-modal {
    right: calc(50% - 175px);
  }
}
@media screen and (max-device-width: 450px) and (max-device-height: 950px), screen and (max-width: 390px) {
  .xnet-bot-background-layer .xnet-bot-modal {
    right: 20px;
    bottom: 20px;
    width: calc(100vw - 40px);
  }
  .xnet-bot-background-layer .xnet-bot-modal .xnet-bot-tab-content {
    max-height: calc(100dvh - 50px - 90px - 78px);
  }
}
.xnet-bot-background-layer .xnet-bot-modal .xnet-bot-modal-inner {
  position: relative;
}

.xnet-bot-modal, .xnet-bot-modal * {
  font-family: "Source Sans Pro", sans-serif;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.xnet-bot-modal .xnet-bot-tab-title {
  font-size: 18px;
  font-weight: 700;
  color: white;
  background: #094879;
  padding: 14px 16px;
}
.xnet-bot-modal .xnet-bot-tab-content {
  padding: 16px;
  max-height: calc(100dvh - 50px - 90px - 108px);
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.xnet-bot-modal .xnet-bot-tab-content::-webkit-scrollbar {
  display: none;
}
.xnet-bot-modal .xnet-bot-back-button {
  display: inline-block;
  background: none;
  border: none;
  min-width: 0px;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #094879;
  padding-left: 25px;
  margin-bottom: 16px;
  margin-right: 16px;
  margin-left: auto;
  background: url("/Content/images/arrows/24/arrow-line-left-blue.svg");
  background-size: 21px;
  background-position: left center;
  background-repeat: no-repeat;
}
.xnet-bot-modal .xnet-bot-back-button:focus {
  outline: none;
}
.xnet-bot-modal .xnet-bot-close-button {
  display: inline-block;
  background: none;
  border: none;
  min-width: 0px;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  position: absolute;
  top: 14px;
  right: 16px;
  width: 22px;
  height: 22px;
  background: url("/Content/images/icons/cross_2.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.xnet-bot-modal .xnet-bot-close-button:focus {
  outline: none;
}

.xnet-bot-tab-content > * {
  margin-bottom: 13px !important;
}
.xnet-bot-tab-content > :last-child {
  margin-bottom: 0px !important;
}
.xnet-bot-tab-content h2 {
  font-size: 19px;
  font-weight: 900;
  color: #072A67;
  margin-bottom: 10px;
}
.xnet-bot-tab-content h3 {
  font-size: 16px;
  font-weight: 700;
  color: #094879;
}
.xnet-bot-tab-content p {
  font-size: 16px;
  font-weight: 400;
  color: #383838;
  line-height: 18px;
}
.xnet-bot-tab-content b {
  font-weight: 700;
}
.xnet-bot-tab-content .blue {
  color: #094879;
}
.xnet-bot-tab-content p.blue {
  color: #072A67;
}
.xnet-bot-tab-content a {
  color: #094879;
  font-weight: 700;
}
.xnet-bot-tab-content > a {
  display: block;
}
.xnet-bot-tab-content ol {
  list-style: decimal;
  padding-left: 30px;
}
.xnet-bot-tab-content ol li {
  font-size: 16px;
  font-weight: 400;
  color: #383838;
}
.xnet-bot-tab-content ol li::marker {
  font-size: 30px;
  font-weight: 600;
  color: #072A67;
}
.xnet-bot-tab-content ul {
  padding-left: 25px;
}
.xnet-bot-tab-content .row-group > h3 {
  margin: 0px !important;
  padding: 0px !important;
}
.xnet-bot-tab-content .row-group > * {
  margin-top: 10px !important;
}
.xnet-bot-tab-content .row-group > :first-child {
  margin-top: 0px !important;
}
.xnet-bot-tab-content .tab-button {
  display: inline-block;
  background: none;
  border: none;
  min-width: 0px;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: #474747;
  text-align: left;
  padding-left: 19px;
  background: url("/Content/images/arrows/24/arrow-tab-gray-blue.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 10px;
  width: 100%;
}
.xnet-bot-tab-content .tab-button:focus {
  outline: none;
}
.xnet-bot-tab-content .big-button {
  display: inline-block;
  background: none;
  border: none;
  min-width: 0px;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  width: 100%;
  border: 1px solid #094879;
  font-size: 15px;
  font-weight: 400;
  color: #094879;
  text-align: left;
  padding: 6px 14px;
  border-radius: 10px;
  transition: 0.25s all;
  width: 100%;
}
.xnet-bot-tab-content .big-button:focus {
  outline: none;
}
.xnet-bot-tab-content .big-button:hover {
  background: #094879;
  color: white;
}
.xnet-bot-tab-content .big-button.alt {
  background: #094879;
  color: white;
  text-align: center;
  font-weight: 700;
}
.xnet-bot-tab-content .big-button.alt:hover {
  background: #072A67;
}
.xnet-bot-tab-content .separator {
  width: 100%;
  height: 1px;
  background: #CCCCCC;
}
.xnet-bot-tab-content .icon {
  font-size: 16px;
  font-weight: 400;
  color: #383838;
  min-height: 20px;
  padding-left: 30px;
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
}
.xnet-bot-tab-content .icon.telefon {
  background-image: url("/Content/images/icons/telephone.svg");
}
.xnet-bot-tab-content .icon.email {
  background-image: url("/Content/images/icons/email.svg");
}
.xnet-bot-tab-content .xnetForm input:not([type=checkbox], [type=radio], [type=submit], [type=file]):not(select), .xnet-bot-tab-content .xnetForm textarea {
  box-shadow: 0 0 11px 0 rgba(141, 141, 141, 0.15);
}
.xnet-bot-tab-content .xnetForm label {
  padding-left: 10px;
}
.xnet-bot-tab-content .xnetForm .form-group {
  margin-bottom: 13px;
}
