body {
  background-image: url("/images/funky-lines.png");
}

.header-small {
  border-left: 6px solid #36657C;
  color: #36657C;
  padding-left: 10px;
  padding-bottom: 4px;
  margin-bottom: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.catalogue h1 {
  border-left: 6px solid #36657C;
  color: #36657C;
  padding-left: 16px;
  padding-bottom: 6px;
  margin-bottom: 20px;
}
.catalogue tr.part-header {
  background-color: #f2f2f2;
  border: 1px solid #eeeeee;
  font-weight: bold;
}
.catalogue tr.part-details td {
  border: 1px solid #eeeeee;
  border-top: none;
}
.catalogue tr.part-spacer td {
  height: 10px;
}

.basket-buttons {
  text-align: right;
}
.basket-buttons .btn {
  padding: 2px;
  border-radius: 0;
}
.basket-buttons .form-control {
  padding: 2px;
  border-radius: 0;
  display: inline-block;
  width: 40px;
  text-align: center;
  margin-top: -1px;
}

.dropdown-menu > li > a [class^=fa-], .dropdown-menu > li > a [class*=" fa-"], .dropdown-menu > .dropdown-item [class^=fa-], .dropdown-menu > .dropdown-item [class*=" fa-"] {
  font-size: 1rem;
}

.dataTables_length, .dataTables_filter {
  padding: 10px;
  margin-right: 15px;
  padding-bottom: 0;
}
.dataTables_length .form-control-sm, .dataTables_filter .form-control-sm {
  font-size: 1rem;
}

.dataTables_info, .dataTables_paginate {
  padding: 15px;
  padding-top: 0;
}

.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
  color: #a7abc3;
}

.kt-user-card-v2 + .kt-user-card-v2 {
  margin-top: 20px;
}

th.today {
  background-color: #5867dd;
  color: #ffffff;
}
th.today:hover {
  background-color: rgba(93, 120, 255, 0.7) !important;
}

textarea {
  width: 100%;
}

.kt-dialog--loader {
  display: none !important;
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 12px;
  margin-top: 20px;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control_indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
  border: 0px solid #000000;
}

.control-radio .control_indicator {
  border-radius: 0;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
  background: #cccccc;
}

.control input:checked ~ .control_indicator {
  background: #5ab368;
}

.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
  background: #5ab368;
}

.control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.control_indicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}

.control input:checked ~ .control_indicator:after {
  display: block;
}

.control-checkbox .control_indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #7b7b7b;
}

.control.control-checkbox {
  padding-left: 30px;
  margin-top: 6px;
}

.kt-subheader .kt-subheader__toolbar .btn {
  margin-left: 0;
}

.input-validation-error {
  box-shadow: 0 0 2pt 1pt #f67b7b;
}

.field-validation-error {
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;
  color: #f13838;
}

label {
  margin-left: 0;
}

.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title {
  color: #48465b;
}

.kt-section .kt-section__heading, .kt-section .kt-section__title {
  color: #6c7293;
  font-size: 1.15rem;
}

.buttons {
  text-align: right;
  margin-top: 20px;
}

.kt-widget17 .kt-widget17__stats .kt-widget17__items a.kt-widget17__item:hover {
  -webkit-box-shadow: 0px 0px 15px 8px #80BCFF;
  box-shadow: 0px 0px 15px 8px #80BCFF;
}

.btn.btn-clean.btn-clean-delete {
  cursor: pointer;
}
.btn.btn-clean.btn-clean-delete i {
  color: #ff8c8c;
}
.btn.btn-clean.btn-clean-delete:hover {
  background-color: #fff0f0;
}
.btn.btn-clean.btn-clean-delete:hover i.list-delete-button {
  color: #e43737;
}

.kt-widget28 .kt-widget28__visual {
  min-height: 195px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.kt-widget28 .kt-widget28__wrapper .nav {
  margin-bottom: 0;
  margin-top: -6rem;
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-text {
  color: #646c9a;
}

.kt-timeline-v2:before {
  left: 5.18rem;
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-cricle {
  left: 4.5rem;
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-time {
  font-size: 1.2rem;
}

.kt-timeline-v2__item-time {
  line-height: 1.2;
}

.kt-widget28 .kt-widget28__wrapper .nav .nav-item > a > span > i {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.kt-widget28 .kt-widget28__wrapper .nav .nav-item > a > span {
  color: rgba(255, 255, 255, 0.3);
}

.kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:focus > span, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:active > span, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:hover > span {
  color: rgba(255, 255, 255, 0.3);
}
.kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:focus > span i, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:active > span i, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:hover > span i {
  color: rgba(255, 255, 255, 0.3);
}

.kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:focus > span, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:active > span, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:active > span {
  color: rgba(255, 255, 255, 0.3);
}
.kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:focus > span i, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:active > span i, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a:active > span i {
  color: rgba(255, 255, 255, 0.3);
}

.kt-widget28 .kt-widget28__wrapper .nav .nav-item > a.active:focus > span, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a.active:active > span, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a.active:hover > span {
  color: white !important;
}
.kt-widget28 .kt-widget28__wrapper .nav .nav-item > a.active:focus > span i, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a.active:active > span i, .kt-widget28 .kt-widget28__wrapper .nav .nav-item > a.active:hover > span i {
  color: white !important;
}

input[type=text][readonly], textarea[readonly], select[disabled] {
  background-color: #eeeeee;
  cursor: default;
}

.kt-callout--success {
  background-color: rgba(10, 187, 135, 0.07);
}

.kt-callout {
  padding: 1.5rem;
}

.kt-callout .kt-callout__body {
  display: flex;
  align-items: center;
}

.kt-callout .kt-callout__body .kt-callout__content {
  flex: 2;
}

.kt-callout .kt-callout__body .kt-callout__content .kt-callout__title {
  font-size: 1.85rem;
  font-weight: 500;
  color: #48465b;
  margin-bottom: 1rem;
}

.kt-callout .kt-callout__body .kt-callout__content .kt-callout__desc:last-child {
  margin-bottom: 0;
}

.kt-callout .kt-callout__body .kt-callout__content .kt-callout__desc {
  font-size: 1.15rem;
  line-height: 2rem;
  color: #9392a0;
  padding-right: 2rem;
  font-weight: 400;
}

.kt-callout .kt-callout__body .kt-callout__action {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.kt-callout--danger {
  background-color: rgba(253, 57, 122, 0.07);
}

.kt-callout--brand {
  background-color: rgba(93, 120, 255, 0.07);
}

.kt-callout--warning {
  background-color: rgba(255, 184, 34, 0.07);
}

.kt-callout--success {
  background-color: rgba(10, 187, 135, 0.07);
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username {
  font-size: 1.3rem;
  color: #48465b;
  font-weight: 500;
  align-items: center;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__user {
  display: flex;
  align-items: center;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic.kt-widget__pic--danger {
  background: rgba(253, 57, 122, 0.1);
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic {
  margin-top: 0.2rem;
  width: 100%;
  max-width: 110px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  border-radius: 8px;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__media {
  margin-top: 0.2rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top {
  display: flex;
  align-items: flex-start;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__progress {
  display: flex;
  align-items: center;
  max-width: 500px;
  width: 100%;
  margin: 0.1rem 0;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__desc {
  color: #595d6e;
  font-weight: 400;
  padding-right: 2rem;
  flex-grow: 1;
  margin-bottom: 0.5rem;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info {
  display: flex;
  flex-flow: row wrap;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead {
  padding: 0.6rem 0 0.8rem 0;
}

.kt-iconbox .kt-iconbox__body .kt-iconbox__icon {
  flex: 0 0 50px;
  padding-right: 30px;
}
.kt-iconbox .kt-iconbox__body .kt-iconbox__icon i {
  font-size: 45px;
  margin-top: 4px;
}

.kt-iconbox .kt-iconbox__body {
  display: flex;
  flex-wrap: nowrap;
}
.kt-iconbox .kt-iconbox__body h3 {
  color: #48465b;
  font-size: 1.55rem;
}

.kt-iconbox {
  padding: 1.5rem;
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content {
  background-color: #f0f0f0;
}

.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
  right: auto;
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle > div.system-generated {
  width: 12px;
  height: 12px;
  background-color: #ffffff !important;
  border: 3px solid;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle > div.system-generated.kt-bg-success {
  border-color: #0abb87;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle > div.system-generated.kt-bg-warning {
  border-color: #ffb822;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle > div.system-generated.kt-bg-danger {
  border-color: #fd397a;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle > div.system-generated.kt-bg-brand {
  border-color: #5d78ff;
}

.fc-popover-header {
  font-weight: bold;
  color: #595d6e;
  margin-top: 10px;
}

.pricetable2 {
  width: 100%;
}

.pricetable2 th {
  font-weight: bold;
  text-align: center;
  padding: 10px;
}

.pricetable2 td {
  text-align: center;
  padding: 5px;
}

.signature-pad > canvas {
  display: block;
  width: 300px;
  height: 150px;
  margin-bottom: 5px;
  border: 1px solid #000000;
}

.signature-pad canvas {
  width: 100%;
  height: 200px;
  border-radius: 0;
  border: 3px solid #dddddd;
}

input[readonly] {
  background-color: #eeeeee;
}

.kt-demo-panel {
  overflow: visible !important;
}

.installer-widget {
  cursor: -webkit-grab;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 3px 5px 3px 5px;
}

.installer-widget-helper {
  box-shadow: 0 0 2pt 1pt #9aabff;
  margin: 0 !important;
  padding-top: 2px !important;
}

.installer {
  margin-bottom: 5px;
  border: 3px dashed #dddddd;
  border-radius: 10px;
  padding: 12px;
  cursor: pointer;
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.installer:hover {
  color: #0abb87;
}
.installer.drop-installer {
  border-color: #0abb87;
}

.fieldwidth100px {
  width: 100px !important;
}

.btn-atmos-clear {
  color: #fff;
  background-color: #4DAF47;
  border-color: #4DAF47;
}

.btn-atmos-clear:hover {
  color: #fff;
  background-color: #42973E;
  border-color: #42973E;
}

.btn-atmos-clear:focus, .btn-atmos-clear.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(77, 175, 71, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(77, 175, 71, 0.5);
}

.btn-atmos-clear.disabled, .btn-atmos-clear:disabled {
  color: #fff;
  background-color: #4DAF47;
  border-color: #4DAF47;
}

.btn-atmos-clear:not(:disabled):not(.disabled):active, .btn-atmos-clear:not(:disabled):not(.disabled).active,
.show > .btn-atmos-clear.dropdown-toggle {
  color: #fff;
  background-color: #42973E;
  border-color: #42973E;
}

.btn-atmos-clear:not(:disabled):not(.disabled):active:focus, .btn-atmos-clear:not(:disabled):not(.disabled).active:focus,
.show > .btn-atmos-clear.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(77, 175, 71, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(77, 175, 71, 0.5);
}

.btn-atmos-clear + .btn.dropdown-toggle {
  position: relative;
}

.btn-atmos-clear + .btn.dropdown-toggle:before {
  display: block;
  content: " ";
  border-left: 1px solid #ffffff;
  position: absolute;
  top: 3px;
  left: -1px;
  bottom: 3px;
  opacity: 0.3;
}

.btn-atmos-clear + .btn.dropdown-toggle:hover:before, .btn-atmos-clear + .btn.dropdown-toggle:focus:before, .btn-atmos-clear + .btn.dropdown-toggle.active:before {
  display: none;
}

.kt-bg-atmos-clear {
  background-color: #754c9e !important;
}

.btn-success {
  color: #fff;
  background-color: #4DAF47;
  border-color: #4DAF47;
}

.btn-success:hover {
  color: #fff;
  background-color: #42973E;
  border-color: #42973E;
}

.btn-success:focus, .btn-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(77, 175, 71, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(77, 175, 71, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #4DAF47;
  border-color: #4DAF47;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #42973E;
  border-color: #42973E;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(77, 175, 71, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(77, 175, 71, 0.5);
}

.btn-success + .btn.dropdown-toggle {
  position: relative;
}

.btn-success + .btn.dropdown-toggle:before {
  display: block;
  content: " ";
  border-left: 1px solid #ffffff;
  position: absolute;
  top: 3px;
  left: -1px;
  bottom: 3px;
  opacity: 0.3;
}

.btn-success + .btn.dropdown-toggle:hover:before, .btn-success + .btn.dropdown-toggle:focus:before, .btn-success + .btn.dropdown-toggle.active:before {
  display: none;
}

.kt-bg-success {
  background-color: #4DAF47 !important;
}

.kt-bg-atmos-clear-dark {
  background-color: #444444 !important;
}

.kt-aside-menu, .kt-aside, .kt-aside__brand {
  background-color: #222222 !important;
}

.installer-selected {
  opacity: 0.5;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
             supported by Chrome and Opera */
}
.installer-selected img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link {
  background-color: #582480;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-text, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
  color: #aaaaaa;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
  color: #aaaaaa;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-icon {
  color: #ffffff;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__section .kt-menu__section-text {
  color: #ffffff;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link {
  background-color: #42973E;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--open > .kt-menu__link .kt-menu__link-icon {
  color: #ffffff;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link {
  background-color: #42973E;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
  color: #aaaaaa;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-icon {
  color: #ffffff;
}

.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-title {
  font-size: 1rem;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #eeeeee;
  cursor: default;
}
.form-control:disabled:focus, .form-control[readonly]:focus {
  border: 1px solid #d8dade;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple, .select2-container--default.select2-container--disabled .select2-selection--single {
  cursor: default;
  background: #eeeeee;
  border: 1px solid #d8dade;
}

.kt-notification .kt-notification__item:after {
  content: none;
}

.kt-notification .kt-notification__item {
  cursor: default;
}

.kt-notification .kt-notification__item:hover {
  background-color: #ffffff;
}

.kt-notification .kt-notification__item:hover .kt-notification__item-details .kt-notification__item-title {
  color: #6c7293;
}

.kt-font-grey {
  color: #cccccc !important;
}

.validation-summary-errors {
  margin-top: 5px;
}
.validation-summary-errors ul {
  padding: 0;
  margin: 0;
}
.validation-summary-errors li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.kt-badge.kt-badge--secondary {
  color: #000000;
  font-weight: 500;
  background-color: #eeeeee;
}

.profile-menu-item:hover {
  background-color: rgba(77, 89, 149, 0.06) !important;
}

.customer-note {
  margin-top: 8px !important;
}
.customer-note .item-content {
  position: relative;
  background-color: #eeeeee;
}
.customer-note .item-content .edit-button {
  position: absolute;
  right: -30px;
  top: 10px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}
.customer-note .item-content.kt-bg-light-brand {
  background-color: rgba(93, 120, 255, 0.1);
}
.customer-note .edit-hover:hover .edit-button {
  color: #5867dd;
}

.tag {
  cursor: pointer;
  border-radius: 5px;
  height: 30px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0 5px;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.un-tag {
  background-color: #eeeeee;
  color: #666666;
}
.un-tag p {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.tagged {
  background-color: #0abb87;
}
.tagged p {
  padding-top: 5px;
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}

.tagged:hover {
  background-color: #0abb87;
  color: #fff;
}

.un-tag:hover {
  background-color: #0abb87;
  color: #fff;
}

.contact-details-item + .contact-details-item {
  margin-top: 20px;
}

[data-seen=false] {
  background-color: rgba(10, 187, 135, 0.1) !important;
}
[data-seen=false] i {
  color: #0abb87 !important;
}

.kt-widget.kt-widget--user-profile-1 {
  padding-bottom: 1.7rem;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__media img {
  width: 90px;
  max-width: 100%;
  border-radius: 8px;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content {
  padding-left: 1.6rem;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username {
  font-size: 1.3rem;
  color: #48465b;
  font-weight: 500;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username:hover {
  color: #5d78ff;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username i {
  font-size: 1.1rem;
  padding-left: 0.4rem;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__subtitle {
  font-size: 1;
  display: block;
  padding: 0.25rem 0 0 0;
  font-weight: 500;
  color: #74788d;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__action {
  margin-top: 1rem;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__action .btn {
  margin-right: 0.4rem;
  font-weight: 600;
  padding: 0.3rem 1rem;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content {
  padding: 1.9rem 0 2.1rem 0;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 0.5rem;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info .kt-widget__label {
  color: #48465b;
  font-weight: 500;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info .kt-widget__data {
  color: #74788d;
  font-weight: 400;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info a.kt-widget__data:hover {
  color: #5d78ff;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info:last-child {
  padding-bottom: 0;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.9rem 1.05rem 0.9rem 0.6rem;
  margin: 0.4rem 0;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  background: #f2f3f7;
  border-radius: 4px;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active .kt-widget__section .kt-widget__desc {
  color: #5d78ff;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active .kt-widget__section .kt-widget__icon .kt-svg-icon g [fill] {
  fill: #5d78ff;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item .kt-widget__section .kt-widget__icon svg {
  width: 2rem;
  height: 1.5rem;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item .kt-widget__section .kt-widget__icon .kt-svg-icon g [fill] {
  fill: #74788d;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item .kt-widget__section .kt-widget__desc {
  color: #74788d;
  font-weight: 500;
  padding-left: 0.3rem;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover {
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  background: #f2f3f7;
  cursor: pointer;
  border-radius: 4px;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover .kt-widget__desc {
  color: #5d78ff;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover .kt-widget__icon .kt-svg-icon g [fill] {
  fill: #5d78ff;
}

.kt-portlet__body.kt-portlet__body--fit-y .kt-widget {
  margin-top: -10px;
}

@media (max-width: 1024px) {
  .kt-widget.kt-widget--user-profile-1 {
    padding-bottom: 1.2rem;
  }

  .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__media img {
    max-width: 60px;
  }

  .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username {
    font-size: 1.1rem;
    color: #48465b;
    font-weight: 500;
  }

  .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__action {
    margin-top: 0.5rem;
  }

  .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__action .btn {
    margin-right: 0.4rem;
    font-weight: 500;
    padding: 0.25rem 1.25rem;
  }

  .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content {
    padding-bottom: 2rem;
  }
}
.dt-custom-toolbar {
  float: right;
  padding: 10px;
  padding-right: 25px;
}
.dt-custom-toolbar .dropdown + .dropdown {
  margin-left: 5px;
}
.dt-custom-toolbar .dropdown-menu {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.dt-custom-toolbar .dropdown-item {
  padding: 0;
}
.dt-custom-toolbar .dropdown-item div {
  padding: 0.7rem 1.2rem;
}
.dt-custom-toolbar .dropdown-item div.dropdown-check {
  background-color: #eaeaea;
  text-align: center;
  padding: 0.7rem 0.8rem;
}
.dt-custom-toolbar .dropdown-item:hover .dropdown-check {
  background-color: #e2e2e2;
}
.dt-custom-toolbar .dropdown-selected .dropdown-check {
  background-color: #a1ec9f !important;
}
.dt-custom-toolbar .dropdown-selected .dropdown-check i {
  color: #42973E !important;
}

.search-toolbar .dropdown + .dropdown {
  margin-left: 5px;
}
.search-toolbar .dropdown-menu {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.search-toolbar .dropdown-item {
  padding: 0;
}
.search-toolbar .dropdown-item div {
  padding: 0.7rem 1.2rem;
}
.search-toolbar .dropdown-item div.dropdown-check {
  background-color: #eaeaea;
  text-align: center;
  padding: 0.7rem 0.8rem;
}
.search-toolbar .dropdown-item:hover .dropdown-check {
  background-color: #e2e2e2;
}
.search-toolbar .dropdown-selected .dropdown-check {
  background-color: #a1ec9f !important;
}
.search-toolbar .dropdown-selected .dropdown-check i {
  color: #42973E !important;
}

div.dataTables_wrapper div.dataTables_filter input {
  min-width: 400px;
}

.tui-full-calendar-weekday-schedule-bullet {
  display: none;
}

.tui-full-calendar-weekday-schedule-time {
  background-color: #754c9e;
  color: #ffffff;
  border-radius: 6px;
  font-size: 14px;
}
.tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title {
  color: #ffffff !important;
  font-weight: normal;
}

.tui-full-calendar-month-dayname-item span {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 500;
}

.sortable tr {
  background-color: #ffffff;
  cursor: grab;
}

.sort-disabled {
  height: 20px;
}
.sort-disabled td {
  border-top: none;
}

.tag-container {
  width: 400px;
  border: 1px solid #d8dade;
  padding: 0.65rem 1rem;
  border-radius: 4px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-x: scroll;
}

.tag-container .tag {
  height: 30px;
  margin: 5px;
  padding: 5px 6px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #eee;
  display: flex;
  align-items: center;
  color: #333;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 1px 1px #fff;
  cursor: default;
}

.tag i {
  font-size: 16px;
  color: #666;
  margin-left: 5px;
}

.tag-container input {
  border: 0;
  outline: none;
  color: #495057;
  font-size: 1rem;
  flex: 1;
}

.custom-field {
  margin-bottom: 5px;
}

.btn-xs {
  padding: 4px 8px !important;
  font-size: 12px !important;
}

.invitation-panel + .invitation-panel {
  border-top: 1px solid #cccccc;
  margin-top: 20px;
  padding-top: 10px;
}

.profile-gallery-image {
  position: relative;
}
.profile-gallery-image .button-container {
  cursor: pointer;
  top: 10px;
  right: 10px;
  position: absolute;
  color: #ffffff;
  font-size: 16px;
  background: rgba(60, 60, 60, 0.6);
  padding: 10px 12px;
  border-radius: 10px;
  display: none;
}
.profile-gallery-image .button-container.is-main-image {
  display: block;
}
.profile-gallery-image .always-visible {
  cursor: default;
  display: block;
}
.profile-gallery-image .image-button {
  display: inline-block;
}
.profile-gallery-image .main-photo {
  color: #a1ec9f;
}
.profile-gallery-image .delete-photo:hover, .profile-gallery-image .reject-photo:hover {
  color: #ff5d5d;
}
.profile-gallery-image .set-main-photo:hover, .profile-gallery-image .approve-photo:hover {
  color: #a1ec9f;
}
.profile-gallery-image:hover .button-container {
  display: block;
}
.profile-gallery-image:hover .button-container.is-main-image {
  display: none;
}
.profile-gallery-image:hover .set-main-photo + .delete-photo {
  margin-left: 10px;
}

.image-thumbnail {
  object-fit: cover;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  overflow: hidden;
}

.image-thumbnail-large {
  object-fit: cover;
  max-width: 100%;
  border-radius: 8px;
  overflow: hidden;
  max-height: 200px;
}

.button-select-item {
  background-color: #afafaf;
  color: #ffffff !important;
  font-size: 14px;
  border-radius: 5px;
  padding: 10px 14px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-weight: 500;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
.button-select-item:hover {
  background-color: #754c9e;
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
.button-select-item.active {
  background-color: #754c9e;
}
.button-select-item input[type=radio] {
  display: none;
}

.invite-status {
  padding: 8px 12px;
  border-radius: 30px;
  display: inline-block;
  font-weight: 500;
  color: #ffffff;
}
.invite-status.invited {
  color: #333333;
}

.query-builder.form-inline {
  display: block;
}

.rule-value-container select {
  min-width: 100px;
}

.query-builder .rules-group-container {
  border: none;
  background-color: #eff2ff;
}

.datepicker-dropdown {
  z-index: 100 !important;
}

.pick-a-date[readonly] {
  background-color: #ffffff !important;
}

.picker__select--month, .picker__select--year {
  padding: 0 !important;
}

.kt-header-mobile__logo img {
  max-height: 40px;
}

#customer-details input {
  margin-bottom: 15px;
}

.table > :not(caption) > * > * {
  padding: 2px !important;
}