body {
  /* font-weight: 300; */
}

.blur_background {
  /*
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: url('blur.svg#blur');
  filter: blur(1px);
  */
}

.tooltip {
    white-space: pre-line;
    z-index: 90000010;
}

#pleaseWaitOverlay {
  background-color: rgba(0,  0,  0, 0.74);
  width: 100%;
  height: 100%;
  top: 0; left: 0;
  position: fixed;
  z-index: 999999;
  display: none;
}
#pleaseWaitOverlay span {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 5em;
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

#loading_spinner {
  position: fixed;
  z-index: 123456;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgb(88, 159, 252, 0.85);
  font-size: 5em;
  display: none;
}

body > .alert {
  width: 100%;
  max-width: 540px;
  z-index: 1500 !important;
}

.site-navbar {
  background-color: #11d472;
}

.site-menubar-fold .site-menu>.site-menu-item>a .fa {
  line-height: 60px;
}

.card-deck .card {
  margin-bottom: 1.43rem;
}

.navbar-brand-text {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

.site-menu>.site-menu-item.active {
  border: none;
}

.DELIVERED {
  color: #7fc35c;
}
.TRANSMITTED {
  color: #0aa8d3;
}
.BUFFERED {
  color: #f1c854;
}
.NOTDELIVERED, .REJECTED, .EXPIRED {
  color: #d26d54;
}
.ACCEPTED {
  color: #929292;
}

.DELIVERED-invert, .TRANSMITTED-invert {
  background-color: #7fc35c;
  color: white;
}
.BUFFERED-invert {
  background-color: #f1c854;
  color: white;
}
.NOTDELIVERED-invert, .REJECTED-invert, .EXPIRED-invert {
  background-color: #d26d54;
  color: white;
}
.ACCEPTED-invert {
  background-color: #747474;
  color: white;
}

.logsms {
  overflow: auto;
  max-height: 200px;
  list-style-type: none;
  padding: 0;
}

.sms_type_selector label {
  display: block;
  border: 1px solid #f7f7f7;
  text-align: center;
  padding: 2px 3px;
  color: #999;
  transition: all 0.2s ease;
}
.sms_type_selector label p {
  margin-bottom: 0;
  font-size: 1.1rem;
}
.sms_type_selector input[type="radio"] {
  display: none;
}
.check-with-label:checked + .label-for-check {
  background-color: #438DF2;
  border: 1px solid #4c7ff0;
  color: #fff;
  transition: all 0.2s ease;
}

input[type="radio"] + label {
  vertical-align: top;cursor: pointer;
}
input[type="radio"] {
  margin-right: 12px !important;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

.site-navbar, .site-menubar {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.site-menu-category {
  font-weight: 300;
}

#subaccountSwitch {
  height: 100vh;
  width: 100vw;
  z-index: 1600;
  background: rgba(40, 51, 57, 1);
  position: fixed;
  overflow-y: scroll;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.appcontents {
  height: 100%;
  width: 100%;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}
.appcontents.hiddenss {
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.noscroll {
  overflow: hidden;
}

/* magicsuggest */
.ms-ctn .ms-sel-item {
  background-color: #f3f7f9;
  border-color: rgb(228, 234, 236);
}
.ms-res-ctn .ms-res-item-active {
  background-color: #f3f7f9;
}
/* magicsuggest end */


.avatar {

}
.avatar img {
  height: 2.143rem;
  width: 2.143rem;
  box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1);
  object-fit: cover;
}
.avatar .fa {
  position: initial;
  right: initial;
  bottom: initial;
  width: 30px;
  height: 30px;
  border: initial;
  border-radius: initial;
  text-align: center;
  padding: 0;
  margin: 0;

  line-height: 2.143rem;
  font-size: 1.243rem;
  color: #00ce48;
  box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}

.page-header {
  z-index: 0;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.emojionearea > .emojionearea-editor {
    min-height: 250px !important;
    max-height: 600px !important;
    /* whatever */
}

h1 > small {
  font-weight: 300;
  font-size: 60%;
}

.tableCellNoHover, .tableCellNoHover:hover {
  background-color: inherit !important;
}
.noborder {
  border: none !important;
}

@media screen\0 {
  .mr-auto {
    margin-right: 10px !important;
  }
}

@media (max-width: 480px) {
  .media {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

body > pre {
  margin: 20px 20px 20px 280px;
}

.copyPasteEnabled {
  cursor: copy;
}

#pwindicator .bar {
    height: 2px;
}

.pw-very-weak .bar {
    background: #d00;
    width: 10%;
}

.pw-very-weak .label {
    color: #d00;
}

.pw-weak .bar {
    background: #d00;
    width: 30%%;
}

.pw-weak .label {
    color: #d00;
}

.pw-mediocre .bar {
    background: #f3f01a;
    width: 50%%;
}

.pw-mediocre .label {
    color: #f3f01a;
}

.pw-strong .bar {
    background: #f3b31a;
    width: 75%;
}

.pw-strong .label {
    color: #f3b31a;
}

.pw-very-strong .bar {
    background: #0d0;
    width: 100%;
}

.pw-very-strong .label {
    color: #0d0;
}

.dropdown .dropdown-menu {
  -moz-transition: none;
  -webkit-transition: none;
  -ms-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
  z-index: 50000;
  background: white;
}

.app-darkmode .card, .app-darkmode .card .table {
  background-color: #253237 !important;
  color: #fff;
}
.app-darkmode .page {
  background-color: #3a4f56;
}
.app-darkmode h1, .app-darkmode h2, .app-darkmode h3, .app-darkmode h4, .app-darkmode h5, .app-darkmode h6 {
  color: white !important;
}

.page {
  background-color: #f7f8f9;
}

.breadcrumb-item {
  font-size: 84%;
}

.site-menu-arrow::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f105";
}

.checkbox-custom input[type=checkbox]:checked+input[type=hidden]+label::after, .checkbox-custom input[type=checkbox]:checked+label::after, .checkbox-custom input[type=radio]:checked+input[type=hidden]+label::after, .checkbox-custom input[type=radio]:checked+label::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f00c";
}

.checkbox-custom label::before { border: 1px solid #b7bdbf; }


.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  /*
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  */
}



/* COUNTRY LIST */
.country_list {
  border: 1px solid #f3f4f5;
  background: #ffffff;
  box-shadow: 2px 2px 5px #ccc;
  display: none;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  z-index: 32893;
  width: 100%;
}
.country_list .list-item {
  padding: 10px 10px 10px 10px;
  cursor: pointer;
}
.country_list .list-item.active {
  background-color: #f3f4f5;
}
.country_list .list-item:hover {
  background-color: #f9f9f9;
}

.flip {
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.flip.down {
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
.country_list_arrow {
  position: absolute;
  top: calc(50% - 7px);
  right: 10px;
}
.country_list_flag {
  position: absolute;
  top: calc(50% - 7px);
  left: 10px;
}

.countrySelectorInput {
  position: relative;
}
.countrySelectorInput input {
  padding-left: 40px;
  width: 100%;
}
.countrySelectorWrapper {
  position: relative;
}
/* COUNTRY LIST END */


.swal2-container {
  z-index: 90000000 !important;
}

.grecaptcha-badge { visibility: hidden; }

.page-copyright-inverse {

}
.page-copyright-inverse a, .page-copyright-inverse a:visited {
  color: #fff;
  text-decoration: underline !important;
}

.page-copyright-inverse a:hover {
  text-decoration: underline;
}

.flag-icon {
  box-shadow: 0 0 10px rgba(40, 40, 40, 0.2);
}

a.disabled {
  cursor: not-allowed;
  color: #ccc !important;
}

.site-footer-right {
  padding-right: 50px;
}

/* SLIDER */
input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  border-radius: 1.3px;
}
input[type=range]::-webkit-slider-thumb {
  border: 1px solid #ccc;
  height: 12px;
  width: 12px;
  border-radius: 100%;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
}
input[type=range]::-ms-fill-upper {
  background: #000;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
}
input[type=range]::-ms-thumb {
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
}
input[type=range]:focus::-ms-fill-upper {
  background: #000;
}

.borderless td, .borderless th {
    border: none;
}

th {
  border-top: none !important;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 873px;
  max-width: 100%;
  height: 100%;
  -webkit-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px;
}

.modal.left .modal-content,
.modal.right .modal-content {
  border-radius: 0;
}

/*Left*/
.modal.left.fade .modal-dialog{
  left: -873px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
       -o-transition: opacity 0.3s linear, left 0.3s ease-out;
          transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog{
  left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
  right: -873px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
       -o-transition: opacity 0.3s linear, right 0.3s ease-out;
          transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
  right: 0;
}

#hubspot-messages-iframe-container {
  z-index: 2000 !important;

}

.page-aside .list-group.has-actions .list-group-item .item-actions {
  background-color: rgba(243, 247, 249, 0.9);
  right: 0;
  padding-right: 10px;
  padding-left: 5px;
}

.page-aside .list-group-item.active {
  background-color: #f3f7f9;
}

#contactsContent {
  min-height: calc(100vh - 220px);
}

.card-footer {
  background-color: #fff;
}

.flash {
  animation: flasher 0.5s linear infinite;
}

@keyframes flasher {
  50% {
    opacity: 0;
  }
}

.icon-button {
  border-width: 2px;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  line-height: 28px;
}

/* AUTOCOMPLETE */
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 4px;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    cursor: pointer;
}

.ui-autocomplete .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-autocomplete .ui-state-hover, .ui-autocomplete  .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}
/* AUTOCOMPLETE END */


.bootstrap-datetimepicker-widget {
  min-width: 250px !important;
}

.file-upload input[type="file"] {
    display: none;
}
.file-upload label {

}

.card {
  border-radius: 0.586rem;
  box-shadow: 0 0 10px 1px rgba(50, 50, 50, 0.05);
}

.number_deleted {
  color: #f00 !important;
}

/* NOTIFICATIONS */
.sevenNotification {
}
/* NOTIFICATIONS */

.modal {
  z-index: 90000000;
}


.circle {
    border: 2px solid;
    border-radius: 34px;
    height: 34px;
    font-weight: 500;
    width: 34px;
    margin: 2px auto;
    display: inline-block;
}
.circle p {
    line-height: 30px;
    font-size: 16px;
    text-align: center;
}

.flag-icon- {
  display: none !important;
}

.contact_initials {
  width: 30px; 
  height: 30px; 
  line-height: 30px; 
  border-radius: 100%; 
  display: inline-block; 
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 15px 0px;
  margin-right: 20px;
  font-size: 13px;
  letter-spacing: 1px;
}

.contact_initials-20 {
  width: 20px; 
  height: 20px; 
  line-height: 20px; 
}

.daterangepicker {
  z-index: 90000010 !important; /* has to be larger than 1050 */
}

.debugger_request {
  max-height: 200px;
  overflow: auto;
}

.edit_contact_nav {
  display: flex;
  /*border: 1px solid #e4eaec;*/
  width: 100%;
  /*background-color: rgba(255, 255, 255, 0.7);*/
}
.edit_contact_nav a:not(:last-child) {
  /*border-right: 1px solid #e4eaec;*/
}
.edit_contact_nav a {
  font-size: 110%;
  flex: 1 1 0px;
  color: #76838f;
  display: inline-block;
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid rgba(34, 34, 34, 0.2);
}
.edit_contact_nav a:hover, a.active {
  text-decoration: none;
  border-bottom: 1px solid #222;
}

dl {
  display: grid;
  grid-template-columns: max-content auto;
}

dt {
  grid-column-start: 1;
  padding-right: 30px;
}

dd {
  grid-column-start: 2;
}

.input-group-with-inner-addon span {
  position: absolute;
  margin-left: 12px;
  height: 2.573rem;
  display: flex;
  align-items: center;
}
.input-group-with-inner-addon input {
  padding-left: 35px;
}

.multiselectChangeItems {
  
}

@media (min-width: 1232px) {
    .modal-xl {
        min-width: 1140px;
    }
}