@charset "UTF-8";
html {
  height: 100vh;
}

#logo {
  max-width: 125px !important;
  max-height: 55px !important;
}

#staticLogo {
  max-width: 125px !important;
  max-height: 75px !important;
}

body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh;
  background-color: #FDFEFE !important;
  overflow: auto !important;
}

@media screen and (max-width: 1199.98px) {
  body {
    min-height: 150vh;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  body {
    min-height: 120vh;
  }
}
body.modal-open {
  padding-right: 0 !important;
}

#successBox .alert, #errorBox .alert, #noChangeBox .alert {
  z-index: 1050 !important;
}

#pageReloadedWarning {
  position: fixed;
  top: 55px;
  right: 0;
  width: 20%;
  z-index: 9999;
}
#pageReloadedWarning span {
  display: block;
}
#pageReloadedWarning button {
  font-size: 1rem;
}
#pageReloadedWarning button:hover {
  color: white;
  transform: scale(1.1);
}

#bounceBall {
  position: fixed;
  min-width: 100%;
  height: 100%;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FBFCFC !important;
  z-index: 110;
  font-family: "Arial", serif;
}
#bounceBall > div {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#bounceBall h5 {
  color: #2471A3 !important;
  display: block;
  margin-left: 0;
  margin-bottom: 0;
  position: relative;
  left: -30px;
}
#bounceBall .bounceball {
  position: relative;
  display: inline-block;
  height: 37px;
  width: 15px;
}
#bounceBall .bounceball:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #2471A3;
  transform-origin: 50%;
  animation: bounce 500ms alternate infinite ease;
}

@keyframes bounce {
  0% {
    top: 30px;
    height: 5px;
    border-radius: 60px 60px 20px 20px;
    transform: scaleX(2);
  }
  35% {
    height: 15px;
    border-radius: 50%;
    transform: scaleX(1);
  }
  100% {
    top: 0;
  }
}
div.pre-loader {
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 99999999 !important;
  transition: opacity 0.3s linear !important;
}
div.pre-loader div.loader-body {
  display: flex !important;
  position: relative !important;
  top: 50% !important;
  justify-content: center !important;
}
div.pre-loader div.loader-body .img-fluid {
  width: 40px !important;
}

nav {
  background-color: #FFFFFF !important;
}
nav #profileImage {
  margin: 10px 0;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #3498DB;
}
nav #profileImage #profileName {
  width: 100%;
  text-align: center;
}
nav #profileImage #profileName > a {
  font-size: 24px !important;
  color: white !important;
}
nav li.active a {
  color: #3498DB !important;
}
nav li {
  /*
  a {
      font-family: "Comic Sans MS";
      font-weight: 600;
  }
  */
}
nav li .icon {
  font-weight: bold;
  font-size: 19px;
  line-height: 18px;
}
nav li a {
  font-family: "Noto Sans", Arial, sans-serif;
  font-weight: 600;
}
nav .nf-navbar a.dropdown-toggle span.icon {
  font-size: 2rem;
  line-height: 60px;
}
nav .nf-navbar a.dropdown-toggle span.nf-indicator {
  position: absolute;
  font-size: 13px;
  top: 7px;
  right: -5px;
  min-width: 18px;
  padding-left: 5px;
  border-radius: 50%;
  background-color: #CB4335;
  color: whitesmoke;
}
@media screen and (min-width: 768px) and (max-width: 1499.98px) {
  nav > .container-fluid {
    margin-left: 8%;
    margin-right: 2%;
  }
  nav > .container-fluid ul.dropdown-menu.be-notifications {
    right: 2% !important;
  }
}
@media screen and (min-width: 1500px) {
  nav > .container-fluid {
    margin-left: 10%;
    margin-right: 10%;
  }
  nav > .container-fluid ul.dropdown-menu.be-notifications {
    right: 10% !important;
  }
}
@media screen and (min-width: 1500px) {
  nav > .container-fluid > .page-title {
    display: flex;
    justify-content: center;
  }
}

.be-left-sidebar {
  height: 100%;
  font-family: "Arial", SansSerif, serif;
  /*
  a {
      font-family: "Comic Sans MS";
      font-weight: 600;
  }
  */
}
@media screen and (min-width: 768px) {
  .be-left-sidebar {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .be-left-sidebar .close-button {
    display: none;
  }
}
.be-left-sidebar a {
  font-family: "Noto Sans", Arial, sans-serif;
  font-weight: 600;
}
.be-left-sidebar ul.sub-menu.counter a {
  padding-left: 36px !important;
}
.be-left-sidebar ul.sub-menu.counter a span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.be-left-sidebar ul.sub-menu.counter a span:nth-of-type(1) {
  max-width: 70%;
}
.be-left-sidebar ul.sub-menu.counter a span:nth-of-type(2) {
  max-width: 30%;
}

#sideNavigationButton {
  padding: 16px;
  position: fixed;
  top: 55px;
  z-index: 55;
}
#sideNavigationButton .open-button {
  font-size: 1em;
  cursor: pointer;
  background-color: #3498DB;
  color: white;
  padding: 10px 15px;
  border: none;
}
#sideNavigationButton .open-button:focus {
  outline: 0;
}
@media screen and (max-width: 767.98px) {
  #sideNavigationButton {
    display: none;
  }
}

.beta-banner {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 54;
  margin: 0 !important;
  padding: 0.75rem 1rem !important;
  border-radius: 0 !important;
  text-align: center;
  font-size: 0.9rem;
}
@media screen and (max-width: 768px) {
  .beta-banner {
    top: 120px;
  }
}

#container {
  flex: 1;
}

.be-wrapper #container {
  margin-top: 100px !important;
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .be-wrapper #container body {
    margin-top: 130px;
  }
}
.be-wrapper.bg-be-wrapper {
  background-color: #F4F6F7 !important;
}

.splash-screen #container {
  margin-bottom: 75px !important;
}

#showUpdateMessageForTable {
  position: fixed !important;
  top: 50px;
  width: 100% !important;
  z-index: 1039 !important;
}

#commonSearchBox {
  margin-top: 20px !important;
}

#fireworksContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 65px;
  z-index: 9999;
  pointer-events: none;
}

.smsLetterContainerParent {
  position: absolute !important;
  z-index: 10 !important;
  display: none;
  background-color: white !important;
}

@media screen and (max-width: 575.98px) {
  .smsLetterContainerParent {
    width: 300px !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 767.98px) {
  .smsLetterContainerParent {
    width: 300px !important;
  }
}
@media screen and (min-width: 768px) {
  .smsLetterContainerParent {
    width: 400px !important;
  }
}
footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100% !important;
  background-color: #242729;
  color: #FDFEFE;
  font-family: "Calibri Light", Arial, Helvetica, sans-serif;
}
footer div.col-md-4 > div.d-flex:hover {
  cursor: pointer;
}
footer div.col-md-4 > div.d-flex:hover span {
  color: #48BEF5;
}
footer i {
  font-size: 1.4em !important;
}
footer div.d-flex.d-none {
  display: none !important;
}
footer a {
  font-family: "Noto Sans", Arial, sans-serif;
  text-decoration: none !important;
  color: #FBFCFC !important;
}
footer h2, footer h4, footer h6 {
  font-family: "Noto Sans", Arial, sans-serif;
}
@media screen and (max-width: 767.98px) {
  footer div.belma-section {
    border-top: 1px solid whitesmoke;
    margin: 1em;
  }
}

@media screen and (max-width: 1200px) {
  footer {
    font-size: 0.8em !important;
  }
}
#cookieConsent {
  background-color: #F0F3F4;
  min-height: 26px;
  font-size: 14px;
  color: Black;
  line-height: 26px;
  padding: 8px 0 8px 30px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 11111111111;
}
#cookieConsent button.close {
  color: black !important;
}
#cookieConsent button.close:hover {
  color: white !important;
}

#simpleAlertBox div.modal-footer {
  height: 50px !important;
}

@media screen and (min-width: 1200px) {
  .js-signature {
    margin-left: 2em !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 1024px) {
  #signatureDiv {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#fileModal div.modal-dialog {
  height: 90% !important;
}
#fileModal div.modal-dialog div.modal-content {
  height: 90% !important;
}
#fileModal div.modal-dialog div.modal-content div.modal-body {
  height: auto !important;
  padding: 0 !important;
}
#fileModal div.modal-dialog div.modal-content div.modal-body iframe {
  height: 100% !important;
  min-height: 80% !important;
  width: 100% !important;
}
#fileModal div.modal-dialog div.modal-content div.modal-body img {
  max-width: 75% !important;
  height: auto;
  display: block !important;
  margin: 1rem auto !important;
}

@media screen and (min-width: 1200px) {
  .ks-container > div.row.no-gutters > div.form-group {
    margin-bottom: 0 !important;
  }
  .ks-container > div.row.no-gutters > div.form-group input {
    font-size: 0.8em;
  }
  .ks-container > div.row.no-gutters > div.form-group select.form-control {
    font-size: 0.8em;
  }
  .ks-container > div.row.no-gutters > div.form-group textarea.form-control {
    font-size: 0.8em;
  }
  .ks-container > div.row.no-gutters > div.form-group label {
    font-size: 0.85em;
  }
  .ks-container > div.row.no-gutters > div.form-group button, .ks-container > div.row.no-gutters > div.form-group span, .ks-container > div.row.no-gutters > div.form-group p {
    font-size: 0.8em;
  }
  .ks-container > div.row.no-gutters > div.form-group button span {
    font-size: 1em !important;
  }
  .ks-container > div.row.no-gutters > div.form-group button.btn-link {
    font-size: 0.9em;
  }
  .ks-container > div.row.no-gutters > div.input-group input {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 1199px) {
  .ks-container > div.row.no-gutters > div.form-group {
    margin-bottom: 0 !important;
  }
  .ks-container > div.row.no-gutters > div.form-group input {
    font-size: 1em;
  }
  .ks-container > div.row.no-gutters > div.form-group select.form-control {
    font-size: 1em;
  }
  .ks-container > div.row.no-gutters > div.form-group textarea.form-control {
    font-size: 1em;
  }
  .ks-container > div.row.no-gutters > div.form-group label {
    font-size: 0.9em;
  }
  .ks-container > div.row.no-gutters > div.form-group button, .ks-container > div.row.no-gutters > div.form-group span, .ks-container > div.row.no-gutters > div.form-group p {
    font-size: 1em;
  }
  .ks-container > div.row.no-gutters > div.form-group button.btn-link {
    font-size: 1em;
  }
  .ks-container > div.row.no-gutters > div.input-group input:read-only {
    background-color: #FFFFFF !important;
  }
  .ks-container > div.row.no-gutters > div.input-group input {
    font-size: 1em;
  }
}
.invalid-feedback.font-weight-bold, .text-danger.font-weight-bold {
  color: #DC3545 !important;
}

.text-primary.font-weight-bold {
  color: #2980B9 !important;
}

.text-header.font-weight-bold {
  padding: 1rem !important;
  color: #2874A6 !important;
  font-family: "Arial Helvetica", SansSerif, sans-serif;
}

.text-header-sm.font-weight-bold {
  padding: 0.25rem !important;
  color: #2874A6 !important;
  font-family: "Arial Helvetica", SansSerif, sans-serif;
}

.br1 {
  border-radius: 16px !important;
}

.br2 {
  border-radius: 16px !important;
}

.br3 {
  border-radius: 16px !important;
}

.br4 {
  border-radius: 16px !important;
}

.br5 {
  border-radius: 16px !important;
}

.br6 {
  border-radius: 16px !important;
}

.br7 {
  border-radius: 16px !important;
}

.br8 {
  border-radius: 16px !important;
}

.br9 {
  border-radius: 16px !important;
}

.br10 {
  border-radius: 16px !important;
}

.br11 {
  border-radius: 16px !important;
}

.br12 {
  border-radius: 16px !important;
}

.br13 {
  border-radius: 16px !important;
}

.br14 {
  border-radius: 16px !important;
}

.br15 {
  border-radius: 16px !important;
}

.br16 {
  border-radius: 16px !important;
}

#followUpModal form.tab {
  display: none !important;
}
#followUpModal form.tab.active {
  display: block !important;
}
#followUpModal span.active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0.2s;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.wrap-text {
  max-width: 100% !important;
  white-space: normal !important;
  word-break: break-all !important;
}

select.yearselect, select.monthselect {
  margin: 0.3em !important;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-writing-mode: horizontal-tb !important;
  text-rendering: auto;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  text-align: start;
  -webkit-appearance: menulist;
  box-sizing: border-box;
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  cursor: default;
}

ul.breadcrumb {
  list-style: none;
  background-color: ghostwhite !important;
}
ul.breadcrumb li {
  display: inline;
  font-size: 16px;
}
ul.breadcrumb li + li:before {
  padding: 2px;
  color: black;
  content: "/ ";
}
ul.breadcrumb a {
  text-decoration: none;
}
ul.breadcrumb a:hover {
  color: #01447e;
  text-decoration: underline;
}

.carousel {
  width: 75% !important;
}
.carousel ul.carousel-indicators {
  margin: 10px !important;
  position: relative !important;
}
.carousel ul.carousel-indicators li {
  background-color: lightskyblue;
}
.carousel .carousel-inner {
  text-align: center !important;
}
.carousel .carousel-inner img {
  margin: auto !important;
}
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
  background-color: black !important;
}

.material-icons {
  font-size: 1em !important;
}

.splash-container {
  max-width: 401px;
  margin: 50px auto;
}

.splash-container .card {
  margin-bottom: 30px;
}

.splash-container .card .card-header {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 40px;
  padding-bottom: 0;
}

.splash-container .card .card-body {
  padding: 20px 30px 15px;
}

.splash-container .card .card-body .custom-checkbox {
  display: inline-block;
  margin: 0;
}

@media (max-width: 767.98px) {
  .splash-container {
    margin-top: 50px;
  }
}
.splash-title {
  text-align: center;
  display: block;
  font-size: 1.308rem;
  font-weight: 300;
}

.splash-description {
  text-align: center;
  display: block;
  line-height: 20px;
  font-size: 1rem;
  color: #5a5a5a;
  margin-top: 11px;
  padding-bottom: 10px;
}

.splash-footer {
  text-align: center;
}

.bg-kylslaget-logo, .bg-varmepump-logo {
  border-top-color: #2BAAE1;
}

.bg-belma-logo {
  border-top-color: #FDA112;
}

#feedbackContainer {
  position: relative;
  margin-top: 200px;
  bottom: 0 !important;
}

/* The popup chat - hidden by default */
.chat-popup {
  position: absolute;
  bottom: 85px;
  right: 15px;
  margin-bottom: 10px;
  display: none;
  border: 1px solid #E9EAED;
  border-radius: 6px;
  z-index: 9999999;
  background-color: #F0F3F4;
}

@media screen and (max-width: 567px) {
  .chat-popup {
    width: 100% !important;
    right: 0;
  }
}
/* Add styles to the form container */
.feedback-container {
  z-index: 999999;
  -webkit-border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  -ms-border-radius: 0 5px 5px 5px;
  -o-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
}

/* Full-width textarea */
.feedback-container textarea {
  padding: 15px;
  min-height: 200px;
  resize: none;
}

#feedbackButton {
  background: url("/../images/feedback.png");
  background-size: 32px 32px !important;
  width: 60px;
  height: 60px;
  margin: auto !important;
  line-height: 60px;
  cursor: pointer;
  background-repeat: no-repeat !important;
  background-color: transparent;
  /* make the button transparent */
  background-position: center !important;
  border-radius: 50% !important;
  padding: 24px;
  box-shadow: inset 0 0 4px black;
  transition: 0.4s;
}
#feedbackButton:active {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
}

/* Set a style for the submit/send button */
.feedback-container .btn {
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 10px;
}

/* Add some hover effects to buttons */
.feedback-container .btn:hover, .feedback-button:hover {
  opacity: 1.2;
}

@media screen and (max-width: 1023px) {
  .form-control, .custom-select, .form-control-plaintext {
    font-size: 16px !important;
  }
}
.hide {
  display: none !important;
}

div.fade-toggle-container {
  display: none;
}
div.fade-toggle-container.fade-in-toggle-container {
  display: block;
}

#createCaseContainer {
  display: block;
}

ul.timeline {
  min-width: 90% !important;
  background-color: #FFFFFF !important;
  margin: 0.4em auto !important;
}
@media screen and (max-width: 575.98px) {
  ul.timeline:before {
    position: absolute !important;
    top: 15px !important;
  }
}
ul.timeline div.timeline-avatar {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #3498DB;
  color: white !important;
}
ul.timeline div.timeline-avatar p {
  text-align: center;
  font-size: 24px !important;
}
ul.timeline .timeline-date {
  font-weight: bold !important;
  font-size: 1.2em !important;
}
ul.timeline .timeline-item:before {
  border-color: #2471A3 !important;
  top: 28px !important;
  left: 95px !important;
}
ul.timeline div.timeline-content {
  background-color: #EBF5FB !important;
  min-height: 30px !important;
}
ul.timeline div.timeline-content::before {
  background-color: inherit !important;
}

@media (max-width: 575.98px) {
  .timeline-date span {
    color: black !important;
  }
}
ul.nav.nav-tabs > li > a {
  color: #2E86C1;
  font-size: 1.2rem;
  font-family: "Comic Sans MS", sans-serif;
}
ul.nav.nav-tabs > li > a.active {
  background-color: #2E86C1 !important;
  opacity: 0.9;
}

ul.pagination a > * {
  pointer-events: none;
}

button.ftbl-btn-300 {
  width: 300px;
  text-align: left;
}

div.flex-table-container {
  border-bottom: 1px solid #D5D8DC;
  /*
  @media (min-width : 1500px) {
      .d-xl-flex {
         display: flex !important;
      }
  }

  @media (max-width : 1499.98px) {
      .d-xl-flex {
          display: block !important;
      }
  }
  */
}
div.flex-table-container div.d-md-flex.flex-label {
  background-color: #EAF2F8 !important;
  color: #1A5276 !important;
}
div.flex-table-container div.d-md-flex.flex-label > div.flex-fill > label {
  display: block;
  font-family: "Open Sans", "Arial", serif;
}
div.flex-table-container div.d-md-flex.flex-label > div.flex-fill > label > button.btn-header {
  font-weight: bold !important;
  background-color: inherit;
  margin: 0 !important;
  width: 100% !important;
  display: inline-flex;
}
div.flex-table-container div.d-md-flex.flex-label > div.flex-fill > label > button.btn-header > span:first-child {
  text-align: left;
  min-width: 85% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block;
  background-color: inherit;
  font-weight: bold;
  margin: 0 !important;
}
div.flex-table-container div.d-md-flex.flex-label > div.flex-fill > label > button.btn-header > span:first-child:hover {
  overflow: visible !important;
  white-space: normal !important;
  word-break: break-all !important;
}
div.flex-table-container div.d-md-flex.flex-label > div.flex-fill > label > button.btn-header > span:last-child {
  max-width: 15% !important;
}
div.flex-table-container div.d-md-flex.active-service-container, div.flex-table-container div.d-md-flex.active-inventory-container, div.flex-table-container div.d-md-flex.active-product-container, div.flex-table-container div.d-md-flex.active-followup-container, div.flex-table-container div.d-md-flex.active-schedule-container {
  border: 2px solid #3498DB !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > p {
  padding: 0 !important;
  background-color: inherit !important;
  font-size: 0.99em !important;
  margin: 0.35em !important;
  font-family: "Lato", "Segoe UI", "Arial", serif;
}
div.flex-table-container div.d-md-flex > div.flex-fill a {
  cursor: auto;
  -webkit-user-select: all !important;
  -moz-select: all !important;
  -ms-select: all !important;
  user-select: all !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > input {
  font-family: "Lato", "Segoe UI", "Arial", serif;
  background-color: inherit;
}
div.flex-table-container div.d-md-flex > div.flex-fill > div.input-group > input {
  font-family: "Lato", "Segoe UI", "Arial", serif;
  background-color: inherit;
}
div.flex-table-container div.d-md-flex > div.flex-fill > textarea {
  font-family: "Lato", "Segoe UI", "Arial", serif;
  background-color: inherit;
}
div.flex-table-container div.d-md-flex > div.flex-fill > a {
  font-family: "Lato", "Segoe UI", "Arial", serif;
  background-color: inherit;
}
div.flex-table-container div.d-md-flex > div.flex-fill > span {
  font-family: "Lato", "Segoe UI", "Arial", serif;
}
div.flex-table-container div.d-md-flex > div.flex-fill > input.form-control-plaintext:focus, div.flex-table-container div.d-md-flex > div.flex-fill textarea.form-control-plaintext:focus {
  color: #495057;
  background-color: #FFFFFF;
  border-color: #80bdff;
  border-width: 2px;
  outline: 0;
  box-shadow: 0 0 0 0 transparent;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select {
  font-family: "Lato", "Segoe UI", "Arial", serif;
  background-color: inherit;
  padding: 0.3em !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-warranty {
  background: #F8C471 !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-danger {
  background: #dc3545 !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-dark {
  background: #343A40 !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-success {
  background: #28A745 !important;
  color: black !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-primary {
  background: #007BFF !important;
  color: black !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-warning {
  background: #FFC107 !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-others {
  background-color: #D35400 !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-dark-blue {
  background-color: #1B2631 !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-indianred {
  background-color: #CD5C5C !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-dark-salmon {
  background-color: #E9967A !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-dark-red {
  background-color: #8B0000 !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-pale-violet-red {
  background-color: #DB7093 !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-dark-orange {
  background-color: #FF8C00 !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-orange-red {
  background-color: #FF4500 !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-gold {
  background-color: #FFD700 !important;
  color: black !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-yellow {
  background-color: #FFFF00 !important;
  color: black !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-dark-khaki {
  background-color: #BDB76B !important;
  color: black !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-khaki {
  background-color: #F0E68C !important;
  color: black !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-magenta {
  background-color: #FF00FF !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-purple {
  background-color: #800080 !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-dark-slate-blue {
  background-color: #483D8B !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-olive {
  background-color: #6B8E23 !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-maroon {
  background-color: #800000 !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-dark-slategray {
  background-color: #2F4F4F !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-dark-blue {
  background-color: #1B2631 !important;
  color: white !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select.bg-light-cream {
  background-color: #F7F9F9 !important;
  color: black !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > select:disabled {
  background-color: #ffffff;
  color: black !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill > span.select2.select2-container {
  width: 100% !important;
  max-width: 100% !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill div.input-group > div.prepend-small {
  width: 75% !important;
  font-size: 1em !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill div.input-group.ftbl-customer-group > input {
  width: 90% !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill div.input-group.ftbl-customer-group > div.input-group-text {
  background-color: inherit !important;
  width: 10% !important;
  border: 0 !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill div.input-group.ftbl-customer-group > div.input-group-text i.fa-user-check {
  font-size: 0.8rem !important;
  color: #28a745 !important;
  font-weight: bold;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w1 {
  flex-basis: 1% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w2 {
  flex-basis: 2% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w3 {
  flex-basis: 3% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w4 {
  flex-basis: 4% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w5 {
  flex-basis: 5% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w6 {
  flex-basis: 6% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w7 {
  flex-basis: 7% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w8 {
  flex-basis: 8% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w9 {
  flex-basis: 9% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w10 {
  flex-basis: 10% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w11 {
  flex-basis: 11% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w12 {
  flex-basis: 12% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w13 {
  flex-basis: 13% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w14 {
  flex-basis: 14% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w15 {
  flex-basis: 15% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w16 {
  flex-basis: 16% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w17 {
  flex-basis: 17% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w18 {
  flex-basis: 18% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w19 {
  flex-basis: 19% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w20 {
  flex-basis: 20% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w21 {
  flex-basis: 21% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w22 {
  flex-basis: 22% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w23 {
  flex-basis: 23% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w24 {
  flex-basis: 24% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w25 {
  flex-basis: 25% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w26 {
  flex-basis: 26% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w27 {
  flex-basis: 27% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w28 {
  flex-basis: 28% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w29 {
  flex-basis: 29% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w30 {
  flex-basis: 30% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w31 {
  flex-basis: 31% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w32 {
  flex-basis: 32% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w33 {
  flex-basis: 33% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w34 {
  flex-basis: 34% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w35 {
  flex-basis: 35% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w36 {
  flex-basis: 36% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w37 {
  flex-basis: 37% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w38 {
  flex-basis: 38% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w39 {
  flex-basis: 39% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w40 {
  flex-basis: 40% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w41 {
  flex-basis: 41% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w42 {
  flex-basis: 42% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w43 {
  flex-basis: 43% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w44 {
  flex-basis: 44% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w45 {
  flex-basis: 45% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w46 {
  flex-basis: 46% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w47 {
  flex-basis: 47% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w48 {
  flex-basis: 48% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w49 {
  flex-basis: 49% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w50 {
  flex-basis: 50% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w51 {
  flex-basis: 51% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w52 {
  flex-basis: 52% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w53 {
  flex-basis: 53% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w54 {
  flex-basis: 54% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w55 {
  flex-basis: 55% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w56 {
  flex-basis: 56% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w57 {
  flex-basis: 57% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w58 {
  flex-basis: 58% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w59 {
  flex-basis: 59% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w60 {
  flex-basis: 60% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w61 {
  flex-basis: 61% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w62 {
  flex-basis: 62% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w63 {
  flex-basis: 63% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w64 {
  flex-basis: 64% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w65 {
  flex-basis: 65% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w66 {
  flex-basis: 66% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w67 {
  flex-basis: 67% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w68 {
  flex-basis: 68% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w69 {
  flex-basis: 69% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w70 {
  flex-basis: 70% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w71 {
  flex-basis: 71% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w72 {
  flex-basis: 72% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w73 {
  flex-basis: 73% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w74 {
  flex-basis: 74% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w75 {
  flex-basis: 75% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w76 {
  flex-basis: 76% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w77 {
  flex-basis: 77% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w78 {
  flex-basis: 78% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w79 {
  flex-basis: 79% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w80 {
  flex-basis: 80% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w81 {
  flex-basis: 81% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w82 {
  flex-basis: 82% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w83 {
  flex-basis: 83% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w84 {
  flex-basis: 84% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w85 {
  flex-basis: 85% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w86 {
  flex-basis: 86% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w87 {
  flex-basis: 87% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w88 {
  flex-basis: 88% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w89 {
  flex-basis: 89% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w90 {
  flex-basis: 90% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w91 {
  flex-basis: 91% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w92 {
  flex-basis: 92% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w93 {
  flex-basis: 93% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w94 {
  flex-basis: 94% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w95 {
  flex-basis: 95% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w96 {
  flex-basis: 96% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w97 {
  flex-basis: 97% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w98 {
  flex-basis: 98% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w99 {
  flex-basis: 99% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill.w100 {
  flex-basis: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}
div.flex-table-container div.d-md-flex > div.flex-fill {
  flex-grow: 1;
}
div.flex-table-container div.d-md-flex > div.flex-fill.icons {
  flex-grow: 0 !important;
}
div.flex-table-container div.d-md-flex:not(.flex-table-profile-card) {
  border-top: 1px solid #D5D8DC;
}
div.flex-table-container div.d-md-flex:not(.flex-table-profile-card) > div.flex-fill > label:not(.custom-control) {
  display: none;
}
div.flex-table-container div.d-md-flex.flex-table-profile-card > div.flex-fill a {
  width: 100%;
  text-align: left;
}
div.flex-table-container div.d-md-flex > div.flex-fill.invalid-cell {
  background-color: #dc3545;
}
div.flex-table-container div.d-md-flex > div.flex-fill.invalid-cell input, div.flex-table-container div.d-md-flex > div.flex-fill.invalid-cell textarea {
  color: #ffffff !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill.invalid-cell input::placeholder, div.flex-table-container div.d-md-flex > div.flex-fill.invalid-cell textarea::placeholder {
  color: #EEE2E2 !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill.invalid-cell > input.form-control-plaintext:focus, div.flex-table-container div.d-md-flex > div.flex-fill.invalid-cell textarea.form-control-plaintext:focus {
  color: #000000 !important;
  background-color: #ffb9b9;
  border-color: #dc3545;
  border-width: 2px;
  outline: 0;
  box-shadow: 0 0 0 0 transparent;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger input, div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger textarea, div.flex-table-container div.d-md-flex div.flex-fill.bg-success input, div.flex-table-container div.d-md-flex div.flex-fill.bg-success textarea {
  color: #ffffff !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger p:not(.dropdown-item), div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger span:not(.dropdown-item), div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger a:not(.dropdown-item), div.flex-table-container div.d-md-flex div.flex-fill.bg-success p:not(.dropdown-item), div.flex-table-container div.d-md-flex div.flex-fill.bg-success span:not(.dropdown-item), div.flex-table-container div.d-md-flex div.flex-fill.bg-success a:not(.dropdown-item) {
  color: #ffffff !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger input::placeholder, div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger textarea::placeholder, div.flex-table-container div.d-md-flex div.flex-fill.bg-success input::placeholder, div.flex-table-container div.d-md-flex div.flex-fill.bg-success textarea::placeholder {
  color: #f8f2f2 !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger > input.form-control-plaintext:focus, div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger textarea.form-control-plaintext:focus, div.flex-table-container div.d-md-flex div.flex-fill.bg-success > input.form-control-plaintext:focus, div.flex-table-container div.d-md-flex div.flex-fill.bg-success textarea.form-control-plaintext:focus {
  color: #5d5b5b !important;
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0.5;
  border-width: 2px;
  outline: 0;
  box-shadow: 0 0 0 0 transparent;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger > input.form-control-plaintext:focus::placeholder, div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger textarea.form-control-plaintext:focus::placeholder, div.flex-table-container div.d-md-flex div.flex-fill.bg-success > input.form-control-plaintext:focus::placeholder, div.flex-table-container div.d-md-flex div.flex-fill.bg-success textarea.form-control-plaintext:focus::placeholder {
  color: #5d5b5b !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning input, div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning textarea, div.flex-table-container div.d-md-flex div.flex-fill.bg-info input, div.flex-table-container div.d-md-flex div.flex-fill.bg-info textarea {
  color: #5d5b5b !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning p:not(.dropdown-item), div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning span:not(.dropdown-item), div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning a:not(.dropdown-item), div.flex-table-container div.d-md-flex div.flex-fill.bg-info p:not(.dropdown-item), div.flex-table-container div.d-md-flex div.flex-fill.bg-info span:not(.dropdown-item), div.flex-table-container div.d-md-flex div.flex-fill.bg-info a:not(.dropdown-item) {
  color: #ffffff !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning input::placeholder, div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning textarea::placeholder, div.flex-table-container div.d-md-flex div.flex-fill.bg-info input::placeholder, div.flex-table-container div.d-md-flex div.flex-fill.bg-info textarea::placeholder {
  color: #605d5d !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning > input.form-control-plaintext:focus, div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning textarea.form-control-plaintext:focus, div.flex-table-container div.d-md-flex div.flex-fill.bg-info > input.form-control-plaintext:focus, div.flex-table-container div.d-md-flex div.flex-fill.bg-info textarea.form-control-plaintext:focus {
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0.5;
  border-width: 2px;
  outline: 0;
  box-shadow: 0 0 0 0 transparent;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning > input.form-control-plaintext:focus::placeholder, div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning textarea.form-control-plaintext:focus::placeholder, div.flex-table-container div.d-md-flex div.flex-fill.bg-info > input.form-control-plaintext:focus::placeholder, div.flex-table-container div.d-md-flex div.flex-fill.bg-info textarea.form-control-plaintext:focus::placeholder {
  color: #5d5b5b !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger > input.form-control-plaintext:focus, div.flex-table-container div.d-md-flex > div.flex-fill.bg-danger textarea.form-control-plaintext:focus {
  border-color: #dc3545;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-success > input.form-control-plaintext:focus, div.flex-table-container div.d-md-flex > div.flex-fill.bg-success textarea.form-control-plaintext:focus {
  border-color: #28a745;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning > input.form-control-plaintext:focus, div.flex-table-container div.d-md-flex > div.flex-fill.bg-warning textarea.form-control-plaintext:focus {
  border-color: #ffc107;
}
div.flex-table-container div.d-md-flex > div.flex-fill.bg-info > input.form-control-plaintext:focus, div.flex-table-container div.d-md-flex > div.flex-fill.bg-info textarea.form-control-plaintext:focus {
  border-color: #17a2b8;
}
div.flex-table-container div.d-md-flex > div.flex-fill:last-child > .ks-icon-cell {
  padding: 0.25rem;
  margin: 0.3rem 0;
  text-align: center !important;
}
div.flex-table-container div.d-md-flex > div.flex-fill:last-child button {
  margin-left: 2px !important;
  margin-bottom: 2px !important;
}
div.flex-table-container div.d-md-flex.ks-type-log-tabs div.full-width-90 {
  width: 100% !important;
  padding: 1rem !important;
}
div.flex-table-container div.d-md-flex.invte-row .flex-fill.card {
  background-color: inherit !important;
}
div.flex-table-container.ftbl-bordered-container {
  /*
  & > div.d-md-flex.flex-table-body-row {

  &:not([style*="display: none"]):nth-child(odd) {
      background-color: $flex-container-odd-cell-bg-color;
  }

  &:not([style*="display: none"]):nth-child(even) {
      background-color: $flex-container-even-cell-bg-color;
  }
  */
}
div.flex-table-container.ftbl-bordered-container > div.d-md-flex.new, div.flex-table-container.ftbl-bordered-container div.d-md-flex.search {
  background-color: #FFFFFF;
}
div.flex-table-container.ftbl-bordered-container > div.d-md-flex:nth-child(4n) {
  background-color: #F8F9F9;
}
div.flex-table-container.ftbl-bordered-container > div.d-md-flex:nth-child(4n+1) {
  background-color: #FFFFFF;
}
div.flex-table-container.ftbl-bordered-container > div.d-md-flex:nth-child(4n+2) {
  background-color: #F8F9F9;
}
div.flex-table-container.ftbl-bordered-container > div.d-md-flex:nth-child(4n+3) {
  background-color: #FFFFFF;
}
div.flex-table-container.ftbl-bordered-container > div.d-md-flex.warning {
  background-color: #FBEEE6;
}
div.flex-table-container.ftbl-bordered-container > div.d-md-flex > div.flex-fill > select, div.flex-table-container.ftbl-bordered-container > div.d-md-flex > div.flex-fill input, div.flex-table-container.ftbl-bordered-container > div.d-md-flex > div.flex-fill input[readonly], div.flex-table-container.ftbl-bordered-container > div.d-md-flex > div.flex-fill textarea {
  background-color: inherit;
}
div.flex-table-container.ftbl-bordered-container.ftbl-th-c-r > div.d-md-flex.flex-table-body-row:nth-child(n) {
  background-color: #F8F9F9;
}
div.flex-table-container.ftbl-bordered-container.ftbl-th-c-r > div.d-md-flex.flex-table-body-row:nth-child(n+1) {
  background-color: #F8F9F9;
}
div.flex-table-container.ftbl-bordered-container.ftbl-th-c-r > div.d-md-flex.flex-table-body-row:nth-child(4n+2) {
  background-color: #FFFFFF;
}
div.flex-table-container.ftbl-bordered-container.ftbl-th-c-r > div.d-md-flex.flex-table-body-row:nth-child(4n+3) {
  background-color: #FFFFFF;
}
div.flex-table-container.ftbl-bordered-container.ftbl-th-c-r > div.d-md-flex.flex-table-body-row.warning {
  background-color: #FBEEE6;
}
div.flex-table-container.ftbl-bordered-container.ftbl-th-c-r > div.d-md-flex.flex-table-body-row > div.flex-fill > select, div.flex-table-container.ftbl-bordered-container.ftbl-th-c-r > div.d-md-flex.flex-table-body-row > div.flex-fill input, div.flex-table-container.ftbl-bordered-container.ftbl-th-c-r > div.d-md-flex.flex-table-body-row > div.flex-fill input[readonly], div.flex-table-container.ftbl-bordered-container.ftbl-th-c-r > div.d-md-flex.flex-table-body-row > div.flex-fill textarea {
  background-color: inherit;
}
div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row:nth-of-type(2n) {
  background-color: #FFFFFF;
}
div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row:nth-of-type(2n).ks-parent-container {
  background-color: #FFFFFF;
}
div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row:nth-of-type(4n + 1) {
  background-color: #F8F9F9;
}
div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row:nth-of-type(4n + 1).ks-parent-container {
  background-color: #FFFFFF;
}
div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row:nth-of-type(4n) {
  background-color: #FFFFFF;
}
div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row:nth-of-type(4n).ks-parent-container {
  background-color: #FFFFFF;
}
div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row:nth-of-type(4n + 3) {
  background-color: #F8F9F9;
}
div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row:nth-of-type(4n + 3).ks-parent-container {
  background-color: #FFFFFF;
}
div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row.warning {
  background-color: #FBEEE6;
}
div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row > div.flex-fill > select, div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row > div.flex-fill input, div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row > div.flex-fill input[readonly], div.flex-table-container.ftbl-bordered-container.ftbl-fr-c-r > div.d-md-flex.flex-table-body-row > div.flex-fill textarea {
  background-color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  div.flex-table-container.ftbl-hover-container > div.pdb-row:hover, div.flex-table-container.ftbl-hover-container div.fch-row:hover, div.flex-table-container.ftbl-hover-container div.sld-row:hover, div.flex-table-container.ftbl-hover-container div.adb-row:hover, div.flex-table-container.ftbl-hover-container div.ep-mc-row:hover {
    background-color: #E8F8F5;
  }
  div.flex-table-container.ftbl-hover-container > div.pdb-row:hover:nth-child(4n) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.fch-row:hover:nth-child(4n) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.sld-row:hover:nth-child(4n) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.adb-row:hover:nth-child(4n) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.ep-mc-row:hover:nth-child(4n) > div.flex-fill:last-child {
    background-color: #F8F9F9 !important;
  }
  div.flex-table-container.ftbl-hover-container > div.pdb-row:hover:nth-child(4n+1) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.fch-row:hover:nth-child(4n+1) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.sld-row:hover:nth-child(4n+1) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.adb-row:hover:nth-child(4n+1) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.ep-mc-row:hover:nth-child(4n+1) > div.flex-fill:last-child {
    background-color: #FFFFFF !important;
  }
  div.flex-table-container.ftbl-hover-container > div.pdb-row:hover:nth-child(4n+2) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.fch-row:hover:nth-child(4n+2) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.sld-row:hover:nth-child(4n+2) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.adb-row:hover:nth-child(4n+2) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.ep-mc-row:hover:nth-child(4n+2) > div.flex-fill:last-child {
    background-color: #F8F9F9 !important;
  }
  div.flex-table-container.ftbl-hover-container > div.pdb-row:hover:nth-child(4n+3) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.fch-row:hover:nth-child(4n+3) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.sld-row:hover:nth-child(4n+3) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.adb-row:hover:nth-child(4n+3) > div.flex-fill:last-child, div.flex-table-container.ftbl-hover-container div.ep-mc-row:hover:nth-child(4n+3) > div.flex-fill:last-child {
    background-color: #FFFFFF !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  div.flex-table-container.ftbl-hover-container.ftbl-th-c-r > div.flex-table-body-row.ks-parent-container {
    background-color: initial !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-th-c-r > div.flex-table-body-row:hover:nth-child(n) {
    background-color: #E8F8F5;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-th-c-r > div.flex-table-body-row:hover:nth-child(n) > div.flex-fill:last-child {
    background-color: #F8F9F9 !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-th-c-r > div.flex-table-body-row:hover:nth-child(n+1) {
    background-color: #E8F8F5;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-th-c-r > div.flex-table-body-row:hover:nth-child(n+1) > div.flex-fill:last-child {
    background-color: #F8F9F9 !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-th-c-r > div.flex-table-body-row:hover:nth-child(4n+2) {
    background-color: #E8F8F5;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-th-c-r > div.flex-table-body-row:hover:nth-child(4n+2) > div.flex-fill:last-child {
    background-color: #FFFFFF !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-th-c-r > div.flex-table-body-row:hover:nth-child(4n+3) {
    background-color: #E8F8F5;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-th-c-r > div.flex-table-body-row:hover:nth-child(4n+3) > div.flex-fill:last-child {
    background-color: #FFFFFF !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-th-c-r > div.flex-table-body-row:hover .card {
    background-color: inherit !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row).ks-parent-container {
    background-color: initial !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):hover:nth-of-type(2n) {
    background-color: #F6DDCC;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):hover:nth-of-type(2n) > div.flex-fill:last-child {
    background-color: #FFFFFF !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):hover:nth-of-type(4n + 1) {
    background-color: #F6DDCC;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):hover:nth-of-type(4n + 1) > div.flex-fill:last-child {
    background-color: #F8F9F9 !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):hover:nth-child(4n) {
    background-color: #F6DDCC;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):hover:nth-child(4n) > div.flex-fill:last-child {
    background-color: #FFFFFF !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):hover:nth-child(4n+3) {
    background-color: #F6DDCC;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):hover:nth-child(4n+3) > div.flex-fill:last-child {
    background-color: #F8F9F9 !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):hover:nth-child(4n+5) {
    background-color: #F6DDCC;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):hover:nth-child(4n+5) > div.flex-fill:last-child {
    background-color: #F8F9F9 !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):not(.warning):hover:nth-of-type(2n) {
    background-color: #E8F8F5;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):not(.warning):hover:nth-of-type(2n) > div.flex-fill:last-child {
    background-color: #FFFFFF !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):not(.warning):hover:nth-of-type(4n + 1) {
    background-color: #E8F8F5;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):not(.warning):hover:nth-of-type(4n + 1) > div.flex-fill:last-child {
    background-color: #F8F9F9 !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):not(.warning):hover:nth-child(4n) {
    background-color: #E8F8F5;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):not(.warning):hover:nth-child(4n) > div.flex-fill:last-child {
    background-color: #FFFFFF !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):not(.warning):hover:nth-child(4n+3) {
    background-color: #E8F8F5;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):not(.warning):hover:nth-child(4n+3) > div.flex-fill:last-child {
    background-color: #F8F9F9 !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):not(.warning):hover:nth-child(4n+5) {
    background-color: #E8F8F5;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):not(.warning):hover:nth-child(4n+5) > div.flex-fill:last-child {
    background-color: #F8F9F9 !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.flex-table-body-row:not(.invte-price-summary-row):not(.warning):hover .card {
    background-color: inherit !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.invte-price-summary-row:hover {
    background-color: #eaeded !important;
  }
  div.flex-table-container.ftbl-hover-container.ftbl-fr-c-r > div.invte-price-summary-row:hover div.flex-fill {
    background-color: #eaeded !important;
  }
}
div.flex-table-container.text-sm div.d-md-flex div.flex-fill, div.flex-table-container.text-sm div.d-lg-flex div.flex-fill, div.flex-table-container.text-sm div.d-xl-flex div.flex-fill {
  font-size: 0.9em !important;
}
div.flex-table-container.text-sm div.d-md-flex div.flex-fill label, div.flex-table-container.text-sm div.d-lg-flex div.flex-fill label, div.flex-table-container.text-sm div.d-xl-flex div.flex-fill label {
  font-size: 1.1em !important;
}
div.flex-table-container div.d-md-flex.d-none {
  display: none !important;
}
div.flex-table-container .notification {
  text-decoration: none;
  position: relative;
  display: inline-block;
}
div.flex-table-container .notification .badge {
  position: absolute;
  top: -10px;
  right: -5px;
  padding: 1px 5px;
  max-width: 20px;
  border-radius: 50%;
  background: #3498DB;
  color: white;
}
div.flex-table-container .notification .badge.badge-30 {
  max-width: 30px !important;
  right: -8px !important;
}
div.flex-table-container .notification .badge.badge-40 {
  max-width: 40px !important;
  right: -10px !important;
}
div.flex-table-container button.p-1 {
  padding: 0.36rem !important;
}
div.flex-table-container div.tab-content {
  background-color: #FFFFFF !important;
}

@media screen and (max-width: 767.98px) {
  div.flex-table-container div.d-md-flex, div.flex-table-container div.d-lg-flex {
    border-left: 1px solid #D5D8DC;
    border-right: 1px solid #D5D8DC;
    border-bottom: 1px solid #D5D8DC;
  }
  div.flex-table-container div.d-md-flex.flex-label, div.flex-table-container div.d-lg-flex.flex-label {
    display: none !important;
  }
  div.flex-table-container div.d-md-flex > div.flex-fill, div.flex-table-container div.d-lg-flex > div.flex-fill {
    padding: 0.125rem 0.5rem !important;
    margin: 0.25rem 0 !important;
  }
  div.flex-table-container div.d-md-flex > div.flex-fill > label, div.flex-table-container div.d-lg-flex > div.flex-fill > label {
    display: block !important;
  }
  div.flex-table-container div.d-md-flex > div.flex-fill div.input-group > div.prepend-small, div.flex-table-container div.d-lg-flex > div.flex-fill div.input-group > div.prepend-small {
    width: 90% !important;
    font-size: 1em !important;
    margin-left: 0.2em;
  }
  div.flex-table-container div.d-md-flex .form-control-plaintext, div.flex-table-container div.d-lg-flex .form-control-plaintext {
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #CED4DA;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 0.615385rem 1.307rem;
  }
  div.flex-table-container div.d-md-flex .form-control-plaintext:focus, div.flex-table-container div.d-lg-flex .form-control-plaintext:focus {
    border-color: #80BDFF;
    border-width: 2px;
    outline: 0;
    box-shadow: 0 0 0 0;
  }
  div.flex-table-container div.d-md-flex input.form-control-plaintext, div.flex-table-container div.d-lg-flex input.form-control-plaintext {
    height: 2.53846rem;
  }
}
@media screen and (min-width: 768px) {
  div.flex-table-container div.d-md-flex.flex-label > div.flex-fill > label {
    display: block !important;
  }
  div.flex-table-container div.d-md-flex:not(.flex-table-profile-card) {
    border-left: 1px solid #D5D8DC;
    border-right: 1px solid #D5D8DC;
  }
  div.flex-table-container div.d-md-flex:not(.flex-table-profile-card) > div.flex-fill {
    border-right: 1px solid #D5D8DC;
  }
  div.flex-table-container div.d-md-flex > div.flex-fill:last-child {
    border: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1600px) {
  div.flex-table-container div.d-md-flex > div.flex-fill:last-child > .ks-icon-cell {
    padding: 0.25rem;
    margin: auto !important;
  }
  div.flex-table-container div.d-md-flex > div.flex-fill:last-child > .ks-icon-cell button {
    padding: 0.3rem !important;
  }
}
.sales-card-container button > * {
  pointer-events: none;
}
.sales-card-container div.d-md-flex.flex-table-profile-card div.ks-icon-cell > button {
  width: 2rem !important;
  height: 2rem !important;
  margin-left: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.sales-card-container .notification {
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.sales-card-container .notification .badge {
  position: absolute;
  top: -10px;
  right: -5px;
  padding: 1px 5px;
  max-width: 20px;
  border-radius: 50%;
  background: #3498DB;
  color: white;
}
.sales-card-container .notification .badge.badge-30 {
  max-width: 30px !important;
  right: -8px !important;
}
.sales-card-container .notification .badge.badge-40 {
  max-width: 40px !important;
  right: -10px !important;
}
.sales-card-container .ks-type-log-tabs {
  max-height: 400px;
  overflow-y: scroll;
}

.ftbl-timeline-cell > .ftbl-remove-comments-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: inherit !important;
}
.ftbl-timeline-cell > .ftbl-remove-comments-btn:hover {
  transition: all 0.2s ease-in-out;
  transform: scale(1.25);
}

.activity-container div.form-group > span.select2.select2-container {
  width: 100% !important;
  max-width: 100% !important;
}
.bw, div.flex-table-container div.d-md-flex > div.flex-fill > span.select2.select2-container .select2-selection--multiple .select2-selection__rendered li, .activity-container div.form-group > span.select2.select2-container .select2-selection--multiple .select2-selection__rendered li {
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap !important;
  /* Opera 7 */
  white-space: pre-wrap !important;
  /* css-3 */
  word-wrap: break-word !important;
  /* Internet Explorer 5.5+ */
  white-space: -webkit-pre-wrap;
  /* Newer versions of Chrome/Safari*/
  word-break: break-all !important;
  white-space: normal !important;
}

.bww {
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap !important;
  /* Opera 7 */
  white-space: pre-wrap !important;
  /* css-3 */
  word-wrap: break-word !important;
  /* Internet Explorer 5.5+ */
  white-space: -webkit-pre-wrap;
  /* Newer versions of Chrome/Safari*/
}

@media screen and (min-width: 1500px) {
  .full-width-90 {
    margin-right: auto !important;
    margin-left: auto !important;
    width: 90% !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1499.98px) {
  .full-width-90 {
    width: 90% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media screen and (max-width: 1199.98px) {
  .full-width-90 {
    padding: 10px;
    width: 100% !important;
  }
}
@media screen and (min-width: 1500px) {
  .full-width-75 {
    margin-right: auto !important;
    margin-left: auto !important;
    width: 75% !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1499.98px) {
  .full-width-75 {
    width: 80% !important;
    margin: auto !important;
  }
}
@media screen and (max-width: 1199.98px) {
  .full-width-75 {
    padding: 10px;
    width: 100% !important;
  }
}
div.tab-content {
  background-color: inherit;
}

div.container-fluid.tab-plane {
  display: none;
}

div.container-fluid.active {
  display: block;
}

div.container.tab-plane {
  display: none;
}

div.container.active {
  display: block;
}

div.product-holder {
  border: 2px solid #E9EAED;
  margin: 3px 0 !important;
  -webkit-box-shadow: 1px 1px 2px !important;
  -moz-box-shadow: 0 0 2px !important;
  box-shadow: 1px 1px 2px !important;
}
div.product-holder button.btn-light {
  background-color: #F0F3F4 !important;
}
div.product-holder button.btn-light:hover {
  background-color: #D5D8DC !important;
}

@media screen and (max-width: 1024px) {
  div.ks-product-containers {
    padding: 2px !important;
  }

  div.product-holder {
    padding: 4px !important;
  }
}
.ks-slider-body {
  display: none;
}

#loading {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 110;
  cursor: pointer;
}

#spinner {
  height: 48px !important;
  width: 48px !important;
  position: relative;
}

.text-primary {
  color: #2980B9 !important;
}

.red {
  color: #B03A2E !important;
}

.green {
  color: #1E8449 !important;
}

.blue {
  color: #21618C !important;
}

.button-red {
  color: #B03A2E !important;
  background-color: #FFFFFF !important;
}
.button-red:hover {
  background-color: #ECECEC !important;
  border-color: #E6E6E6 !important;
}

.button-green {
  color: #1E8449 !important;
  background-color: #FFFFFF !important;
}
.button-green:hover {
  background-color: #ECECEC !important;
  border-color: #E6E6E6 !important;
}

.button-blue {
  color: #21618C !important;
  background-color: #FFFFFF !important;
}
.button-blue:hover {
  background-color: #ECECEC !important;
  border-color: #E6E6E6 !important;
}

.edit-button {
  /* -- color: #196F3D !important */
  color: #145A32 !important;
  background-color: #FFFFFF !important;
}
.edit-button:hover {
  background-color: #DEE1E2 !important;
}

.trash-button {
  color: #CD5C5C !important;
  background-color: #FFFFFF !important;
}
.trash-button:hover {
  background-color: #DEE1E2 !important;
  border-color: #E6E6E6 !important;
}

.warning-button {
  color: #D35400 !important;
  background-color: #FFFFFF !important;
}
.warning-button:hover {
  background-color: #DEE1E2 !important;
}

.save-button {
  color: #1A5276 !important;
  background-color: #FFFFFF !important;
}
.save-button:hover {
  background-color: #DEE1E2 !important;
}

.search-button {
  color: black !important;
  background-color: #FFFFFF !important;
}
.search-button:hover {
  background-color: #DEE1E2 !important;
}

.inbox-button {
  color: #1D8348 !important;
  background-color: #FFFFFF !important;
}
.inbox-button:hover {
  background-color: #DEE1E2 !important;
}

.log-button {
  color: #1A5276 !important;
  background-color: #FFFFFF !important;
}
.log-button:hover {
  background-color: #DEE1E2 !important;
}

.sms-button {
  color: #1D8348 !important;
  background-color: #FFFFFF !important;
}
.sms-button:hover {
  background-color: #DEE1E2 !important;
}

.print-button {
  background-color: #FFFFFF !important;
}
.print-button:hover {
  background-color: #DEE1E2 !important;
}

.log-button {
  background-color: #FFFFFF !important;
}
.log-button:hover {
  background-color: #DEE1E2 !important;
}

.white-button {
  background-color: #FFFFFF !important;
}
.white-button:hover {
  background-color: #DEE1E2 !important;
}

.files-button {
  background-color: #FFFFFF !important;
}
.files-button:hover {
  background-color: #DEE1E2 !important;
}

.unanswer-button {
  color: #E74C3C !important;
  background-color: #FFFFFF !important;
}
.unanswer-button:hover {
  background-color: #DEE1E2 !important;
}

.answer-button {
  color: #1E8449 !important;
  background-color: #FFFFFF !important;
}
.answer-button:hover {
  border: none !important;
  color: #FFFFFF !important;
  background-color: #1E8449 !important;
}

.call-received-button {
  color: #2E86C1 !important;
  background-color: #FFFFFF !important;
}
.call-received-button:hover {
  border: none !important;
  color: #FFFFFF !important;
  background-color: #2E86C1 !important;
}

.new-button {
  color: #2471A3 !important;
}
.new-button:hover {
  background-color: #FFFFFF !important;
}

.fa-rotate-45 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ks-btn-primary {
  background-color: #3498DB;
  border-color: #3498DB;
  color: #FFFFFF;
}
.ks-btn-primary:hover {
  background-color: #2471A3;
  border-color: #2471A3;
  color: #FFFFFF;
}

#commonCalendar {
  position: absolute !important;
  display: none;
  background-color: white !important;
  z-index: 100 !important;
}

#periodPicker {
  background-color: white;
  position: absolute;
  display: none;
  z-index: 100;
  margin: 0;
  height: auto;
}

.f13 {
  font-size: 13px !important;
}

.f12 {
  font-size: 12px !important;
}

.f14 {
  font-size: 14px !important;
}

#successMessage {
  z-index: 5;
  position: fixed !important;
  text-align: center !important;
  top: 80px !important;
}

#errorMessage {
  z-index: 5;
  position: fixed !important;
  text-align: center !important;
  top: 80px !important;
}

.ks-modal-header-blue {
  background-color: #2471A3 !important;
  color: white !important;
}

.bg-others {
  background-color: #D35400 !important;
  color: white !important;
}

.bg-dark-blue {
  background-color: #1B2631 !important;
  color: white !important;
}

.bg-light-blue {
  background-color: #EAF2F8 !important;
  color: #1B4F72 !important;
}

.btn-light-blue {
  background-color: #EAF2F8 !important;
  color: #1A5276 !important;
}

button.btn-light-blue:hover {
  background-color: #D6EAF8 !important;
}

.bg-indianred {
  background-color: #CD5C5C !important;
  color: white !important;
}

.bg-dark-salmon {
  background-color: #E9967A !important;
  color: white !important;
}

.bg-light-pink {
  background-color: #F1948A !important;
  color: white !important;
}

.bg-dark-red {
  background-color: #8B0000 !important;
  color: white !important;
}

.bg-pale-violet-red {
  background-color: #DB7093 !important;
  color: white !important;
}

.bg-dark-orange {
  background-color: #FF8C00 !important;
  color: white !important;
}

.bg-orange-red {
  background-color: #FF4500 !important;
  color: white !important;
}

.bg-gold {
  background-color: #FFD700 !important;
  color: white !important;
}

.bg-yellow {
  background-color: #FFFF00 !important;
  color: white !important;
}

.bg-dark-khaki {
  background-color: #BDB76B !important;
  color: white !important;
}

.bg-khaki {
  background-color: #F0E68C !important;
  color: white !important;
}

.bg-magenta {
  background-color: #FF00FF !important;
  color: white !important;
}

.bg-purple {
  background-color: #800080 !important;
  color: white !important;
}

.bg-dark-slate-blue {
  background-color: #483D8B !important;
  color: white !important;
}

.bg-olive {
  background-color: #6B8E23 !important;
  color: white !important;
}

.bg-maroon {
  background-color: #800000 !important;
  color: white !important;
}

.bg-dark-slategray {
  background-color: #2F4F4F !important;
  color: white !important;
}

.bg-dark-blue {
  background-color: #1B2631 !important;
  color: white !important;
}

.text-header {
  color: #2874A6 !important;
}

.bg-light-cream {
  background-color: #F4F6F7 !important;
  color: black !important;
}

.bg-dark-cream {
  background-color: #EAEDED !important;
}

.bg-grey {
  background-color: #616A6B !important;
  color: #FFFFFF !important;
}

.bg-booking-form {
  background-color: #FFFFFF !important;
}

.bg-light-green {
  background-color: #ABEBC6 !important;
}

.bg-light-red {
  background-color: #F5B7B1 !important;
}

.btn-light-green {
  background-color: #2ECC71 !important;
  color: #FFFFFF !important;
}

.btn-light-salmon {
  background-color: #FFA07A !important;
  color: white !important;
}

.btn-light-salmon:hover {
  background-color: #E9967A !important;
}

.btn-light-red {
  background-color: #E74C3C !important;
}

.btn-light-green:hover {
  background-color: #239B56 !important;
}

.btn-light-red:hover {
  background-color: #CB4335 !important;
}

.text-comic-sans {
  font-family: "Comic Sans MS", "Arial", serif;
}

.dark-grey-label {
  color: #424949;
  font-weight: bold;
  font-size: 14px;
}

.font-weight-bold {
  color: #012D28 !important;
}

.table-stripe {
  background-color: #F2F2F2 !important;
}

.log > tbody > tr > td {
  word-wrap: break-word !important;
  word-break: break-all !important;
  white-space: normal !important;
}

.log > tbody > tr > td > a {
  word-wrap: break-word !important;
}

div.not-booked, span.not-booked, p.not-booked {
  background-color: #dc3545 !important;
}
div.not-booked a.btn-link, span.not-booked a.btn-link, p.not-booked a.btn-link {
  color: #ffffff !important;
}

div.booked, span.booked, p.booked {
  background-color: #007bff !important;
}
div.booked a.btn-link, span.booked a.btn-link, p.booked a.btn-link {
  color: #ffffff !important;
}

div.completed, span.completed, p.completed {
  background-color: #28a745 !important;
}
div.completed a.btn-link, span.completed a.btn-link, p.completed a.btn-link {
  color: #ffffff !important;
}

option.not-booked, option.danger {
  background-color: #dc3545;
  color: whitesmoke;
}
option.not-booked:checked, option.danger:checked {
  background-color: #CECECE;
  color: #101010;
}

option.booked, option.info {
  background-color: #007bff;
  color: whitesmoke;
}
option.booked:checked, option.info:checked {
  background-color: #CECECE;
  color: #101010;
}

option.completed, option.success {
  background-color: #28a745;
  color: whitesmoke;
}
option.completed:checked, option.success:checked {
  background-color: #CECECE;
  color: #101010;
}

option.warning {
  background-color: #ffc107;
  color: whitesmoke;
}
option.warning:checked {
  background-color: #CECECE;
  color: #101010;
}

.loading {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  cursor: pointer;
}

.f11 {
  font-size: 11px !important;
}

.f10 {
  font-size: 10px !important;
}

.f24 {
  font-size: 24px !important;
}

.f16 {
  font-size: 16px !important;
}

.h12 {
  height: 12px !important;
}

.h16 {
  height: 16px !important;
}

.h10 {
  height: 10px !important;
}

.h400 {
  height: 400px !important;
}

.bg-grey-border {
  border-color: #E9EAED;
}

.dropdown a.dropdown-item {
  font-size: 0.9em;
}
.dropdown div.dropdown-item {
  font-size: 0.9em;
}
.dropdown div.dropdown-item.active {
  cursor: pointer !important;
}
.dropdown div.dropdown-item.active > a.btn-link {
  color: white !important;
}

.show-full-text {
  white-space: normal !important;
  word-break: break-all !important;
}

main div.dropdown > div.dropdown-menu, main td.dropdown > div.dropdown-menu, #container div.dropdown > div.dropdown-menu, #container td.dropdown > div.dropdown-menu {
  max-height: 250px;
  min-width: 100% !important;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 15 !important;
}
main div.dropdown > div.dropdown-menu.bw .dropdown-item, main td.dropdown > div.dropdown-menu.bw .dropdown-item, #container div.dropdown > div.dropdown-menu.bw .dropdown-item, #container td.dropdown > div.dropdown-menu.bw .dropdown-item {
  max-width: 100% !important;
  word-wrap: break-word !important;
  /* Internet Explorer 5.5+ */
  white-space: -webkit-pre-wrap;
  /* Newer versions of Chrome/Safari*/
  word-break: break-all !important;
  white-space: normal !important;
}
main div.dropdown > div.dropdown-menu .dropdown-item, main td.dropdown > div.dropdown-menu .dropdown-item, #container div.dropdown > div.dropdown-menu .dropdown-item, #container td.dropdown > div.dropdown-menu .dropdown-item {
  cursor: pointer;
  /*
  &.selector {
   cursor: pointer;
  }
  */
}
main div.dropdown > div.dropdown-menu .dropdown-item > p, main div.dropdown > div.dropdown-menu .dropdown-item span, main td.dropdown > div.dropdown-menu .dropdown-item > p, main td.dropdown > div.dropdown-menu .dropdown-item span, #container div.dropdown > div.dropdown-menu .dropdown-item > p, #container div.dropdown > div.dropdown-menu .dropdown-item span, #container td.dropdown > div.dropdown-menu .dropdown-item > p, #container td.dropdown > div.dropdown-menu .dropdown-item span {
  pointer-events: none;
  color: inherit !important;
}
main div.dropdown > div.dropdown-menu .dropdown-item:not(.default-item), main td.dropdown > div.dropdown-menu .dropdown-item:not(.default-item), #container div.dropdown > div.dropdown-menu .dropdown-item:not(.default-item), #container td.dropdown > div.dropdown-menu .dropdown-item:not(.default-item) {
  transition: transform 0.1s ease, background-color 0.1s ease;
}
main div.dropdown > div.dropdown-menu .dropdown-item:not(.default-item):hover, main div.dropdown > div.dropdown-menu .dropdown-item:not(.default-item).active, main td.dropdown > div.dropdown-menu .dropdown-item:not(.default-item):hover, main td.dropdown > div.dropdown-menu .dropdown-item:not(.default-item).active, #container div.dropdown > div.dropdown-menu .dropdown-item:not(.default-item):hover, #container div.dropdown > div.dropdown-menu .dropdown-item:not(.default-item).active, #container td.dropdown > div.dropdown-menu .dropdown-item:not(.default-item):hover, #container td.dropdown > div.dropdown-menu .dropdown-item:not(.default-item).active {
  background-color: #2980B9;
  color: white;
  box-shadow: 2px 2px 4px grey !important;
  transform: scale(1.01);
}
main div.dropdown > div.dropdown-menu .dropdown-item.text-ellipsis, main td.dropdown > div.dropdown-menu .dropdown-item.text-ellipsis, #container div.dropdown > div.dropdown-menu .dropdown-item.text-ellipsis, #container td.dropdown > div.dropdown-menu .dropdown-item.text-ellipsis {
  white-space: normal !important;
  word-break: break-word !important;
}
main div.dropdown > div.dropdown-menu div.dropdown-item:hover, main td.dropdown > div.dropdown-menu div.dropdown-item:hover, #container div.dropdown > div.dropdown-menu div.dropdown-item:hover, #container td.dropdown > div.dropdown-menu div.dropdown-item:hover {
  background-color: #2980B9;
}
main td.dropdown .dropdown-item, #container td.dropdown .dropdown-item {
  font-size: 0.85em !important;
}

div.nav-item.dropdown > div.dropdown-menu {
  width: auto !important;
}
div.nav-item.dropdown > div.dropdown-menu a.dropdown-item {
  min-width: 100% !important;
  font-size: 1em !important;
}

div.row > div[class^=col-] > div.form-group {
  position: relative;
}
div.row > div[class^=col-] > div.form-group > input.form-control-danger {
  font-size: 11px;
}
div.row > div[class^=col-] > div.form-group > label.error-label.invalid-feedback.form-control-placeholder {
  position: absolute !important;
  bottom: 10px !important;
  left: 130px !important;
  transition: all 200ms !important;
  opacity: 0.5 !important;
  margin: 0 !important;
  font-size: 16px !important;
  width: 200px !important;
}
div.row > div[class^=col-] > div.form-group > input.form-control:focus + .form-control-placeholder, div.row > div[class^=col-] > div.form-group > input.form-control:valid + .form-control-placeholder {
  font-size: 80% !important;
  transform: translate3d(0, -100%, 0) !important;
  opacity: 1 !important;
  padding: 3px !important;
  margin-top: 20px !important;
}

.em8 {
  font-size: 0.8em;
}

.em10 {
  font-size: 1em;
}

@media screen and (max-width: 1199px) {
  .em8 {
    font-size: 1em !important;
  }
}
.text-arial {
  font-family: "Arial", SansSerif, serif;
}

.custom-control-input:checked ~ .custom-control-danger::after {
  background-color: #dc3545;
}

.custom-control-input.green:checked ~ .custom-control-label.green::before {
  color: #FFFFFF;
  border-color: #1E7E34 !important;
  background-color: #1E7E34 !important;
  font-family: Arial, serif;
}

.custom-control-input.green:checked ~ .custom-control-label.green::after {
  color: #1E7E34;
}

.custom-control-input.custom-control-label-green:checked ~ .custom-control-label.custom-control-label-green::before {
  color: #1E7E34;
  border-color: #1E7E34 !important;
  background-color: #FFFFFF !important;
  font-family: Arial, serif;
}

.custom-control-input.custom-control-label-green:checked ~ .custom-control-label.custom-control-label-green::after {
  color: #1E7E34;
}

.custom-control-input.custom-control-label-red:checked ~ .custom-control-label.custom-control-label-red::before {
  color: #E74C3C;
  border-color: #E74C3C !important;
  background-color: #FFFFFF !important;
  font-family: Arial, serif;
}

.custom-control-input.custom-control-label-red:checked ~ .custom-control-label.custom-control-label-red::after {
  color: #E74C3C;
}

.switch-button.green input[type=checkbox]:checked + span {
  background-color: #28A745 !important;
}

.switch-button.red input[type=checkbox]:checked + span {
  background-color: #F44C28 !important;
}

.i16 {
  height: 16px;
  width: 16px;
}

.i28 {
  height: 28px;
  width: 28px;
}

.i32 {
  height: 32px;
  width: 32px;
}

.i256_128 {
  height: 128px;
  width: 256px;
}

.i48 {
  height: 48px;
  width: 48px;
}

.i64 {
  height: 64px;
  width: 64px;
}

.i96 {
  height: 96px;
  width: 96px;
}

.i128 {
  height: 128px;
  width: 128px;
}

.iw512 {
  width: 512px;
}

.p1:before {
  content: "\f8f4" !important;
}

.p3:before {
  content: "\f37e" !important;
}

.p4:before {
  content: "\f1b9" !important;
}

.p5:before {
  content: "\f4dc" !important;
}

.p6:before {
  content: "\f7de" !important;
}

.p7:before {
  content: "\f80b" !important;
}

.p8:before {
  content: "\f553" !important;
}

.p9:before {
  content: "\f5ba" !important;
}

.p10:before {
  content: "\f554" !important;
}

.p11:before {
  content: "\f451" !important;
}

.p12:before {
  content: "\f87a" !important;
}

.p13:before {
  content: "\f53f" !important;
}

.p14:before {
  content: "\f0e7" !important;
}

.p15:before {
  content: "\f1ad" !important;
}

.p16:before {
  content: "\f2bb" !important;
}

.p17:before {
  content: "\f63d" !important;
}

.p18:before {
  content: "\e00e" !important;
}

.p20:before {
  content: "\f52b" !important;
}

.danger-button-text {
  word-break: break-all !important;
  word-wrap: break-word !important;
  white-space: normal !important;
  -webkit-box-shadow: 0 0 4px #641E16 !important;
  -moz-box-shadow: 0 0 4px #641E16 !important;
  box-shadow: 0 0 4px #641E16 !important;
  color: #641E16 !important;
  font-weight: bold !important;
}
.danger-button-text.danger {
  background-color: #FADBD8 !important;
  -webkit-box-shadow: inset 1px 1px 10px #641E16 !important;
  -moz-box-shadow: inset 1px 1px 10px #641E16 !important;
  box-shadow: inset 1px 1px 10px #641E16 !important;
}

@media (min-width: 768px) {
  #logModal .modal-xl {
    width: 100%;
    max-width: 1200px;
  }
}

div.modal > div.modal-dialog.modal-xl {
  width: 100%;
  max-width: 1200px;
}

caption {
  padding: 2px !important;
  caption-side: top !important;
  font-weight: bold !important;
  text-align: center !important;
}
caption pre {
  color: #229954 !important;
  font-size: 1.25rem !important;
}

tr.table-stripe {
  background-color: #F4F6F6 !important;
}

table.log {
  width: 100% !important;
  padding: 0;
  margin: 0;
  /*
  thead.log-header {
      th {
          white-space: nowrap;
          &:nth-child(3), &:nth-child(6) {
              width: 20% !important;
          }
      }
  }
  */
}
table.log tbody > tr > td {
  white-space: normal;
  word-break: break-all;
}
table.log tbody > tr > td > i.far {
  opacity: 100 !important;
}
table.log tbody > tr > td > i.far.fa-trash-alt {
  color: red !important;
}
table.log tbody > tr > td > i.far.edit-button {
  color: green !important;
}
table.log tbody > tr > td > i.far.fa-bells.orange {
  color: orange !important;
}
table.log tbody > tr > td:nth-child(6) .far {
  font-size: 13px !important;
}
table.log tbody > tr > td > span.stack {
  padding: 0 !important;
  position: relative;
  color: green !important;
  width: auto !important;
}
table.log tbody > tr > td > span.stack i.fa-stack-2x {
  font-size: 12px !important;
  position: relative !important;
}
table.log tbody > tr > td > span.stack i.fa-stack-1x {
  font-size: 8px !important;
  margin: 0 !important;
  left: 6px !important;
  bottom: 8px !important;
}

.log-attributes-table {
  width: 100%;
  table-layout: fixed;
}
.log-attributes-table th, .log-attributes-table td {
  width: 33% !important;
  max-width: 33% !important;
}

.rpt-container {
  display: none;
  background-color: #FBFCFC !important;
  -webkit-box-shadow: 1px 1px 2px 2px #ccc;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 1px 1px 2px 2px #ccc;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 1px 1px 2px 2px #ccc;
}
.rpt-container div.flex-table label {
  font-family: "Arial", serif;
}
.rpt-container div.flex-table div.d-md-flex.flex-h2 > div.flex-fill:nth-of-type(1), .rpt-container div.flex-table div.d-md-flex.flex-h2 > div.flex-fill:nth-of-type(2) {
  flex: 1 1 50% !important;
}
.rpt-container div.flex-table > div.d-md-flex.flex-header {
  background-color: #EAF2F8 !important;
  color: #1A5276 !important;
  border-top: 1px solid #D5D8DC;
}
.rpt-container div.flex-table > div.d-md-flex.flex-header label {
  margin: 0 !important;
  font-weight: bold !important;
}
.rpt-container div.flex-table > div.d-md-flex.flex-header > div.flex-fill:nth-of-type(1) {
  border-left: 1px solid #D5D8DC;
}
.rpt-container div.flex-table > div.d-md-flex.flex-header > div.flex-fill {
  border-right: 1px solid #D5D8DC;
}
.rpt-container div.flex-table > div.d-md-flex.flex-body {
  border-top: 1px solid #D5D8DC;
}
.rpt-container div.flex-table > div.d-md-flex.flex-body > div.flex-fill:nth-of-type(1) {
  border-left: 1px solid #D5D8DC;
}
.rpt-container div.flex-table > div.d-md-flex.flex-body > div.flex-fill {
  border-right: 1px solid #D5D8DC;
}
.rpt-container div.flex-table > div.d-md-flex.flex-body:last-child {
  border-bottom: 1px solid #D5D8DC;
}
@media screen and (min-width: 769px) {
  .rpt-container div.flex-table div.flex-header label {
    display: block !important;
  }
  .rpt-container div.flex-table div.flex-body label {
    display: none !important;
    font-weight: bold !important;
  }
}
@media screen and (max-width: 768px) {
  .rpt-container div.flex-table div.flex-header {
    display: none !important;
  }
  .rpt-container div.flex-table div.d-md-flex.flex-body {
    border: 1px solid black;
  }
  .rpt-container div.flex-table div.d-md-flex.flex-body > div.flex-fill {
    border-bottom: 1px solid #D5D8DC !important;
    border-left: 0 !important;
  }
  .rpt-container div.flex-table div.d-md-flex.flex-body > div.flex-fill label {
    display: block !important;
    font-weight: bold !important;
  }
  .rpt-container div.flex-table div.d-md-flex.flex-body:last-child {
    border-bottom: 1px solid black !important;
  }
}
.rpt-container div.row {
  /* For mobile phones: */
}
.rpt-container div.row div.col img.img-fluid {
  margin: auto !important;
  display: block !important;
}
.rpt-container div.row div.col img.img-fluid.rpt-logo-element {
  width: auto !important;
  max-height: 75px !important;
}
.rpt-container div.row div.col div.text-arial pre {
  white-space: pre-wrap !important;
}
.rpt-container div.row div.col div.flex-fill div.rpt-signature-box div.js-signature {
  margin-left: 0 !important;
  width: 100% !important;
}
.rpt-container div.row div.col div.d-flex.d-none {
  display: none !important;
}
.rpt-container div.row div.col pre {
  background-color: inherit !important;
  padding: 0.3em;
  margin: 0.2em 0 !important;
}
.rpt-container div.row div.col div.rpt-file-box img.i128:hover {
  -webkit-transition: width 0.1s, height 0.1s;
  transition: width 0.1s, height 0.1s;
  width: 140px !important;
  height: 140px !important;
  cursor: pointer !important;
}
.rpt-container div.row div.col div.rpt-video-holder video {
  max-width: 100%;
  height: auto !important;
}
@media only screen and (max-width: 768px) {
  .rpt-container div.row div.col {
    width: 100% !important;
    flex: 1 1 100% !important;
  }
}

#caseHandlingTable .rpt-container {
  display: block;
}

#c_h_f .rpt-container, #caseContainer .rpt-container, #EPMEDailyQuizPopUp .rpt-container {
  display: block !important;
}

#EPMEDailyQuizPopUp #EMPSubmitQuizButton {
  display: none !important;
}

.rrl-settings-container .rrl-event-settings-container .rrl-event {
  display: none;
}
.rrl-settings-container .rrl-event-settings-container .rrl-event.rrl-active-event {
  display: block !important;
}
.rrl-settings-container .rrl-event-settings-container button > * {
  pointer-events: none;
}
@media (max-width: 768px) {
  .rrl-settings-container > .container-fluid {
    padding: 0 !important;
  }
}

.sle-sms-container, .sle-email-container {
  border: 1px solid #E9EAED;
}
@media screen and (min-width: 1024px) {
  .sle-sms-container, .sle-email-container {
    max-height: 300px;
    overflow-y: auto;
  }
}
.sle-sms-container .person-card, .sle-email-container .person-card {
  background-color: #F4F6F7;
}

.ks-stf-container .ks-sts-statistics-row {
  display: none;
}

@media screen and (max-width: 768px) {
  ul.scroll-menu {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    padding: 2px;
    /*
    & > li {
        & > a {
            font-size: 1em !important;
            padding: 8px;
        }
    }
    */
  }
}
@media screen and (max-width: 767.98px) {
  #createCustomerWizard .apdb-communication-row div.col-md-3, #createCustomerWizard .apdb-communication-row div.col-md-8, #createCustomerWizard .apdb-communication-row div.col-md-9 {
    margin-bottom: 0.25em;
  }
}
@media screen and (min-width: 768px) {
  #createCustomerWizard .apdb-communication-row div.col-md-3 {
    padding-right: 0.25em;
  }
  #createCustomerWizard .apdb-communication-row div.col-md-9 {
    padding-left: 0.25em;
  }
}
#createCustomerWizard div.capisw-fixed-footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1039;
  background-color: #242729;
}
@media screen and (min-width: 768px) and (max-width: 1199.98px) {
  #createCustomerWizard div.capisw-fixed-footer {
    height: 75px;
  }
  #createCustomerWizard div.capisw-fixed-footer .capisw-btn-flex-container {
    width: 75%;
  }
  #createCustomerWizard div.capisw-fixed-footer button {
    font-size: 1.05rem !important;
    padding: 0.87rem;
  }
  #createCustomerWizard div.capisw-fixed-footer button i {
    font-size: inherit !important;
  }
}
@media screen and (min-width: 1200px) {
  #createCustomerWizard div.capisw-fixed-footer {
    height: 100px;
  }
  #createCustomerWizard div.capisw-fixed-footer .capisw-btn-flex-container {
    width: 50%;
  }
  #createCustomerWizard div.capisw-fixed-footer button {
    font-size: 1.3rem !important;
    padding: 1rem;
  }
  #createCustomerWizard div.capisw-fixed-footer button i {
    font-size: inherit !important;
  }
}
#createCustomerWizard div.capisw-fixed-footer .capisw-footer-row {
  height: 100% !important;
}
@media screen and (min-width: 1200px) {
  #createCustomerWizard #CAPISWProductCardHolder, #createCustomerWizard #CAPISWCustomerCardHolder {
    position: relative;
    max-height: 1200px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
#createCustomerWizard #billingAddressContainer {
  display: none;
}

div.capisw-card-container:hover {
  cursor: pointer;
}
div.capisw-card-container.capisw-active-card {
  background-color: #EBF5FB;
}
div.capisw-card-container.capisw-active-card div.card {
  background-color: inherit !important;
}
div.capisw-card-container.capisw-active-card div.card span {
  font-weight: bold;
}

#SECSEPopUp div.ks-slider-header {
  cursor: pointer;
}
#SECSEPopUp div.se-mdl-cse-card-container:hover {
  cursor: pointer;
}
#SECSEPopUp div.se-mdl-cse-card-container.se-mdl-cse-active-card {
  background-color: #EBF5FB;
}
#SECSEPopUp div.se-mdl-cse-card-container.se-mdl-cse-active-card.danger {
  background-color: #FADBD8;
}
#SECSEPopUp div.se-mdl-cse-card-container.se-mdl-cse-active-card div.card {
  background-color: inherit !important;
}
#SECSEPopUp div.se-mdl-cse-card-container.se-mdl-cse-active-card div.card span {
  font-weight: bold;
}

#notificationSection .nf-active-notification {
  border: 2px solid #3498DB;
}

.hrc-container {
  position: relative;
}
.hrc-container .nested, .hrc-container .item {
  position: relative;
}
.hrc-container .item::before, .hrc-container .item::after {
  content: "";
  position: absolute;
}
.hrc-container .item::before {
  border-top: 1px solid #616A6B;
  top: 25px;
  width: 8px;
  height: 0;
}
.hrc-container .item::after {
  border-left: 1px solid #616A6B;
  height: 100%;
  width: 0;
  top: 8px;
}
.hrc-container .nested .item:last-child::after {
  height: 18px;
}

.invtp-expanded-table .invte-flex-table .invte-price-summary-row {
  background-color: #eaeded !important;
}
.invtp-expanded-table .invte-flex-table .invte-price-summary-row span, .invtp-expanded-table .invte-flex-table .invte-price-summary-row p {
  color: #1a5276 !important;
}

.invte-flex-table .invalid-feedback {
  display: block !important;
  font-size: 10px !important;
}

.fche-flex-table div.input-group.ftbl-comments-group div.input-group-append {
  max-height: 24px !important;
  margin: auto 0.25rem !important;
  margin-right: 0.5rem !important;
}

.followup-checkbox-container {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 1198.98px) {
  .followup-checkbox-container {
    max-height: 350px;
  }
}
@media screen and (min-width: 1200px) {
  .followup-checkbox-container {
    max-height: 500px;
  }
}

.ks-invoice-containers button > * {
  pointer-events: none;
}
.ks-invoice-containers .invce-container {
  background-color: #F8F9F9;
}
.ks-invoice-containers .payment-stamp {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  transform: rotate(-10deg);
  opacity: 0.8;
  border-radius: 10px;
}
.ks-invoice-containers .payment-stamp.unpaid {
  color: #dc3545;
  border: 5px solid #dc3545;
  background: rgba(255, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
}
.ks-invoice-containers .payment-stamp.paid {
  color: #28a745;
  border: 5px solid #28a745;
  background: rgba(75, 198, 12, 0.1);
  box-shadow: 0 0 10px rgba(6, 158, 18, 0.5);
}
.ks-invoice-containers .payment-stamp.waiting {
  color: #fd7e14;
  border: 5px solid #fd7e14;
  background: rgba(198, 77, 12, 0.1);
  box-shadow: 0 0 10px rgba(235, 123, 9, 0.5);
}

@media screen and (min-width: 512px) {
  #SCFCustomerAddressModal .ks-address-autocomplete-container {
    min-height: 200px !important;
  }
}
@media screen and (min-width: 768px) {
  #SCFCustomerAddressModal .ks-address-autocomplete-container {
    min-height: 300px !important;
  }
}

.select2-container--open {
  z-index: 1040 !important;
}

#ADRSModal button.adrs-edit-address:hover {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}

fieldset {
  background-color: #FBFCFC;
  border-radius: 4px;
  width: 100% !important;
  border: 1px solid #E9EAED;
  -webkit-box-shadow: 0 2px 12px -10px #000000;
  box-shadow: 0 2px 12px -10px #000000;
}

legend {
  background-color: #FFFFFF;
  border: 2px solid #E9EAED;
  border-radius: 4px;
  padding: 3px 5px 3px 7px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

#invhgUDLModalSaveButton > * {
  pointer-events: none;
}

#invhgUDLModalCloseButton > * {
  pointer-events: none;
}

#FCHGUDLModalSaveButton > * {
  pointer-events: none;
}

#FCHGUDLModalCloseButton > * {
  pointer-events: none;
}

#CFPUPClsMdlSave > * {
  pointer-events: none;
}

#CFPUPClsMdlClose > * {
  pointer-events: none;
}

.searching .dot {
  font-size: 1.5em;
  animation: pulse 1.5s ease-in-out infinite;
}
.searching .dot:nth-child(1) {
  animation-delay: 0s;
}
.searching .dot:nth-child(2) {
  animation-delay: 0.33s;
}
.searching .dot:nth-child(3) {
  animation-delay: 0.67s;
}
.searching .dot:nth-child(4) {
  animation-delay: 1s;
}

@keyframes pulse {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.ks-validation-containers div.row:nth-of-type(2) > div.col-md-8 > div.card > div.card-body .evld-suggestions-container input, .ks-validation-containers div.row:nth-of-type(2) > div.col-md-8 > div.card > div.card-body .evld-suggestions-container textarea, .ks-validation-containers div.row:nth-of-type(2) > div.col-md-8 > div.card > div.card-body .evld-suggestions-container select, .ks-validation-containers div.row:nth-of-type(2) > div.col-md-8 > div.card > div.card-body .ks-child-container input, .ks-validation-containers div.row:nth-of-type(2) > div.col-md-8 > div.card > div.card-body .ks-child-container textarea, .ks-validation-containers div.row:nth-of-type(2) > div.col-md-8 > div.card > div.card-body .ks-child-container select {
  background-color: inherit !important;
}
.ks-validation-containers div.row:nth-of-type(2) > div.col-md-8 > div.card > div.card-body .evld-suggestions-container > .card, .ks-validation-containers div.row:nth-of-type(2) > div.col-md-8 > div.card > div.card-body .ks-child-container > .card {
  background-color: inherit !important;
}
.ks-validation-containers div.row:nth-of-type(2) > div.col-md-8 > div.card > div.card-body .evld-suggestions-container > .card div.card-header, .ks-validation-containers div.row:nth-of-type(2) > div.col-md-8 > div.card > div.card-body .ks-child-container > .card div.card-header {
  background-color: inherit !important;
}

button.bf-map-button > * {
  pointer-events: none !important;
}
button.bf-map-button img {
  width: 1.75rem !important;
  padding: 0 !important;
  margin: 0 !important;
}

@keyframes vibrate {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-2px, 2px);
  }
  40% {
    transform: translate(-2px, -2px);
  }
  60% {
    transform: translate(2px, 2px);
  }
  80% {
    transform: translate(2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}
.vibrate-icon {
  animation: vibrate 0.5s infinite;
  font-size: 40px;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.blink-icon {
  animation: blink 1s infinite;
}
.blink-icon:hover {
  animation: none !important;
}

.full-height-modal {
  height: 60vh !important;
  /* Optional: Ensure the modal body can scroll if content overflows */
}
.full-height-modal .modal-content {
  height: 100% !important;
}
.full-height-modal .modal-body {
  overflow-y: auto;
  height: calc(100% - 120px);
  /* Adjust the value based on your header and footer height */
}

/*# sourceMappingURL=index.css.map */