.modal .modal-10 {
  max-width: 10% !important;
  width: 10% !important;
}
.modal .modal-20 {
  max-width: 20% !important;
  width: 20% !important;
}
@media only screen and (max-width: 767px) {
  .modal .modal-20 {
    max-width: 100% !important;
    width: 100% !important;
  }
}
.modal .modal-30 {
  max-width: 30% !important;
  width: 30% !important;
}
.modal .modal-40 {
  max-width: 40% !important;
  width: 40% !important;
}
.modal .modal-50 {
  max-width: 50% !important;
  width: 50% !important;
}
.modal .modal-60 {
  max-width: 60% !important;
  width: 60% !important;
}
.modal .modal-70 {
  max-width: 70% !important;
  width: 70% !important;
}
.modal .modal-80 {
  max-width: 80% !important;
  width: 80% !important;
}
.modal .modal-90 {
  max-width: 90% !important;
  width: 90% !important;
}
.modal .modal-100 {
  max-width: 100% !important;
  width: 100% !important;
}
::selection {
  background: #4075D8;
  /* WebKit/Blink Browsers */
  color: #212121;
}
::-moz-selection {
  background: #4075D8;
  /* Gecko Browsers */
  color: #212121;
}
body {
  font-size: 12px !important;
  font-family: 'Roboto', sans-serif;
}
.header-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .header-bg.mobile-full {
    height: 100%;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #4075D8;
  -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0) inset;
  transition: background-color 5000s ease-in-out 0s;
}
a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}
.fs-14 {
  font-size: 14px;
}
.fs-16 {
  font-size: 16px;
}
.font-weight-500 {
  font-weight: 500;
}
.text-grey {
  color: #3F4254;
}
.text-green {
  color: #2ECC71;
}
.text-red {
  color: #C0392B;
}
.text-grey-30 {
  color: rgba(63, 66, 84, 0.3);
}
.text-grey-50 {
  color: rgba(63, 66, 84, 0.5);
}
.text-grey-70 {
  color: rgba(63, 66, 84, 0.7);
}
.bg-main {
  background-color: #4075D8;
}
.bg-green {
  background-color: #2ECC71;
}
.bg-red {
  background-color: #C0392B;
}
.bg-grey-light {
  background-color: #EAEAEA;
}
.bg-grey-light-50 {
  background-color: rgba(234, 234, 234, 0.3);
}
.bg-yellow {
  background-color: #F1C40F;
}
.bg-striped {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
  background-size: 15px 15px;
}
.lh-28 {
  line-height: 28px;
}
.border-radius-0 {
  border-radius: 0 !important;
}
.border-radius-30 {
  border-radius: 30px !important;
}
.border-radius-r-30 {
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}
.border-bottom-0-4 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}
/*--------------------------------------------------------
Loader
---------------------------------------------------------*/
.ajax-loading {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
}
.ajax-loading .progress-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #4075D8;
  font-size: 30px;
  margin-top: -15px;
  margin-left: -15px;
}
.ajax-loading h3 {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  font-size: 14px;
  color: #4075D8;
}
.ajax-loading-inline {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
}
.ajax-loading-inline .progress-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #4075D8;
  font-size: 30px;
  margin-top: -15px;
  margin-left: -15px;
}
.ajax-loading-inline h3 {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  font-size: 14px;
  color: #4075D8;
}
/*--------------------------------------------------------
Labels
---------------------------------------------------------*/
label.error {
  margin-top: 5px;
  color: #F64E60;
}
/*--------------------------------------------------------
Alerts
---------------------------------------------------------*/
.alert [data-notify="message"] {
  margin-right: 10px;
}
/*--------------------------------------------------------
Photoswiper
---------------------------------------------------------*/
.open-img {
  cursor: pointer;
}
/*--------------------------------------------------------
Sweet Alert 2
---------------------------------------------------------*/
.swal-create-custom .swal2-popup {
  background-color: #4075D8;
  border-radius: 20px;
}
.swal-create-custom .swal2-popup .swal2-content {
  color: #FFFFFF;
  margin-top: 0;
}
/*--------------------------------------------------------
Widths/Heights
---------------------------------------------------------*/
.w-h-10px {
  width: 10px;
  height: 10px;
}
.w-h-20px {
  width: 20px;
  height: 20px;
}
.w-h-25px {
  width: 25px;
  height: 25px;
}
/*--------------------------------------------------------
Popover
---------------------------------------------------------*/
.balloon {
  max-width: none;
  width: 200px;
  background-color: #4075D8;
  border: none;
  border-radius: 20px;
}
.balloon.extended {
  width: 280px;
}
.balloon .popover-body {
  color: #FFFFFF;
  padding: 1rem;
}
.balloon.bs-popover-bottom > .arrow::before,
.balloon.bs-popover-bottom .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  border-bottom-color: #4075D8;
}
.balloon.bs-popover-bottom > .arrow::after,
.balloon.bs-popover-bottom .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #4075D8;
}
.balloon.bs-popover-bottom > .arrow,
.balloon.bs-popover-bottom .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: -0.5rem;
}
.balloon.bs-popover-top > .arrow::before,
.balloon.bs-popover-top .bs-popover-auto[x-placement^="top"] > .arrow::before {
  border-top: #4075D8;
}
.balloon.bs-popover-top > .arrow::after,
.balloon.bs-popover-top .bs-popover-auto[x-placement^="top"] > .arrow::after {
  border-top-color: #4075D8;
}
/*--------------------------------------------------------
Chevron
---------------------------------------------------------*/
.mask-time-suffix-wrapper {
  position: relative;
  padding-right: 23px;
}
.mask-time-suffix-wrapper:after {
  display: block;
  content: " Uhr";
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 1rem;
}
.mask-time-suffix-wrapper.left-wrapper {
  display: inline-block;
}
.mask-time-suffix-wrapper.left-wrapper input {
  width: 46px;
  text-align: left;
}
.timepicker-container .timepicker-inline {
  display: inline-block;
  position: relative;
  top: -10px;
  margin: 0 4px;
}
.timepicker-container .chevron-group {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 30px;
}
.timepicker-container .chevron-group i {
  position: absolute;
  color: #FFFFFF;
}
.timepicker-container .chevron-group i.main-color {
  color: #4075D8;
}
.timepicker-container .chevron-group i.fa-chevron-up {
  top: 0;
}
.timepicker-container .chevron-group i.fa-chevron-down {
  bottom: 0;
}
/*--------------------------------------------------------
Bubble-Icon
---------------------------------------------------------*/
.bubble-icon {
  display: inline-block;
  position: relative;
  border-radius: 50%;
  padding: 0;
  text-align: left;
}
.bubble-icon img {
  position: relative;
  width: 63%;
  height: 63%;
  top: 18.5%;
  left: 19%;
}
.bubble-icon.wh-20px img {
  top: 11%;
}
.bubble-icon.selected {
  border: 2px solid #FFFFFF;
}
.bubble-icon.striped {
  border: 1px dashed #FFFFFF;
}
/*--------------------------------------------------------
Width-Heights
---------------------------------------------------------*/
.wh-20px {
  width: 20px;
  height: 20px;
}
.wh-24px {
  width: 24px;
  height: 24px;
}
.wh-30px {
  width: 30px;
  height: 30px;
}
.wh-40px {
  width: 40px;
  height: 40px;
}
/*--------------------------------------------------------
Calendar
---------------------------------------------------------*/
#calendar {
  min-height: 50vh;
}
.fc .fc-scrollgrid {
  border: none !important;
}
.fc .fc-scrollgrid > thead > tr > td {
  border-left: 1px solid rgba(63, 66, 84, 0.2) !important;
  border-top: 1px solid rgba(63, 66, 84, 0.2) !important;
  border-right: 1px solid rgba(63, 66, 84, 0.2) !important;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.fc .fc-scrollgrid > tbody > tr > td {
  border-left: 1px solid rgba(63, 66, 84, 0.2) !important;
  border-bottom: 1px solid rgba(63, 66, 84, 0.2) !important;
  border-right: 1px solid rgba(63, 66, 84, 0.2) !important;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.fc .fc-today-button:disabled {
  visibility: hidden;
}
.fc .fc-highlight {
  background-color: rgba(0, 0, 0, 0);
}
.fc.fc-theme-standard td,
.fc.fc-theme-standard th {
  border-left: none;
  border-right: none;
}
.fc .fc-button-primary {
  background-color: rgba(0, 0, 0, 0);
  color: #212121;
  border: none;
}
.fc .fc-button-primary:disabled {
  background-color: rgba(0, 0, 0, 0);
  color: #212121;
  border: none;
}
.fc .fc-button-primary:not(:disabled):focus {
  background-color: rgba(0, 0, 0, 0);
  color: #212121;
  border: none;
}
.fc .fc-button-primary:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #3F4254;
}
.fc .fc-daygrid-week-number {
  background-color: rgba(0, 0, 0, 0);
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  min-height: 200px;
}
.fc .fc-daygrid-body-unbalanced tbody tr:last-child .fc-non-business {
  border-bottom-right-radius: 30px;
}
.fc .fc-day-other {
  opacity: 0.5;
}
.fc .fc-day-other .fc-daygrid-day-top {
  opacity: 1;
}
.fc .fc-daygrid-day-top {
  display: block;
  text-align: center;
  color: rgba(63, 66, 84, 0.5);
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: rgba(0, 0, 0, 0);
}
.fc .fc-event.fc-event-custom {
  font-size: 12px;
  line-height: 1;
  border: none;
  text-align: center;
  display: block;
  font-weight: bold;
  border-radius: 30px;
  padding: 2px;
}
.fc .fc-event.fc-event-custom .fc-event-custom-inner {
  padding: 2px;
}
.fc .fc-event.fc-event-custom .fc-event-custom-inner .title-container {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100%);
}
.fc .fc-event.fc-event-custom .fc-event-custom-inner .range-container {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  font-size: 10px;
  padding: 4px;
}
.fc .fc-event .link-create-container {
  border: 1px dashed rgba(63, 66, 84, 0.5);
  border-radius: 30px;
  padding: 5px;
  cursor: pointer;
}
.fc .holiday-container {
  background-color: #EAEAEA;
  padding: 0 4px;
  text-align: center;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100%);
}
.fc .week-number-container {
  margin-right: 2px;
  padding-left: 4px;
}
/*--------------------------------------------------------
Rotating
---------------------------------------------------------*/
@-webkit-keyframes rotating {
  /* Safari and Chrome */
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
/*--------------------------------------------------------
Setup
---------------------------------------------------------*/
.setup-steps {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.setup-steps .setup-step {
  padding: 0.75rem 0;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  margin-bottom: 1.5rem;
}
.setup-steps .setup-step .step-wrapper {
  display: flex;
}
.setup-steps .setup-step .setup-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  min-width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #EAEAEA;
  margin-right: 1.4rem;
}
.setup-steps .setup-step .setup-icon .setup-check {
  display: none;
  font-size: 1.4rem;
}
.setup-steps .setup-step .setup-icon .setup-number {
  font-weight: 600;
  color: #3F4254;
  font-size: 1.35rem;
}
.setup-steps .setup-step .setup-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.setup-steps .setup-step .setup-label .setup-title {
  color: rgba(63, 66, 84, 0.8);
  font-weight: 500;
  font-size: 1.4rem;
}
.setup-steps .setup-step .setup-label .setup-desc {
  color: rgba(63, 66, 84, 0.5);
  font-size: 1.08rem;
  font-weight: 500;
}
.setup-steps .setup-step[data-setup-state="current"] .setup-icon {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  background-color: #4075D8;
}
.setup-steps .setup-step[data-setup-state="current"] .setup-icon .setup-check {
  display: none;
}
.setup-steps .setup-step[data-setup-state="current"] .setup-icon .setup-number {
  color: #FFFFFF;
}
.setup-steps .setup-step[data-setup-state="done"] .setup-icon {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  background-color: #4075D8;
}
.setup-steps .setup-step[data-setup-state="done"] .setup-icon .setup-number {
  display: none;
}
.setup-steps .setup-step[data-setup-state="done"] .setup-icon .setup-check {
  display: inline-block;
  color: #FFFFFF;
}
.setup-steps .setup-step[data-setup-state="done"] .setup-label .setup-title {
  color: rgba(63, 66, 84, 0.2);
}
.setup-steps .setup-step[data-setup-state="done"] .setup-label .setup-desc {
  color: rgba(63, 66, 84, 0.2);
}
.setup-content [data-setup-type="step-content"] {
  display: none;
  height: 500px;
  overflow-y: auto;
}
.setup-content [data-setup-type="step-content"][data-setup-state="current"] {
  display: block;
}
.setup-content .selection_container {
  border: 1px solid rgba(63, 84, 66, 0.5);
  border-radius: 5px;
  cursor: pointer;
  padding: 10px;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
  margin: 10px 0;
}
.setup-content .selection_container.active,
.setup-content .selection_container:hover {
  border-color: #4075D8;
  background-color: rgba(63, 84, 66, 0.1);
}
.setup-content .switch input:empty ~ span:before {
  background-color: rgba(63, 84, 66, 0.1);
}
.setup-content .switch input:checked ~ span:before {
  background-color: rgba(63, 84, 66, 0.1);
}
.setup-content .switch input:empty ~ span:after {
  background-color: #3F4254;
}
.setup-content .switch input:checked ~ span:after {
  background-color: #4075D8;
}
/*--------------------------------------------------------
Modals
---------------------------------------------------------*/
.modal-blue h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
}
.modal-blue h4.border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}
.modal-blue .modal-header {
  display: block;
  position: relative;
  margin-left: 1.75rem;
  margin-right: 1.75rem;
  padding-bottom: 30px;
}
.modal-blue .modal-header .modal-title {
  font-weight: 400;
}
.modal-blue .modal-header .modal-header-left {
  position: absolute;
  left: 0;
  z-index: 2;
}
.modal-blue .modal-header .modal-header-left i {
  color: #FFFFFF;
  line-height: 1.5;
}
.modal-blue .modal-header .modal-header-center {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.modal-blue .modal-header .modal-header-right {
  position: absolute;
  right: 0;
}
.modal-blue .modal-header .modal-header-right .close {
  line-height: 1;
}
.modal-blue .modal-header .modal-header-right i {
  color: #FFFFFF;
  line-height: 1.5;
}
.modal-blue .modal-content {
  background-color: #4075D8;
  color: #FFFFFF;
}
.modal-blue .modal-content .modal-header {
  border: 0;
}
.modal-blue .modal-content .modal-header .modal-title {
  color: #FFFFFF;
}
.modal-blue .modal-content .modal-header .close {
  color: #FFFFFF;
  opacity: 1;
}
.modal-blue .modal-content .modal-header .close .ki {
  color: #FFFFFF;
}
.modal-blue .modal-content .modal-body ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  /* Firefox */
}
.modal-blue .modal-content .modal-body :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.5);
}
.modal-blue .modal-content .modal-body ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.5);
}
.modal-blue .modal-content .modal-body input {
  background-color: #4075D8;
}
.modal-blue .modal-content .modal-body .form-control {
  color: #FFFFFF;
  background-color: #4075D8;
}
.modal-blue .modal-content .modal-body .form-group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.modal-blue .modal-content .modal-body .form-group label {
  color: rgba(255, 255, 255, 0.5);
}
.modal-blue .modal-content .bootstrap-select > .dropdown-toggle.btn-light,
.modal-blue .modal-content .bootstrap-select > .dropdown-toggle.btn-secondary {
  background-color: #4075D8 !important;
  border: none;
  padding-right: 0;
}
.modal-blue .modal-content .bootstrap-select > .dropdown-toggle.btn-light.disabled,
.modal-blue .modal-content .bootstrap-select > .dropdown-toggle.btn-secondary.disabled {
  opacity: 0.5;
  cursor: default;
}
.modal-blue .modal-content .bootstrap-select > .dropdown-toggle.btn-light .filter-option,
.modal-blue .modal-content .bootstrap-select > .dropdown-toggle.btn-secondary .filter-option {
  color: #FFFFFF;
  text-align: right;
}
.modal-blue .modal-content .bootstrap-select > .dropdown-toggle:after {
  margin-right: -13px;
}
.modal-blue .modal-content .bootstrap-select .bs-searchbox .form-control {
  background-color: #FFFFFF;
  color: #3F4254;
}
.modal-blue .modal-content .btn.btn-light.dropdown-toggle:after {
  color: rgba(0, 0, 0, 0);
}
.modal-blue .modal-content .btn.btn-light:hover:not(.btn-text):not(:disabled):not(.disabled).dropdown-toggle:after,
.modal-blue .modal-content .btn.btn-light :focus:not(.btn-text).dropdown-toggle:after,
.modal-blue .modal-content .btn.btn-light .focus:not(.btn-text).dropdown-toggle:after {
  color: rgba(0, 0, 0, 0);
}
.modal-blue .modal-content .outer-btn-container {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
}
.modal-blue .modal-content .outer-btn-container.btn-group-vertical {
  bottom: -85px;
}
.modal-blue .modal-content .outer-btn-container.btn-group-vertical a:not(:last-child),
.modal-blue .modal-content .outer-btn-container.btn-group-vertical button:not(:last-child) {
  border-bottom: 1px solid rgba(63, 66, 84, 0.3);
}
.modal-blue .modal-content .outer-btn-container.btn-group-vertical a:last-child,
.modal-blue .modal-content .outer-btn-container.btn-group-vertical button:last-child {
  border-top: 1px solid rgba(63, 66, 84, 0.3);
}
/*--------------------------------------------------------
DataTable
---------------------------------------------------------*/
td.disabled {
  opacity: 0.3;
}
/*--------------------------------------------------------
Buttons
---------------------------------------------------------*/
.btn:not(.btn-text).disabled {
  cursor: not-allowed;
}
/*--------------------------------------------------------
Tabs
---------------------------------------------------------*/
.tab-content {
  margin-top: 0;
  padding: 30px 0 30px 0;
}
.switch-lang:not(.active) img {
  filter: grayscale(100%);
  opacity: 0.5;
}
/*--------------------------------------------------------
Headings
---------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .section-heading h2 {
    font-size: 1.6rem;
  }
  .section-heading p {
    font-size: 0.8rem;
  }
  .section-heading img {
    max-width: 100px;
  }
}
/*# sourceMappingURL=Base.css.map */